/* Creative studio and values. Scoped additions; approved cinematic scenes unchanged. */
.studio{background:#10251d;scroll-margin-top:90px}.studio h2,.values-hero h1{font:400 clamp(52px,6vw,88px)/.98 var(--serif);letter-spacing:-.035em}.studio h2 em,.studio-brief em,.values-hero em,.values-invitation em{color:#d7bd8c;font-weight:400}.studio-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;margin-bottom:60px}.studio-intro .eyebrow{margin-bottom:25px}.studio-intro-copy{max-width:50ch}.studio-intro-copy p{font-size:15px;color:#c3cec3;line-height:1.9;margin-bottom:20px}.studio-intro-copy .text-link{color:#e4d0a8}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;align-items:start}.studio-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.studio-filters[hidden]{display:none}.studio-filters button{background:transparent;border:1px solid #b7c6b640;color:#ccd5c9;padding:10px 12px;min-height:44px;font:400 11px/1.5 var(--sans);cursor:pointer}.studio-filters button[aria-pressed=true]{background:#d0b17b;color:#10251d;border-color:#d0b17b}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.studio-card{padding:25px 23px;background:linear-gradient(145deg,#1d352a,#10251d);border:1px solid #c5a0593d;display:flex;flex-direction:column;min-height:330px;position:relative;transition:border-color .2s,background .2s}.studio-card[hidden]{display:none}.studio-card:has(input:checked){border-color:#d2b77f;background:linear-gradient(145deg,#304032,#12271d)}.studio-card-top{display:flex;justify-content:space-between;align-items:start;gap:15px;color:#d8c39c;font-size:10px;letter-spacing:.07em;line-height:1.8}.studio-glyph{font-size:28px;line-height:1}.studio-card h3{font:400 33px/1.06 var(--serif);letter-spacing:-.02em;margin:30px 0 14px}.studio-hook{font-size:13px;line-height:1.8;color:#c7d0c5;margin-bottom:20px;max-width:30ch}.studio-card details{margin-top:auto}.studio-card summary{list-style:none;cursor:pointer;display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:12px;color:#d8c39c;min-height:44px}.studio-card summary::-webkit-details-marker{display:none}.studio-card details[open] summary span{transform:rotate(45deg)}.studio-card details p{font-size:13px;line-height:1.85;color:#c8d3c8;margin:12px 0 18px}.studio-card details .studio-deliverable{border-left:1px solid var(--gold);padding-left:12px;color:#e3d0ab}.studio-select{display:flex;align-items:center;gap:10px;border-top:1px solid #c5a05933;padding-top:18px;margin-top:15px;cursor:pointer;font-size:12px;min-height:48px}.studio-select>span:last-child{margin-left:auto;color:var(--gold);font-size:19px}.studio-select input{width:18px;height:18px;accent-color:#c5a059;flex:none}.studio-select:has(input:checked)>span:last-child{transform:rotate(45deg)}.studio-scope{font-size:12px;line-height:1.9;color:#b2c2b3;margin-top:24px}.studio-brief{position:sticky;top:105px;border:1px solid #c5a05988;padding:27px 24px;background:#0b1a14;max-height:calc(100vh - 125px);overflow-y:auto;scrollbar-width:thin}.studio-brief h3{font:400 38px/1.03 var(--serif);margin:20px 0}.studio-brief>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#bccbbd}.studio-brief #studio-count{color:#e2c998;border-top:1px solid #ffffff25;padding-top:20px;margin-top:22px}.studio-brief ul{padding:0;list-style:none;margin:12px 0 22px}.studio-brief li{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;padding:9px 0;border-bottom:1px solid #ffffff16}.studio-brief li button{margin-left:auto;flex:none;width:44px;height:44px;border:1px solid #ffffff30;background:none;color:#d7bd8c;font-size:20px;cursor:pointer}.studio-brief label{font-size:12px;line-height:1.7;display:block;margin:16px 0;color:#dae1d6}.studio-brief input:not([type=radio]),.studio-brief textarea{display:block;width:100%;min-width:0;border:1px solid #ffffff40;background:#ffffff05;color:var(--ivory);padding:12px;font:400 14px/1.6 var(--sans);margin-top:7px;border-radius:0;min-height:46px}.studio-brief textarea{resize:vertical}.studio-brief fieldset{margin:20px 0;padding:15px 12px;border:1px solid #ffffff25}.studio-brief legend{font-size:12px;color:#d8c39c;padding:0 5px}.studio-brief fieldset label{display:flex;align-items:center;gap:8px;margin:10px 0}.studio-brief input[type=radio]{accent-color:var(--gold)}.studio-brief .button{font-size:12px;display:flex;justify-content:space-between;width:100%;min-height:50px;border:0;cursor:pointer;padding:16px}.studio-brief .studio-privacy,.studio-brief .studio-location-note{font-size:11px;color:#b5c4b6;line-height:1.8;margin:18px 0}.studio-direct{border-top:1px solid #ffffff25;padding-top:22px;margin-top:24px}.studio-direct a{display:block;color:#e2c998;text-decoration:underline;text-underline-offset:4px}.studio-draft-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.studio-draft-actions button{border:1px solid #ffffff44;padding:10px;background:none;color:#e0c89d;min-height:44px;font-size:11px;cursor:pointer}#studio-status{font-size:12px;color:#e0c89d;line-height:1.8;margin-top:15px}.studio-closing{border-top:1px solid #c5a05944;display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:55px;padding-top:30px}.studio-closing p{font:400 30px/1.2 var(--serif)}.studio-closing a{font-size:13px;color:#dec89f;min-height:44px;display:flex;align-items:center;gap:18px}
.values-hero{background:#10251d}.values-hero>.eyebrow{margin-bottom:25px}.values-hero h1{max-width:900px}.values-lead{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:900px;margin-top:38px;color:#c7d2c6;font-size:16px;line-height:1.9}.values-index{display:flex;flex-wrap:wrap;gap:14px;margin-top:50px}.values-index a{border:1px solid #c5a05955;min-height:54px;padding:16px 20px;font-size:13px;display:flex;gap:16px;align-items:center}.values-index span{color:var(--gold);font:400 22px var(--serif)}.values-list{background:var(--ivory);color:#213c2d}.value-row{display:grid;grid-template-columns:70px 1.1fr 1fr;gap:35px;padding:65px 0;border-top:1px solid #243c3038;scroll-margin-top:110px}.value-row:last-child{border-bottom:1px solid #243c3038}.value-number{font:400 50px/1 var(--serif);color:#8b7545}.value-row .eyebrow{color:#7b673c;margin-bottom:22px}.value-row h2{font:400 clamp(34px,3.8vw,55px)/1.04 var(--serif);letter-spacing:-.025em}.value-copy{font-size:15px;line-height:1.9;color:#526457}.value-practice{border-left:1px solid #a88c56;margin-top:24px;padding-left:22px}.value-practice span{font-size:10px;letter-spacing:.15em;color:#7b673c}.value-practice p{margin-top:8px}.values-invitation{text-align:center;background:#0c1713;display:flex;flex-direction:column;align-items:center;gap:25px}.values-invitation h2{font:400 clamp(45px,5vw,72px)/1.05 var(--serif)}.values-invitation>p:not(.eyebrow){max-width:64ch;font-size:15px;line-height:1.9;color:#c5cfc3}.values-invitation .text-link{color:#e2c998}html{scroll-padding-top:100px}
/* A wider collapse point accommodates the expanded six-page navigation. */
@media(min-width:961px) and (max-width:1200px){.nav nav{display:none;position:absolute;top:90px;left:0;right:0;background:#0c1713;padding:20px var(--gutter);border-bottom:1px solid var(--line)}.nav nav.open{display:flex;flex-direction:column;gap:0}.nav nav a{padding:17px 0;font-size:14px}.nav-cta{margin-left:auto}.menu-toggle{display:flex;align-items:center;gap:10px;font-size:11px}.nav.is-scrolled nav{top:82px}}
@media(max-width:1100px){.studio-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.studio-grid{grid-template-columns:1fr}.studio-card{min-height:285px}.studio-intro{gap:40px}.value-row{grid-template-columns:45px 1fr 1fr;gap:25px}}
@media(max-width:760px){.studio-intro,.values-lead{grid-template-columns:1fr;gap:28px}.studio-intro{margin-bottom:35px}.studio-layout{grid-template-columns:1fr}.studio-brief{position:static;max-height:none;overflow:visible}.studio-brief h3{font-size:43px}.studio-card{min-height:270px}.studio-intro-copy{max-width:100%}.studio-closing{align-items:start;flex-direction:column}.value-row{grid-template-columns:35px 1fr;gap:20px;padding:40px 0}.value-copy{grid-column:2}.value-number{font-size:36px}.values-index{gap:8px}.values-index a{padding:12px;flex:1 1 140px}.studio-brief input:not([type=radio]),.studio-brief textarea{font-size:16px}.studio h2,.values-hero h1{font-size:clamp(48px,10vw,74px)}}
@media(prefers-reduced-motion:reduce){.studio-card{transition:none}}
.studio-mobile-brief{display:none}
@media(max-width:760px){.studio-mobile-brief:not([hidden]){position:fixed;z-index:30;bottom:16px;left:24px;right:24px;display:flex;justify-content:space-between;gap:20px;padding:16px 20px;background:#d0b17b;color:#0c1713;font-size:13px;box-shadow:0 6px 25px #0006}.studio-brief{scroll-margin-top:100px}.studio-closing{padding-bottom:65px}}

/* Oct 23: service cards on solid deep forest green */
.studio-card{background:#1e4620}
.studio-card:hover{background:#21502a}
.studio-card:has(input:checked){background:#26582d;border-color:#d2b77f}

/* ======================================================================
   Oct 23: Creative Studio in white marble.
   Warm marble ground, deep-green ink, champagne-gold hairlines.
   Green is reserved for type, the header bar, the active filter and the
   primary button; no light green.
   ====================================================================== */
.page-marble{
  --mb-ground:#f7f4ee; --mb-panel:#fffdf9; --mb-ink:#10271e; --mb-forest:#1e4620;
  --mb-text:#4b524c; --mb-soft:#7a7f77; --mb-gold:#c5a059; --mb-gold-deep:#8f6f33;
  --mb-line:#10271e1f; --mb-line-gold:#c5a05966;
}
.page-marble .nav{background:#0c1713}
.page-marble .nav.is-scrolled{background:#0c1713f7}

.page-marble .studio{
  color:var(--mb-ink);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0035 .012' numOctaves='5' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .55 0 0 0 0 .52 0 0 0 -2.4 1.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)' opacity='.16'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 70% 40% at 20% 0%,#ffffff,transparent 70%),
    linear-gradient(180deg,#faf8f3 0%,var(--mb-ground) 45%,#f1ede4 100%);
  background-size:900px 900px,auto,auto;
}
.page-marble .studio .section-index{color:var(--mb-soft);border-color:var(--mb-line)}
.page-marble .studio .eyebrow{color:var(--mb-gold-deep)}
.page-marble .studio h2{color:var(--mb-ink)}
.page-marble .studio h2 em,.page-marble .studio-brief em{color:var(--mb-gold-deep)}
.page-marble .studio-intro-copy p{color:var(--mb-text)}
.page-marble .studio-intro-copy .text-link,.page-marble .studio .text-link{color:var(--mb-ink);border-color:var(--mb-line-gold)}

/* Filters: hairline outlines; the active one is set in deep green */
.page-marble .studio-filters button{border-color:var(--mb-line);color:var(--mb-text);background:#ffffffb3;letter-spacing:.06em}
.page-marble .studio-filters button:hover{border-color:var(--mb-gold)}
.page-marble .studio-filters button[aria-pressed=true]{background:var(--mb-ink);border-color:var(--mb-ink);color:#f3e6c9}

/* Cards: white panels, hairline frame, a gold rule that draws in on hover */
.page-marble .studio-grid{gap:18px}
.page-marble .studio-card{background:var(--mb-panel);border:1px solid #e3ddd0;box-shadow:0 1px 0 #fff inset,0 18px 40px -32px #10271e66;transition:border-color .3s,box-shadow .3s,transform .3s}
.page-marble .studio-card::before{content:'';position:absolute;left:23px;right:23px;top:0;height:2px;background:var(--mb-gold);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.1,1)}
.page-marble .studio-card:hover{background:var(--mb-panel);border-color:var(--mb-line-gold);box-shadow:0 1px 0 #fff inset,0 24px 48px -30px #10271e80;transform:translateY(-2px)}
.page-marble .studio-card:hover::before{transform:scaleX(1)}
.page-marble .studio-card:has(input:checked){background:#fbf7ec;border-color:var(--mb-ink);box-shadow:0 0 0 1px var(--mb-ink),0 24px 48px -30px #10271e80}
.page-marble .studio-card:has(input:checked)::before{transform:scaleX(1)}
.page-marble .studio-card-top{color:var(--mb-gold-deep);text-transform:uppercase;letter-spacing:.16em}
.page-marble .studio-glyph{display:none}
.page-marble .studio-card h3{color:var(--mb-ink)}
.page-marble .studio-hook{color:var(--mb-text)}
.page-marble .studio-card summary{color:var(--mb-ink);border-top:1px solid var(--mb-line)}
.page-marble .studio-card summary span{color:var(--mb-gold-deep)}
.page-marble .studio-card details p{color:var(--mb-text)}
.page-marble .studio-card details .studio-deliverable{color:var(--mb-ink);border-left-color:var(--mb-gold)}
.page-marble .studio-select{border-top-color:var(--mb-line);color:var(--mb-ink)}
.page-marble .studio-select input{accent-color:var(--mb-forest)}
.page-marble .studio-select>span:last-child{color:var(--mb-gold-deep)}
.page-marble .studio-scope{color:var(--mb-soft)}

/* Brief: a white folio with a deep-green crown rule */
.page-marble .studio-brief{background:var(--mb-panel);border:1px solid #e3ddd0;border-top:3px solid var(--mb-ink);box-shadow:0 30px 60px -40px #10271e66;color:var(--mb-ink)}
.page-marble .studio-brief::after{content:'';display:block;height:1px;background:var(--mb-line-gold);position:absolute;left:24px;right:24px;top:6px}
.page-marble .studio-brief h3{color:var(--mb-ink)}
.page-marble .studio-brief>p:not(.eyebrow){color:var(--mb-text)}
.page-marble .studio-brief #studio-count{color:var(--mb-gold-deep);border-top-color:var(--mb-line)}
.page-marble .studio-brief li{border-bottom-color:var(--mb-line);color:var(--mb-ink)}
.page-marble .studio-brief li button{border-color:var(--mb-line);color:var(--mb-ink)}
.page-marble .studio-brief label{color:var(--mb-ink)}
.page-marble .studio-brief input:not([type=radio]),.page-marble .studio-brief textarea{background:#fff;border-color:#d6cfc0;color:var(--mb-ink)}
.page-marble .studio-brief input:not([type=radio]):focus,.page-marble .studio-brief textarea:focus{outline:none;border-color:var(--mb-gold);box-shadow:0 0 0 3px #c5a05926}
.page-marble .studio-brief input::placeholder,.page-marble .studio-brief textarea::placeholder{color:#9a9b92}
.page-marble .studio-brief fieldset{border-color:var(--mb-line)}
.page-marble .studio-brief legend{color:var(--mb-gold-deep)}
.page-marble .studio-brief input[type=radio]{accent-color:var(--mb-forest)}
.page-marble .studio-brief .button.gold{background:var(--mb-ink);color:#f3e6c9}
.page-marble .studio-brief .button.gold:hover{background:var(--mb-forest)}
.page-marble .studio-brief .studio-privacy,.page-marble .studio-brief .studio-location-note{color:var(--mb-soft)}
.page-marble .studio-direct{border-top-color:var(--mb-line)}
.page-marble .studio-direct,.page-marble .studio-direct a{color:var(--mb-ink)}
.page-marble .studio-draft-actions button{border-color:#d6cfc0;color:var(--mb-ink)}
.page-marble .studio-draft-actions button:hover{border-color:var(--mb-gold)}
.page-marble #studio-status{color:var(--mb-gold-deep)}

/* Closing line */
.page-marble .studio-closing{border-top-color:var(--mb-line-gold)}
.page-marble .studio-closing p{color:var(--mb-ink)}
.page-marble .studio-closing a{color:var(--mb-gold-deep)}

/* Phone: floating "View my brief" bar in deep green */
@media(max-width:760px){.page-marble .studio-mobile-brief:not([hidden]){background:var(--mb-ink);color:#f3e6c9;box-shadow:0 10px 30px #10271e55}}
@media(prefers-reduced-motion:reduce){.page-marble .studio-card,.page-marble .studio-card::before{transition:none}.page-marble .studio-card:hover{transform:none}}

/* Oct 23 (later): studio cards in deep green on the marble page; ivory type, gold labels */
.page-marble .studio-card{background:#10271e;border-color:#10271e;box-shadow:0 22px 44px -28px #10271e99}
.page-marble .studio-card:hover{background:#12291f;border-color:#c5a05999;box-shadow:0 28px 52px -28px #10271eb3}
.page-marble .studio-card:has(input:checked){background:#163526;border-color:var(--mb-gold);box-shadow:0 0 0 1px var(--mb-gold),0 28px 52px -28px #10271eb3}
.page-marble .studio-card-top{color:var(--mb-gold)}
.page-marble .studio-card h3{color:#fdfcf7}
.page-marble .studio-hook{color:#d6ddd5}
.page-marble .studio-card summary{color:#fdfcf7;border-top-color:#fdfcf726}
.page-marble .studio-card summary span{color:var(--mb-gold)}
.page-marble .studio-card details p{color:#d6ddd5}
.page-marble .studio-card details .studio-deliverable{color:#ead7ae;border-left-color:var(--mb-gold)}
.page-marble .studio-select{border-top-color:#fdfcf726;color:#fdfcf7}
.page-marble .studio-select input{accent-color:var(--mb-gold)}
.page-marble .studio-select>span:last-child{color:var(--mb-gold)}