@font-face{
font-family:"Clair d'Or";
src:url("/assets/fonts/clairdor-regular.woff2") format("woff2");
font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
font-family:"Clair d'Or";
src:url("/assets/fonts/clairdor-italic.woff2") format("woff2");
font-weight:400; font-style:italic; font-display:swap;
}
@font-face{
font-family:"Aktiv Grotesk";
src:url("/assets/fonts/aktivgrotesk-regular.woff2") format("woff2");
font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
font-family:'Source Serif 4';
src:url("/assets/fonts/source-serif-4-latin-ext-italic.woff2") format("woff2");
font-weight:400 500; font-style:italic; font-display:swap;
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
font-family:'Source Serif 4';
src:url("/assets/fonts/source-serif-4-latin-italic.woff2") format("woff2");
font-weight:400 500; font-style:italic; font-display:swap;
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
font-family:'Source Serif 4';
src:url("/assets/fonts/source-serif-4-latin-ext.woff2") format("woff2");
font-weight:400 500; font-style:normal; font-display:swap;
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
font-family:'Source Serif 4';
src:url("/assets/fonts/source-serif-4-latin.woff2") format("woff2");
font-weight:400 500; font-style:normal; font-display:swap;
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{
--paper:#F4EDE1;
--linen:#F6E7D1;
--charcoal:#463F3F;
--bitter:#3A2E2B;
--terracotta:#C06D4C;
--rust:#A5563A;
--blue-pencil:#33528A;
--pale-sage:#D6DCCA;
--olive:#6D6B49;
--charcoal-15: rgba(70,63,63,.16);
--charcoal-08: rgba(70,63,63,.08);
--font-display:"Clair d'Or", Georgia, serif;
--font-reading:'Source Serif 4', Georgia, serif;
--font-utility:'Aktiv Grotesk', -apple-system, sans-serif;
--gutter: clamp(1.25rem, 5vw, 4.5rem);
--max: 1400px;
--size-lead: clamp(2.5rem, 3.2rem + 2.2vw, 4.6rem);
--size-statement: clamp(2rem, 2.3rem + 1.6vw, 3.5rem);
--size-substatement: clamp(1.5rem, 1.6rem + 0.9vw, 2.2rem);
--size-reading: clamp(1.05rem, 1rem + .3vw, 1.2rem);
--size-note: 1.02rem;
--size-utility: .72rem;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
margin:0;
background:var(--paper);
color:var(--charcoal);
font-family:var(--font-reading);
font-weight:400;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}
p{margin:0 0 1em;}
p:last-child{margin-bottom:0;}
h1,h2,h3,h4{margin:0 0 1em; font-size:inherit; font-weight:inherit;}
h1:last-child,h2:last-child,h3:last-child,h4:last-child{margin-bottom:0;}
::selection{background:var(--pale-sage); color:var(--bitter);}
.container{max-width:var(--max); margin-inline:auto; padding-inline:var(--gutter);}
.kicker{
font-family:var(--font-utility);
font-size:var(--size-utility);
letter-spacing:.15em;
text-transform:uppercase;
color:var(--rust);
font-weight:400;
}
.theory-charcoal .kicker, .movement-belief .kicker{color:var(--pale-sage);}
[data-page="contact"] .contact-elsewhere .kicker{color:var(--charcoal);}
.kicker.is-quiet{color:var(--charcoal); opacity:.55;}
.kicker.is-loud{font-size:.8rem; letter-spacing:.18em;}
.lead{
font-family:var(--font-display);
font-weight:400;
font-size:var(--size-lead);
line-height:1.06;
letter-spacing:-.01em;
margin:0;
}
.statement{
font-family:var(--font-display);
font-weight:400;
font-size:var(--size-statement);
line-height:1.12;
letter-spacing:-.008em;
margin:0 0 .6em;
}
.statement:last-child{margin-bottom:0;}
.substatement{
font-family:var(--font-display);
font-weight:400;
font-size:var(--size-substatement);
line-height:1.18;
margin:0 0 .6em;
}
.reading{
font-family:var(--font-reading);
font-size:var(--size-reading);
line-height:1.68;
max-width:58ch;
color:var(--charcoal);
}
.reading.is-narrow{max-width:46ch;}
.reading.is-spacious p{margin-bottom:1.7em;}
.reading.is-spacious p:last-child{margin-bottom:0;}
.note{
font-family:var(--font-reading);
font-style:italic;
font-weight:400;
font-size:var(--size-note);
line-height:1.5;
color:var(--blue-pencil);
max-width:30ch;
}
.underline-word{
text-decoration:none;
border-bottom:2px solid var(--terracotta);
padding-bottom:.03em;
}
.panel-charcoal .underline-word{border-bottom-color:var(--paper);}
.underline-quiet{
text-decoration:none;
border-bottom:1px solid var(--charcoal);
padding-bottom:.03em;
}
.em-lift{font-size:1.17em; letter-spacing:-.006em;}
.em-accent{color:var(--terracotta);}
.em-italic{font-style:italic;}
.lead-echo{
font-family:var(--font-display); font-weight:400;
font-size:clamp(1.55rem, 1.5rem + 1.6vw, 2.6rem);
line-height:1.2;
margin:.32em 0 0;
max-width:28ch;
}
.close-statement{
font-family:var(--font-display); font-weight:400;
font-size:clamp(2.3rem, 2.2rem + 2.6vw, 4.1rem);
line-height:1.08;
letter-spacing:-.01em;
margin:1.5rem 0 0;
max-width:19ch;
}
.statement-echo{
font-family:var(--font-display); font-weight:400;
font-size:clamp(1.3rem, 1.25rem + .9vw, 1.85rem);
line-height:1.28;
opacity:.68;
margin:.5em 0 0;
max-width:44ch;
}
#home-theory .statement-echo{
font-size:var(--size-statement);
line-height:1.12;
letter-spacing:-.008em;
margin-top:clamp(.5rem, 1vw, .9rem);
max-width:28ch;
opacity:1;
}
.gst-intro-block{
margin-top:2.4rem;
background:var(--linen);
padding:clamp(1.5rem,3vw,2.2rem) clamp(1.5rem,3vw,2.1rem);
}
.gst-intro-line{
font-size:clamp(1.25rem, 1.3rem + .6vw, 1.75rem);
line-height:1.42;
max-width:38ch;
margin:0;
color:var(--charcoal);
}
.theory-questions{
margin-top:2.6rem;
margin-left:clamp(1.25rem, 3.5vw, 2.75rem);
display:flex;
flex-direction:column;
}
.theory-question{
font-family:var(--font-utility); font-weight:400;
font-size:clamp(1.3rem, 1.15rem + 1vw, 1.9rem);
letter-spacing:.01em;
line-height:1.3;
margin:0;
padding:.85rem 0;
border-bottom:1px solid var(--charcoal-15);
color:var(--charcoal);
}
.theory-progression-line{margin-top:1.9rem; max-width:26ch;}
.theory-progression-line--turn{margin-top:clamp(2.4rem, 5vw, 3.6rem);}
.theory-progression-reading{margin-top:1.4rem;}
#home-theory{transition:background-color 1.3s ease;}
#home-theory.is-clarified{background:var(--pale-sage);}
.site-header{
position:sticky; top:0; z-index:40;
background:var(--paper);
border-bottom:1px solid var(--charcoal-15);
}
.site-header .container{
display:flex; align-items:center; justify-content:space-between;
gap:clamp(1rem,3vw,2.5rem);
padding-block:1.1rem;
transition:padding-block .3s ease;
}
.brand-mark{
display:inline-grid;
grid-template-rows:minmax(0,1fr);
grid-template-columns:minmax(0,1fr);
align-items:center;
height:136px;
overflow:hidden;
transition:height .3s ease;
}
.brand-mark img{
grid-area:1/1;
display:block;
width:auto; max-width:none;
transition:opacity .35s ease;
}
.brand-mark .lockup-v{height:136px; opacity:1;}
.brand-mark .lockup-w{height:34px; opacity:0;}
@media (max-width: 1099px){
.brand-mark{height:34px;}
.brand-mark .lockup-v{opacity:0;}
.brand-mark .lockup-w{opacity:1;}
}
.site-header.is-scrolled .container{padding-block:.7rem;}
.site-header.is-scrolled .brand-mark{height:34px;}
.site-header.is-scrolled .brand-mark .lockup-v{opacity:0;}
.site-header.is-scrolled .brand-mark .lockup-w{opacity:1;}
nav.primary-nav{
display:flex; flex-wrap:wrap; gap:clamp(1rem,2.4vw,2rem);
row-gap:.4rem;
}
.nav-link{
font-family:var(--font-utility);
font-size:var(--size-utility);
letter-spacing:.13em;
text-transform:uppercase;
text-decoration:none;
color:var(--charcoal);
padding-bottom:5px;
border-bottom:2px solid transparent;
white-space:nowrap;
}
.nav-link.is-active{border-bottom-color:var(--terracotta);}
.surface{padding-block:clamp(3.4rem, 5vw + 1rem, 7.5rem);}
.surface--linen{background:var(--linen);}
.surface--sage{background:var(--pale-sage);}
.surface--tight{padding-block:clamp(2rem,3vw,3.5rem);}
.surface-hinge{padding-block:1.5rem;}
.surface-hinge .two-tone{max-width:320px;}
.grid-6634{
display:grid;
grid-template-columns: minmax(0,66fr) 1px minmax(0,34fr);
gap:clamp(2rem,4vw,4.5rem);
align-items:start;
}
.grid-6634 .hairline{
background:var(--charcoal-15);
align-self:stretch;
}
.grid-6634 .col-wide{min-width:0;}
.grid-6634 .col-narrow{min-width:0; padding-top:.35em;}
@media (max-width: 860px){
.grid-6634{grid-template-columns:1fr;}
.grid-6634 .hairline{display:none;}
.grid-6634 .col-narrow{
padding-top:1.4rem; margin-top:1.4rem;
border-top:1px solid var(--charcoal-15);
}
}
@media (min-width: 861px){
#home-hero .grid-6634{grid-template-columns: minmax(0,76fr) 1px minmax(0,24fr);}
}
.two-tone{display:flex; width:100%; height:2px;}
.two-tone .short{flex:34; background:var(--terracotta);}
.two-tone .long{flex:66; background:var(--charcoal-15);}
.two-tone.is-reverse .short{order:2;}
.two-tone.is-reverse .long{order:1;}
.two-tone.is-odd .long{background:var(--blue-pencil);}
.stack{display:flex; flex-direction:column; gap:1.6rem;}
.stack.is-tight{gap:.9rem;}
.filter-sort{position:relative; padding-top:2rem;}
.filter-sort-line{
position:absolute; top:0; left:0; right:0;
height:2px; background:var(--terracotta);
}
.filter-sort-items{display:flex; flex-direction:column;}
.filter-sort-item{
font-family:var(--font-reading);
font-size:var(--size-substatement);
line-height:1.3;
padding-block:1.3rem;
border-top:1px solid var(--charcoal-15);
max-width:34ch;
margin:0;
}
.filter-sort-item:last-child{border-bottom:1px solid var(--charcoal-15);}
[data-reveal].pause-line{opacity:0; transform:translateY(14px); transition:opacity .7s ease, transform .7s ease;}
[data-reveal].pause-line.is-visible{opacity:1; transform:translateY(0);}
.decision-stack{display:flex; flex-direction:column;}
.decision-stack span{
display:block;
font-family:var(--font-reading); font-size:var(--size-substatement);
line-height:1.3;
margin-bottom:.2em;
opacity:0;
transform:translateX(var(--ds-x, 0));
transition:opacity .6s ease, transform .9s ease;
}
.decision-stack span.is-visible{opacity:1;}
.decision-stack span:last-child{margin-bottom:0;}
.decision-stack.is-resolved span{transform:translateX(0);}
@media (max-width:640px){
.decision-stack span{transform:translateX(calc(var(--ds-x, 0) * .4));}
}
.handoff-primary{
display:block; text-decoration:none; color:var(--paper);
background:var(--blue-pencil);
padding:clamp(2.4rem,4vw,3.6rem) clamp(1.75rem,4vw,3rem);
margin-bottom:1.6rem;
}
.handoff-primary .two-tone{max-width:100%; margin-bottom:1.1rem;}
.handoff-primary .two-tone .short{transition:flex .45s ease;}
.handoff-primary .two-tone .long{background:rgba(244,237,225,.3); transition:flex .45s ease;}
@keyframes gst-redraw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.handoff-primary .two-tone .short, .handoff-primary .two-tone .long,
.cta-reveal .two-tone .short, .cta-reveal .two-tone .long{transform-origin:left;}
.handoff-primary:hover .two-tone .short, .cta-reveal:hover .two-tone .short,
.handoff-primary:focus-visible .two-tone .short, .cta-reveal:focus-visible .two-tone .short{animation:gst-redraw .4s cubic-bezier(.45,0,.2,1) both;}
.handoff-primary:hover .two-tone .long, .cta-reveal:hover .two-tone .long,
.handoff-primary:focus-visible .two-tone .long, .cta-reveal:focus-visible .two-tone .long{animation:gst-redraw .6s cubic-bezier(.45,0,.2,1) .4s both;}
@media (prefers-reduced-motion:reduce){
.handoff-primary .two-tone .short, .handoff-primary .two-tone .long,
.cta-reveal .two-tone .short, .cta-reveal .two-tone .long{animation:none!important;}
}
.handoff-primary .teaser-line{
font-family:var(--font-display); font-size:var(--size-statement);
color:var(--paper);
margin:0 0 .8rem; max-width:16ch;
}
.handoff-primary .link-arrow{color:var(--paper); border-bottom-color:rgba(244,237,225,.35);}
.handoff-secondary{
display:flex; flex-wrap:wrap; gap:1.5rem 2.6rem;
padding-block:1.3rem;
border-top:1px solid var(--charcoal-15);
border-bottom:1px solid var(--charcoal-15);
}
.handoff-secondary a{
font-family:var(--font-utility); font-size:.76rem; letter-spacing:.1em; text-transform:uppercase;
color:var(--charcoal); opacity:.68; text-decoration:none;
border-bottom:1px solid var(--charcoal-15); padding-bottom:.3rem;
transition:opacity .2s ease, border-color .2s ease;
}
.handoff-secondary a:hover{opacity:1; border-color:var(--rust);}
.cta-reveal{
display:inline-block; text-decoration:none; color:var(--charcoal);
margin-top:1.6rem;
}
.cta-reveal .two-tone{max-width:220px; margin-bottom:.7rem;}
.cta-reveal .two-tone .short{transition:flex .45s ease;}
.cta-reveal .two-tone .long{transition:flex .45s ease;}
.cta-reveal-text{
display:inline-flex; align-items:baseline; gap:.4em;
font-family:var(--font-utility); font-size:var(--size-utility);
letter-spacing:.13em; text-transform:uppercase;
}
.cta-reveal-text .arrow{
font-family:var(--font-reading); font-style:normal; font-size:1rem; transition:transform .2s ease;
}
.cta-reveal:hover .cta-reveal-text .arrow{transform:translateX(3px);}
.panel-charcoal{
position:relative;
background:var(--charcoal); color:var(--paper);
padding:clamp(2.4rem,4vw,4rem);
max-width:66%;
}
.panel-charcoal.is-bitter{background:var(--bitter);}
.panel-charcoal .reading{color:var(--paper); opacity:.92;}
.panel-charcoal .tab{
position:absolute; top:0; left:2.4rem; transform:translateY(-50%);
width:34px; height:34px; background:var(--terracotta);
}
@media (max-width:860px){
.panel-charcoal{max-width:100%;}
}
.panel-sage{
background:var(--pale-sage);
padding:clamp(2.2rem,4vw,3.6rem);
}
.aside-card{
background:var(--linen);
padding:1.6rem 1.8rem;
position:relative;
}
.aside-card .mark{
position:absolute; top:0; left:1.8rem; transform:translateY(-50%);
width:22px; height:22px; background:var(--blue-pencil);
}
.movement-belief{background:var(--charcoal); color:var(--paper);}
.movement-belief .statement{color:var(--paper);}
.movement-belief .reading{color:var(--paper); opacity:.9;}
.movement-belief .grid-6634 .hairline{background:var(--terracotta);}
.movement-belief .two-tone .long{background:rgba(244,237,225,.22);}
@media (max-width:860px){
.movement-belief .grid-6634 .col-narrow{border-top-color:rgba(244,237,225,.25);}
}
.note.is-on-dark{color:var(--pale-sage);}
.movement-belief .reading.is-spacious{max-width:40ch;}
.movement-belief .reading.is-spacious p{margin-bottom:1.9em;}
.order-clearpair{display:grid; grid-template-columns:66fr 34fr;}
.order-clearpair-left{
background:var(--linen);
padding-block:clamp(3.5rem,7vw,6rem);
padding-inline-start:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));
padding-inline-end:clamp(1.5rem,3vw,3rem);
}
.order-clearpair-right{
background:var(--blue-pencil);
color:var(--paper);
display:flex; flex-direction:column; justify-content:flex-end;
padding-block:clamp(3.5rem,7vw,6rem);
padding-inline:var(--gutter);
}
.order-clearpair-right .statement{color:var(--paper);}
@media (max-width:860px){
.order-clearpair{grid-template-columns:1fr;}
.order-clearpair-left, .order-clearpair-right{padding-inline:var(--gutter);}
.order-clearpair-right{padding-top:clamp(2.5rem,10vw,4rem); min-height:38vh;}
}
.order-sequence{display:flex; flex-direction:column;}
.order-step{
padding-block:clamp(1.7rem,3.2vw,2.5rem);
opacity:0; transform:translateY(18px);
transition:opacity 1s ease, transform 1s ease;
}
.order-step.is-visible{opacity:1; transform:translateY(0);}
.order-step .two-tone{margin-bottom:1.1rem; width:var(--tt-width,220px); max-width:100%; height:3px;}
.order-step .two-tone .long{transform:scaleX(0); transform-origin:left; transition:transform 1s cubic-bezier(.45,0,.2,1);}
.order-step .two-tone .short{transform:scaleX(0); transform-origin:right; transition:transform .6s cubic-bezier(.45,0,.2,1) .75s;}
.order-step.is-visible .two-tone .long{transform:scaleX(1);}
.order-step.is-visible .two-tone .short{transform:scaleX(1);}
.order-step-grid{display:grid; grid-template-columns:1fr; gap:.7rem; align-items:baseline;}
.order-step-name{font-family:var(--font-display); font-weight:400; font-size:var(--size-statement); line-height:1.1; margin:0;}
.order-step-desc{font-family:var(--font-reading); font-size:var(--size-reading); line-height:1.65; max-width:42ch; color:var(--charcoal); margin:0;}
@media (max-width:640px){
.order-step-grid{grid-template-columns:1fr; gap:.5rem;}
}
@media (prefers-reduced-motion:reduce){
.order-step{transition:none; opacity:1; transform:none;}
.order-step.is-receded{opacity:1;}
.order-step .two-tone .long, .order-step .two-tone .short{transition:none; transform:scaleX(1);}
}
.order-principle{
display:block;
background:var(--olive); color:var(--paper);
}
.order-principle .statement{color:var(--paper); max-width:24ch;}
.order-principle .reading{color:var(--paper); opacity:.92; max-width:52ch;}
.order-principle-hairline{background:var(--charcoal-15);}
.order-principle-left{
display:flex; align-items:center;
padding-block:clamp(4rem,9vw,7.5rem);
padding-inline-start:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));
padding-inline-end:clamp(1.5rem,3vw,3rem);
}
.order-principle-left-inner{
max-width:860px;
opacity:0; transform:translateY(14px);
transition:opacity .8s ease, transform .8s ease;
}
.order-principle-left-inner.is-visible{opacity:1; transform:translateY(0);}
.order-principle-left-inner .reading{margin-top:1.5rem;}
.order-principle-left-inner .principle-word{
display:inline-block;
opacity:.42; letter-spacing:.09em; transform:translateY(.14em);
transition:opacity .9s ease, letter-spacing .9s ease, transform .9s ease;
}
.order-principle-left-inner.is-visible .principle-word{opacity:1; letter-spacing:0; transform:translateY(0);}
.order-principle-left-inner.is-visible .principle-word--1{transition-delay:.2s;}
.order-principle-left-inner.is-visible .principle-word--2{transition-delay:.42s;}
.order-principle-left-inner.is-visible .principle-word--3{transition-delay:.64s;}
.order-principle-right{
background:var(--olive); color:var(--paper);
display:flex; flex-direction:column; justify-content:center;
padding-block:clamp(3rem,7vw,5rem);
padding-inline:var(--gutter);
}
.order-principle-right .result-reveal{margin:0;}
@media (max-width:860px){
.order-principle-left{padding-inline:var(--gutter);}
}
.result-reveal{
font-family:var(--font-display); font-weight:400;
font-size:var(--size-statement); line-height:1.1;
letter-spacing:-.008em; margin:0;
}
.movement-handoff{padding-block:clamp(4.5rem,8.5vw,7.25rem);}
.movement-handoff .statement{margin-bottom:0;}
.movement-handoff .cta-reveal{margin-top:2.2rem;}
.wt3-recog-lead{max-width:22ch; margin-bottom:0;}
.wt3-recog-rule{max-width:280px; margin:1.7rem 0 clamp(2.6rem,5vw,3.8rem);}
.wt3-maybe-list{display:flex; flex-direction:column; margin-top:clamp(2.4rem,4.5vw,3.4rem);}
.wt3-maybe{
margin:0; padding-block:clamp(1.1rem,2.2vw,1.5rem);
max-width:56ch;
font-family:var(--font-reading); font-size:var(--size-reading); line-height:1.6;
color:var(--charcoal);
border-top:1px solid var(--charcoal-15);
opacity:0; transform:translateY(10px);
transition:opacity .9s ease, transform .9s ease;
}
.wt3-maybe:last-child{border-bottom:1px solid var(--charcoal-15);}
.wt3-maybe.is-visible{opacity:1; transform:translateY(0);}
.wt3-maybe-lead{color:var(--rust);}
.wt3-recog-close{margin-top:0; max-width:14ch;}
.wt3-recog-grid{
display:grid;
grid-template-columns:minmax(0,66fr) 1px minmax(0,34fr);
}
.wt3-recog-hairline{background:var(--charcoal-15);}
.wt3-recog-left{
padding-block:clamp(3.4rem, 5vw + 1rem, 7.5rem);
padding-inline-start:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));
padding-inline-end:clamp(1.5rem,3vw,3rem);
}
.wt3-recog-right{
background:var(--terracotta); color:var(--paper);
display:flex; flex-direction:column; justify-content:flex-end;
padding-block:clamp(3.4rem, 5vw + 1rem, 7.5rem);
padding-inline:var(--gutter);
}
.wt3-recog-left .wt3-recog-lead{max-width:15ch;}
.wt3-recog-right .wt3-recog-close{color:var(--paper);}
@media (max-width:860px){
.wt3-recog-grid{grid-template-columns:1fr;}
.wt3-recog-hairline{display:none;}
.wt3-recog-left{padding-inline:var(--gutter); padding-bottom:clamp(2.5rem,6vw,3.5rem);}
.wt3-recog-right{padding-inline:var(--gutter); padding-top:clamp(2.5rem,7vw,3.5rem);}
.wt3-recog-left .wt3-recog-lead{max-width:22ch;}
}
.wt3-method-row{
display:flex; align-items:stretch;
margin-top:clamp(1.6rem,3vw,2.3rem);
border-top:1px solid var(--charcoal-15);
}
.wt3-method-cell{
flex:1 1 0;
transform-origin:left center;
opacity:0; transform:scaleX(.76);
transition:opacity 1s ease, transform 1.15s cubic-bezier(.22,.08,.18,1);
}
.wt3-method-cell.is-visible{opacity:1; transform:scaleX(1);}
.wt3-method-cell--clarity{flex-grow:.86; background:var(--linen); color:var(--charcoal);}
.wt3-method-cell--intentionality{flex-grow:1; background:var(--rust); color:var(--paper);}
.wt3-method-cell--discernment{flex-grow:1.16; background:var(--pale-sage); color:var(--charcoal);}
.wt3-method-cell--coherence{flex-grow:1.34; background:var(--blue-pencil); color:var(--paper);}
.wt3-method-cell-inner{
display:flex; flex-direction:column; justify-content:space-between; height:100%;
padding:clamp(1.9rem,3vw,2.7rem) clamp(1.5rem,2.6vw,2.1rem);
min-height:clamp(320px,32vw,410px);
}
.wt3-method-cell-term{font-family:var(--font-display); font-weight:400; font-size:clamp(1.4rem, 1.05rem + 1.5vw, 2rem); line-height:1.12; margin:0 0 .75rem;}
.wt3-method-cell-desc{font-family:var(--font-reading); font-size:.98rem; line-height:1.55; margin:0; opacity:.88; max-width:26ch;}
.wt3-method-cell-desc + .wt3-method-cell-desc{margin-top:1.55em;}
.wt3-method-cell-output{margin-top:1.4rem; position:relative;}
.wt3-method-cell-kicker{display:block; font-family:var(--font-utility); font-size:.62rem; letter-spacing:.13em; text-transform:uppercase; opacity:.6; margin-bottom:.4rem;}
.wt3-method-cell-word{font-family:var(--font-display); font-style:italic; font-weight:400; line-height:1.05; margin:0;}
.wt3-method-cell--clarity .wt3-method-cell-word{font-size:clamp(1.55rem, 1.25rem + 1.3vw, 2.05rem);}
.wt3-method-cell--intentionality .wt3-method-cell-word{font-size:clamp(1.7rem, 1.35rem + 1.5vw, 2.3rem);}
.wt3-method-cell--discernment .wt3-method-cell-word{font-size:clamp(1.85rem, 1.45rem + 1.7vw, 2.6rem);}
.wt3-method-cell--coherence .wt3-method-cell-word{font-size:clamp(2.05rem, 1.6rem + 2vw, 3.05rem);}
.wt3-method-output-rule{
position:absolute;
left:calc(-1 * clamp(1.5rem,2.6vw,2.1rem));
right:calc(-1 * clamp(1.5rem,2.6vw,2.1rem));
bottom:-8px;
height:2px;
background:currentColor;
opacity:.5;
transform:scaleX(0);
transform-origin:left;
transition:transform .55s cubic-bezier(.45,0,.2,1);
pointer-events:none;
}
.wt3-method-cell.is-visible .wt3-method-output-rule{transform:scaleX(1);}
.wt3-method-cell--clarity .wt3-method-output-rule{transition-delay:1.4s;}
.wt3-method-cell--intentionality .wt3-method-output-rule{transition-delay:1.58s;}
.wt3-method-cell--discernment .wt3-method-output-rule{transition-delay:1.76s;}
.wt3-method-cell--coherence .wt3-method-output-rule{transition-delay:1.94s;}
@media (prefers-reduced-motion:reduce){
.wt3-method-cell{transition:none; opacity:1; transform:none;}
.wt3-method-output-rule{transition:none; transform:scaleX(1);}
}
@media (max-width:760px){
.wt3-method-row{flex-direction:column;}
.wt3-method-cell{transform-origin:top center; transform:scaleY(.86);}
.wt3-method-cell.is-visible{transform:scaleY(1);}
.wt3-method-cell-inner{min-height:0; padding:clamp(1.8rem,7vw,2.4rem) var(--gutter);}
.wt3-method-cell--clarity .wt3-method-cell-inner{padding-block:clamp(1.7rem,6vw,2.1rem);}
.wt3-method-cell--intentionality .wt3-method-cell-inner{padding-block:clamp(1.9rem,7vw,2.4rem);}
.wt3-method-cell--discernment .wt3-method-cell-inner{padding-block:clamp(2.1rem,8vw,2.7rem);}
.wt3-method-cell--coherence .wt3-method-cell-inner{padding-block:clamp(2.4rem,9.5vw,3.2rem);}
.wt3-method-cell-desc{max-width:38ch;}
.wt3-method-output-rule{display:none;}
}
.wt3-method-bridge{margin-top:clamp(.9rem,2vw,1.4rem); max-width:34ch;}
.wt3-ways-lead{margin-top:.2rem;}
.wt3-engage-grid{display:grid; grid-template-columns:40fr 60fr; min-height:clamp(460px,38vw,560px);}
.wt3-engage-kicker{
font-family:var(--font-utility); font-weight:400;
font-size:var(--size-utility); letter-spacing:.15em; text-transform:uppercase;
color:currentColor; opacity:.68; margin:0 0 .6rem;
}
.wt3-engage-self, .wt3-engage-guided{display:flex; flex-direction:column;}
.wt3-engage-self{
background:var(--linen); color:var(--charcoal);
padding-block-start:clamp(3rem,5.5vw,4.75rem);
padding-inline-start:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));
padding-inline-end:clamp(1.5rem,3vw,2.5rem);
}
.wt3-engage-guided{
background:var(--charcoal); color:var(--paper);
padding-block-start:clamp(3.25rem,6vw,5.25rem);
padding-inline:var(--gutter);
}
.wt3-engage-copy{flex:58 1 0; min-height:0;}
.wt3-engage-reserved{flex:42 1 0; min-height:0; display:flex; align-items:flex-start;}
.wt3-engage-guided .wt3-engage-copy{flex-grow:50;}
.wt3-engage-guided .wt3-engage-reserved{flex-grow:50;}
.wt3-engage-guided .statement{color:var(--paper); margin-bottom:.8rem;}
.wt3-engage-self .statement{color:var(--charcoal); margin-bottom:.8rem;}
.wt3-engage-guided .reading{color:var(--paper); opacity:.88; max-width:38ch;}
.wt3-engage-self .reading{color:var(--charcoal); max-width:38ch;}
.wt3-engage-reserved-label{
margin-top:clamp(1.6rem,3vw,2.4rem);
font-family:var(--font-utility); font-size:.66rem; letter-spacing:.09em; text-transform:uppercase;
color:var(--paper); opacity:.4;
}
@media (max-width:860px){
.wt3-engage-grid{grid-template-columns:1fr;}
.wt3-engage-self, .wt3-engage-guided{padding-inline:var(--gutter);}
.wt3-engage-self{padding-block-start:clamp(2.25rem,7vw,3rem);}
.wt3-engage-guided{padding-block-start:clamp(2.5rem,8vw,3.25rem);}
.wt3-engage-copy, .wt3-engage-guided .wt3-engage-copy{flex:0 0 auto;}
.wt3-engage-reserved, .wt3-engage-guided .wt3-engage-reserved{flex:0 0 auto; display:block;}
.wt3-engage-self .wt3-engage-reserved{padding-bottom:clamp(3rem,11vw,3.75rem);}
.wt3-engage-guided .wt3-engage-reserved{padding-bottom:clamp(3.5rem,13vw,4.5rem);}
}
.wt3-invite-flex{display:flex; align-items:stretch; flex-wrap:wrap;}
.wt3-invite-copy{
flex:1.6 1 420px; display:flex; flex-direction:column; justify-content:center;
padding:clamp(3rem,6vw,5rem) clamp(2rem,4vw,3.5rem);
}
.wt3-invite-copy .statement{max-width:15ch;}
.wt3-invite-body{margin-top:1.6rem; max-width:40ch;}
.wt3-invite-media{flex:1 1 300px; aspect-ratio:4/5; overflow:hidden; min-height:320px; max-width:460px;}
.wt3-invite-media img{width:100%; height:100%; object-fit:cover; display:block;}
@media (max-width:860px){
.wt3-invite-flex{flex-direction:column; flex-wrap:nowrap;}
.wt3-invite-copy{flex-basis:auto;}
.wt3-invite-media{flex-basis:auto; max-width:none; aspect-ratio:4/3;}
}
@media (min-width:861px){
.wt3-invite-copy{flex:1 1 44%;}
.wt3-invite-media{flex:1 1 52%; max-width:none; aspect-ratio:auto;}
}
figure{margin:0;}
.fig{overflow:hidden; background:var(--linen);}
.fig img{width:100%; height:100%; object-fit:cover; display:block;}
.fig.ratio-portrait{aspect-ratio:4/5;}
.fig.ratio-square{aspect-ratio:1/1;}
.fig.ratio-wide{aspect-ratio:16/10;}
.triptych{
display:grid; grid-template-columns:repeat(3,1fr);
gap:clamp(1rem,2vw,1.6rem);
margin-top:clamp(2.2rem,4vw,3.5rem);
}
.triptych .fig:nth-child(2){margin-top:clamp(1.4rem,3vw,2.6rem);}
@media (max-width:760px){
.triptych{grid-template-columns:1fr;}
.triptych .fig:nth-child(2){margin-top:0;}
}
.image-note{
font-family:var(--font-utility);
font-size:.68rem; letter-spacing:.09em; text-transform:uppercase;
color:var(--charcoal); opacity:.5;
margin-top:.6rem;
}
.image-hold{
border:1px dashed var(--charcoal-15);
background:var(--linen);
display:flex; align-items:center; justify-content:center;
padding:clamp(2rem,5vw,3.5rem);
text-align:center;
}
.image-hold .note{margin:0 auto; max-width:34ch; text-align:center;}
.link-arrow{
display:inline-flex; align-items:baseline; gap:.4em;
font-family:var(--font-utility);
font-size:var(--size-utility);
letter-spacing:.13em; text-transform:uppercase;
text-decoration:none; color:var(--charcoal);
border-bottom:1px solid var(--charcoal-15);
padding-bottom:.3rem;
}
.link-arrow:hover{border-bottom-color:var(--terracotta);}
.link-arrow .arrow{
font-family:var(--font-reading); font-style:normal; font-size:1rem; transition:transform .2s ease;
}
.link-arrow:hover .arrow{transform:translateX(3px);}
.link-arrow.is-emphasized{
font-size:.8rem;
letter-spacing:.16em;
border-bottom:2px solid var(--terracotta);
padding-bottom:.4rem;
}
.link-arrow.is-emphasized:hover .arrow{transform:translateX(5px);}
.teaser-row{border-top:1px solid var(--charcoal-15);}
.teaser-row:last-child{border-bottom:1px solid var(--charcoal-15);}
.teaser{
display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:1rem;
padding-block:1.6rem;
}
.teaser.is-plain .teaser-line{font-family:var(--font-display); font-size:var(--size-substatement); margin:0;}
.teaser.is-divided{padding-block:2rem;}
.teaser.is-divided .teaser-line{font-family:var(--font-display); font-size:var(--size-substatement); margin:0 0 .9rem;}
.teaser.is-quiet{padding-block:1.1rem;}
.teaser.is-quiet .teaser-line{font-family:var(--font-reading); color:var(--charcoal); opacity:.75; font-size:1rem; margin:0;}
.site-footer{
border-top:1px solid var(--charcoal-15);
padding-block:clamp(2.2rem,4vw,3rem);
}
.site-footer .container{
display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.5rem;
}
.footer-refrain{
font-family:var(--font-utility); font-size:.72rem; letter-spacing:.06em;
color:var(--charcoal); opacity:.55; line-height:1.7; margin:0;
}
.footer-brand{display:flex; align-items:center; gap:.6rem;}
.footer-brand img{height:20px; width:20px;}
.footer-brand span{font-family:var(--font-utility); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; opacity:.7;}
.gst-form{display:flex; flex-direction:column; gap:1.4rem; max-width:44rem;}
.field{display:flex; flex-direction:column; gap:.5rem;}
.field label{
font-family:var(--font-utility); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--charcoal); opacity:.7;
}
.field input, .field textarea{
font-family:var(--font-reading); font-size:1.05rem; color:var(--charcoal);
background:transparent; border:none; border-bottom:1px solid var(--charcoal-15);
padding:.6rem .1rem; outline:none;
}
.field input:focus, .field textarea:focus{border-bottom-color:var(--terracotta);}
.field textarea{resize:vertical; min-height:6rem;}
.form-submit{
align-self:flex-start; margin-top:.6rem;
background:none; border:none; cursor:pointer; padding:0;
font-family:var(--font-utility); font-size:var(--size-utility); letter-spacing:.13em; text-transform:uppercase;
color:var(--charcoal); border-bottom:2px solid var(--terracotta); padding-bottom:.35rem;
}
.form-submit:hover{color:var(--rust);}
.contact-elsewhere{margin-top:clamp(2.4rem,5vw,3.2rem); display:flex; flex-direction:column; gap:.7rem;}
.contact-elsewhere .kicker{margin-bottom:.3rem;}
[data-page="contact"] .grid-6634{align-items:stretch;}
[data-page="contact"] .col-narrow{
background:var(--pale-sage);
padding:clamp(2rem,4vw,2.8rem);
}
@media (max-width:860px){
[data-page="contact"] .col-narrow{
border-top:none;
padding:clamp(1.75rem,5vw,2.4rem);
}
}
.observation-row{
border-top:1px solid var(--charcoal-15);
padding-block:2rem;
display:grid; grid-template-columns: minmax(0,66fr) minmax(0,34fr); gap:2rem; align-items:baseline;
}
.observation-row:last-child{border-bottom:1px solid var(--charcoal-15);}
.observation-row .obs-label{font-family:var(--font-reading); font-size:var(--size-reading); line-height:1.5; color:var(--charcoal); opacity:.82; margin:0;}
.observation-row .obs-meta{
font-family:var(--font-utility); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--charcoal); opacity:.55; text-align:right;
}
.observation-row.is-essay{padding-block:2.5rem;}
.observation-row.is-essay .obs-label{max-width:36ch;}
.observation-row.is-note{padding-block:1.5rem;}
.observation-row.is-note .obs-label{max-width:20ch;}
.observation-row.is-photo{padding-block:2.5rem; grid-template-columns:minmax(0,50fr) minmax(0,50fr);}
.observation-row.is-photo .obs-label{max-width:24ch;}
@media (max-width:640px){
.observation-row{grid-template-columns:1fr; gap:.5rem;}
.observation-row.is-photo{grid-template-columns:1fr;}
.observation-row .obs-meta{text-align:left;}
}
.obs-band{padding-block:0 clamp(3rem,5vw,5.5rem);}
.obs-band figure{margin:0;}
.obs-band img{width:100%; height:auto;}
@media (max-width:640px){
.obs-band{padding-top:1.5rem;}
.obs-band .container{padding-inline:0;}
}
.page[hidden]{display:none;}
.gst-intro-block{position:relative; z-index:2;}
@media (min-width:861px){
.gst-intro-block{width:calc(100% + clamp(2rem, 7vw, 5.5rem));}
}
#home-hero .note{font-size:.9rem; max-width:21ch; opacity:.82;}
.focus-sequence{position:relative;}
.focus-sequence-pin{
position:sticky;
top:64px;
min-height:calc(100vh - 64px);
display:flex;
flex-direction:column;
justify-content:center;
padding-block:2.5rem;
}
.focus-sequence-pin [data-step]{opacity:0; transition:opacity .6s ease;}
.focus-sequence-pin [data-step].is-focus{opacity:1;}
.focus-sequence-pin [data-step].is-settled{opacity:.42;}
.focus-sequence-pin [data-step].is-together{opacity:1;}
[data-resolution]{opacity:0; transition:opacity .9s ease;}
[data-resolution].is-visible{opacity:1;}
.tq-num{
font-family:var(--font-utility); font-weight:400;
font-size:.8rem; letter-spacing:.1em;
color:var(--terracotta);
flex-shrink:0;
}
.evidence-collection{
display:flex; flex-direction:column;
gap:clamp(2.2rem, 4vw, 3rem);
margin-top:clamp(2.4rem,4vw,3.5rem);
}
.evidence-moment{
display:flex; flex-direction:column; gap:1rem;
opacity:0; transform:translateY(16px);
transition:opacity .8s ease, transform .8s ease;
}
.evidence-moment.is-visible{opacity:1; transform:translateY(0);}
.evidence-moment .evidence-media{
overflow:hidden; background:var(--linen); aspect-ratio:4/3;
}
.evidence-moment .evidence-media img{width:100%; height:100%; object-fit:cover; display:block;}
.evidence-moment .evidence-placeholder{
border:1px dashed var(--charcoal-15);
display:flex; align-items:center; justify-content:center;
padding:1.5rem;
text-align:left;
}
.evidence-moment .eyebrow{
font-family:var(--font-utility); font-size:.62rem; letter-spacing:.1em; text-transform:uppercase;
color:var(--charcoal); opacity:.5; margin:0 0 .5rem;
}
.evidence-moment .evidence-placeholder .note{margin:0; max-width:26ch;}
.evidence-moment .evidence-line{
font-family:var(--font-display); font-weight:400;
line-height:1.2; margin:0;
}
@media (min-width:860px){
.evidence-collection{
display:grid;
grid-template-columns:repeat(12,1fr);
gap:clamp(1.4rem,2.4vw,2.2rem) clamp(1.2rem,2.4vw,2.4rem);
}
.evidence-moment--1{grid-column:1 / span 7; grid-row:1 / span 2;}
.evidence-moment--1 .evidence-media{aspect-ratio:4/5;}
.evidence-moment--1 .evidence-line{font-size:var(--size-substatement); max-width:20ch;}
.evidence-moment--2{grid-column:8 / span 5; grid-row:1; flex-direction:column-reverse;}
.evidence-moment--2 .evidence-media{aspect-ratio:16/10;}
.evidence-moment--2 .evidence-line{font-size:var(--size-statement); max-width:18ch;}
.evidence-moment--3{grid-column:8 / span 5; grid-row:2;}
.evidence-moment--3 .evidence-media{aspect-ratio:1/1;}
.evidence-moment--3 .evidence-line{font-size:var(--size-substatement); max-width:20ch;}
.evidence-moment--4{
grid-column:1 / span 12; grid-row:3;
display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr);
gap:clamp(1.4rem,3vw,2.6rem); align-items:center;
}
.evidence-moment--4 .evidence-media{aspect-ratio:21/9;}
.evidence-moment--4 .evidence-line{font-size:var(--size-statement); max-width:16ch;}
}
.experience-row{
display:flex; align-items:stretch;
gap:clamp(2rem,5vw,3.5rem);
flex-wrap:wrap;
}
#home-experience{ padding-top:clamp(2rem,4vw,3rem); }
.experience-text{flex:1 1 320px; max-width:44rem; align-self:center; padding-block:1rem;}
@media (min-width:900px){
.experience-text{align-self:flex-end; padding-block:0; margin-bottom:calc(.6rem + .68rem * 1.5);}
.experience-text .statement{margin-bottom:0;}
}
.experience-image{margin:0; flex:1 1 380px; min-width:280px;}
.experience-image img{width:100%; height:auto; display:block;}
@media (min-width:900px){
.experience-text{
flex:1.6 1 520px;
}
.experience-image{
flex:1 1 42%;
margin-right:calc(50% - 50vw);
}
}
.experience-caption{margin-top:1.1rem;}
.experience-image .de-credit{padding-inline-end:var(--gutter);}
@media (max-width:899px){ .experience-image .de-credit{padding-inline:var(--gutter);} }
#home-hero{ --size-lead: clamp(2.3rem, 1.8rem + 3vw, 3.85rem); }
.hero-grid{
display:grid;
grid-template-columns:minmax(0,80fr) minmax(0,20fr);
gap:clamp(2.5rem,5vw,5.5rem);
align-items:stretch;
}
@media (max-width:860px){ .hero-grid{grid-template-columns:1fr; gap:2.5rem; align-items:start;} }
.hero-eyebrow{
font-family:var(--font-utility); font-size:var(--size-utility);
letter-spacing:.15em; text-transform:uppercase;
color:var(--charcoal); opacity:.58; margin:0 0 1.5rem;
}
.hero-statement{
line-height:1.03; letter-spacing:-.016em; margin:0;
}
#home-hero .hero-rule{
height:3px; margin:2rem 0 1.8rem; max-width:none; width:100%;
}
.hero-rule .short{background:var(--blue-pencil);}
.hero-rule .long{background:var(--charcoal); flex:66;}
.hero-supporting{ max-width:56ch; margin-bottom:2.3rem; color:var(--charcoal); }
.hero-margin{ display:flex; gap:1.15rem; height:100%; }
.hero-margin-rule{ width:1px; flex-shrink:0; background:var(--terracotta); align-self:stretch; }
.hero-margin .note{ padding-top:.1rem; max-width:22ch; }
.theory-v3{
display:grid;
grid-template-columns:minmax(0,66fr) minmax(0,34fr);
max-width:var(--max); margin-inline:auto;
}
@media (max-width:860px){ .theory-v3{grid-template-columns:1fr;} }
.theory-charcoal{
background:var(--charcoal); color:var(--paper);
padding:clamp(3.2rem,6vw,4.8rem) var(--gutter);
}
.theory-charcoal-inner{max-width:31rem;}
.theory-v3-statement{
color:var(--paper); margin-top:.6rem;
}
.theory-v3-bridge{
font-family:var(--font-reading); font-size:var(--size-reading); line-height:1.6;
color:var(--paper); opacity:.7; margin-top:.9rem;
}
.theory-v3-questions{
margin-top:2.8rem; display:flex; flex-direction:column;
}
.theory-v3-questions .theory-question{
color:var(--paper); opacity:.74;
border-bottom:none; padding:0; margin-top:1.05rem;
}
.theory-v3-questions .theory-question:first-child{margin-top:0;}
.theory-sage{
background:var(--pale-sage); color:var(--charcoal);
padding:clamp(3.2rem,6vw,4.8rem) var(--gutter);
display:flex; flex-direction:column; justify-content:center;
}
.theory-sage-inner{max-width:30rem;}
.theory-v3-resolve{
font-family:var(--font-display); font-weight:400;
font-size:var(--size-statement); line-height:1.12; letter-spacing:-.008em;
margin:0 0 clamp(1.6rem,3vw,2.4rem);
}
.theory-v3-resolve.is-final{ margin-bottom:0; }
.decisions-editorial{
background:var(--paper);
padding-block:clamp(2.5rem,5vw,4rem) clamp(1.25rem,2.5vw,2rem);
}
.de-grid{
display:flex; align-items:stretch; flex-wrap:wrap;
gap:clamp(2rem,4vw,3.5rem);
max-width:var(--max); margin-inline:auto; padding-inline:var(--gutter);
}
.de-col-left{
flex:1 1 380px; max-width:520px;
display:flex; flex-direction:column;
}
.de-col-right{ flex:1.6 1 480px; display:flex; flex-direction:column; }
.de-decisions{ margin:0 0 clamp(2rem,4vw,3rem); }
.de-decisions p{
font-family:var(--font-display); font-weight:400;
font-size:var(--size-substatement); line-height:1.22;
letter-spacing:-.006em;
color:var(--charcoal); margin:0 0 clamp(.9rem,2.2vw,1.5rem);
}
.de-decisions p:last-child{ margin-bottom:0; }
.de-secondary-row{ display:flex; gap:clamp(.9rem,2vw,1.4rem); margin-top:24px; }
.de-secondary{ flex:1 1 0; margin:0; }
.de-secondary img{
width:100%; display:block; object-fit:cover;
aspect-ratio:1/3;
}
.de-dominant{ margin:0; }
.de-dominant img{
width:100%; display:block; object-fit:cover;
aspect-ratio:16/25;
}
.de-col-left .de-resolve{margin-top:auto; padding-top:clamp(2rem,4vw,3rem); max-width:12ch;}
.de-lower-row{
display:flex; justify-content:flex-end; align-items:flex-start;
gap:clamp(1.25rem,3vw,2.5rem);
margin-top:clamp(1.5rem,3vw,2.25rem);
}
.de-resolve{
font-family:var(--font-display); font-weight:400;
font-size:var(--size-statement); line-height:1.12;
letter-spacing:-.008em;
color:var(--charcoal); margin:0; max-width:13ch;
}
.de-detail{ flex:0 0 auto; width:clamp(220px, calc(50% - .625rem), 460px); margin:0; }
.de-detail img{
width:100%; display:block; object-fit:cover;
aspect-ratio:4/3;
}
.de-credit{
font-family:var(--font-utility); font-size:.68rem; line-height:1.5;
letter-spacing:.07em; text-transform:uppercase;
color:var(--charcoal); opacity:.78; margin-top:.6rem;
}
@media (max-width:860px){
.de-grid{ flex-direction:column; gap:2.5rem; }
.de-col-left, .de-col-right{ flex:1 1 auto; max-width:none; width:100%; }
.de-resolve{ max-width:none; }
}
@media (max-width:520px){
.de-secondary-row{ gap:.7rem; }
.de-lower-row{ flex-direction:column; align-items:flex-start; gap:1.5rem; }
.de-detail{ width:56%; }
}
.fdr-why{
display:grid;
grid-template-columns:minmax(0,40fr) minmax(0,60fr);
min-height:clamp(520px,56vw,760px);
}
.fdr-why-image{min-height:0; overflow:hidden; position:relative;}
.fdr-why-image img{
width:100%; height:100%;
object-fit:cover; object-position:50% top;
}
.fdr-why{position:relative;}
.fdr-portrait-id{
position:absolute;
left:clamp(1.25rem,3vw,2rem);
bottom:clamp(1.25rem,3vw,2rem);
width:100%;
max-width:min(26ch, calc(40% - 2 * clamp(1.25rem,3vw,2rem)));
color:var(--charcoal);
}
.fdr-portrait-id p, .fdr-portrait-id h1{
font-family:var(--font-utility); font-weight:400;
text-transform:uppercase;
color:inherit;
margin:0;
}
.fdr-portrait-id .fdr-portrait-name{
font-size:.8rem; letter-spacing:.1em;
margin-bottom:.4em;
}
.fdr-portrait-id .fdr-portrait-role{
font-size:var(--size-utility); letter-spacing:.09em;
opacity:.8;
margin-bottom:.25em;
}
.fdr-portrait-id .fdr-portrait-prev{
font-size:var(--size-utility); letter-spacing:.07em;
opacity:.56;
}
@media (max-width:860px){
.fdr-portrait-id{
position:static; width:auto; max-width:none;
margin-bottom:clamp(1.6rem,5vw,2.1rem);
color:var(--paper);
}
}
.fdr-why-col{display:flex; flex-direction:column; min-width:0;}
.fdr-why-field{
background:var(--terracotta); color:var(--paper);
display:flex; flex-direction:column; justify-content:flex-end;
padding-block:clamp(3rem,6vw,5rem) clamp(2.4rem,4.5vw,3.6rem);
padding-inline-start:clamp(2rem,4vw,3.5rem);
padding-inline-end:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));
}
.fdr-why-body{
flex:1 1 auto;
background:var(--paper); color:var(--charcoal);
padding-block:clamp(2.4rem,4.5vw,3.6rem) clamp(3rem,6vw,5rem);
padding-inline-start:clamp(2rem,4vw,3.5rem);
padding-inline-end:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));
}
.fdr-why-body .fdr-why-copy{color:var(--charcoal); opacity:1;}
.fdr-why-close{margin-top:clamp(2.2rem,4vw,3rem); max-width:42ch;}
.fdr-why-close .two-tone{margin-bottom:1.3rem;}
.fdr-why-close .two-tone .long{background:var(--charcoal);}
.fdr-why-field .kicker{color:var(--paper); opacity:.75;}
.fdr-why-headline{max-width:14ch; margin-top:.9rem; margin-bottom:0;}
.fdr-why-copy{max-width:42ch; color:var(--paper); opacity:.95; margin-bottom:0;}
.fdr-why-copy + .fdr-why-copy{margin-top:1.4rem;}
.fdr-why-emphasis{
font-family:var(--font-display); font-weight:400;
font-size:var(--size-substatement); line-height:1.22;
max-width:16ch; margin-top:clamp(1.8rem,3vw,2.6rem); margin-bottom:0;
}
.fdr-why-resolve{
font-style:italic; opacity:.85; max-width:26ch;
margin-top:clamp(1.6rem,3vw,2.2rem); margin-bottom:0;
}
@media (max-width:860px){
.fdr-why{grid-template-columns:1fr; min-height:0;}
.fdr-why-image{height:78vh; min-height:460px;}
.fdr-why-field, .fdr-why-body{padding-inline:var(--gutter);}
.fdr-why-headline{max-width:17ch;}
}
.fdr-perspective-charcoal{
background:var(--charcoal); color:var(--paper);
padding-block:clamp(3.4rem,6vw,5.5rem) clamp(3.6rem,6vw,5.5rem);
}
.fdr-perspective-charcoal .kicker{color:var(--paper); opacity:.6;}
.fdr-perspective-charcoal .reading{color:var(--paper); opacity:.92; max-width:44ch; margin-bottom:0;}
.fdr-perspective-charcoal p.reading.fdr-perspective-intro{margin-top:.9rem; margin-bottom:0;}
.fdr-perspective-words{
font-family:var(--font-display); font-weight:400;
font-size:var(--size-statement); line-height:1.1; letter-spacing:-.008em;
margin:1.6rem 0 1.5rem;
}
.fdr-how{padding-block:clamp(4rem, 6vw + 1rem, 7rem);}
.fdr-how-inner{max-width:50rem;}
.fdr-how-lead{max-width:30ch;}
.fdr-how-copy{margin-top:clamp(2rem,4vw,3rem);}
.fdr-how-handoff{margin-top:clamp(3.4rem,6vw,5.5rem);}
.fdr-how-handoff .statement{max-width:16ch;}
.wt3-engage-grid{min-height:0;}
.wt3-engage-self, .wt3-engage-guided{padding-block-end:clamp(3rem,5.5vw,4.75rem);}
.wt3-engage-copy, .wt3-engage-guided .wt3-engage-copy{flex:0 0 auto;}
.wt3-engage-next{margin-top:clamp(2.2rem,4vw,3rem); flex:0 0 auto;}
.wt3-engage-note{font-family:var(--font-reading); font-size:var(--size-reading); line-height:1.6; color:var(--charcoal); margin:0;}
.wt3-engage-guided .cta-reveal{color:var(--paper);}
.wt3-engage-guided .cta-reveal .two-tone .long{background:rgba(244,237,225,.3);}
.wt3-engage-guided .cta-reveal{margin-top:1.8rem;}
.wt3-engage-media{margin:0;}
.wt3-engage-media img{width:100%; height:100%; object-fit:cover; display:block;}
@media (min-width:861px){
.wt3-engage-guided{
display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.95fr);
column-gap:clamp(2rem,4vw,3.5rem);
padding-inline-end:0; padding-block-end:0; padding-block-start:0;
}
.wt3-engage-guided .wt3-engage-copy{padding-block:clamp(3.25rem,6vw,5.25rem);}
.wt3-engage-media{align-self:stretch; min-height:clamp(420px,34vw,560px);}
}
@media (max-width:860px){
.wt3-engage-guided{padding-inline:0; padding-block-end:0;}
.wt3-engage-guided .wt3-engage-copy{padding-inline:var(--gutter); padding-block-end:clamp(2.5rem,8vw,3.25rem);}
.wt3-engage-media img{aspect-ratio:4/3;}
}
@media (min-width:861px){
.wt3-engage-guided{display:flex; padding-inline-start:clamp(2.5rem,5vw,4.5rem);
padding-inline-end:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));}
}
.home-recog{padding-block:clamp(3.5rem,7vw,5.5rem);}
.home-recog-list{margin-top:0;}
.home-recog-narrow{display:flex; align-items:flex-end;}
.home-recog-close{margin:0;}
.handoff-person{
display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:1.1rem 1.8rem; align-items:center;
margin-top:clamp(1.8rem,3vw,2.4rem);
padding-block:1.3rem; border-top:1px solid var(--charcoal-15); border-bottom:1px solid var(--charcoal-15);
}
.handoff-person img{width:56px; height:72px; object-fit:cover; object-position:50% 15%;}
.handoff-person-line{margin:0; font-family:var(--font-reading); font-size:var(--size-reading); line-height:1.5; max-width:56ch; color:var(--charcoal);}
.handoff-person-line.is-second{margin-top:.35rem; opacity:.82;}
.handoff-person-links{display:flex; flex-wrap:wrap; gap:.6rem 1.8rem; justify-content:flex-end;}
.handoff-person-links a{
font-family:var(--font-utility); font-size:.76rem; letter-spacing:.1em; text-transform:uppercase;
color:var(--charcoal); text-decoration:none; border-bottom:1px solid var(--charcoal-15); padding-bottom:.3rem; white-space:nowrap;
}
.handoff-person-links a:first-child{border-bottom:2px solid var(--terracotta);}
.handoff-person-links a:hover{border-bottom-color:var(--rust);}
@media (max-width:860px){
.handoff-person{grid-template-columns:auto minmax(0,1fr);}
.handoff-person-links{grid-column:1 / -1; justify-content:flex-start;}
}
.order-principle .statement.order-principle-line{max-width:30ch;}
.order-principle .order-principle-work{margin-top:clamp(2rem,4vw,3rem);}
.order-principle .cta-reveal{color:var(--paper); margin-top:1.6rem;}
.order-principle .cta-reveal .two-tone .long{background:rgba(244,237,225,.3);}
.wt3-method-cell-inner{min-height:clamp(260px,24vw,320px)!important;}
.wt3-method-cell-label{display:block; font-family:var(--font-utility); font-size:var(--size-utility); letter-spacing:.15em; text-transform:uppercase; opacity:.8; margin:0 0 .7rem;}
.wt3-outcome-band{background:var(--linen); border-bottom:1px solid var(--charcoal-15); padding-block:clamp(1.4rem,2.6vw,2rem);}
.wt3-outcome-line{margin:0; max-width:60ch;}
@media (min-width:761px){
.wt3-outcome-band .container{max-width:none; padding:0; display:flex;}
.wt3-outcome-band .container::before{content:""; flex:3.02 1 0;}
.wt3-outcome-line{flex:1.34 1 0; padding-inline:clamp(1.5rem,2.6vw,2.1rem); max-width:none;}
}
.wt3-outcome-lead{color:var(--rust);}
.wt3-offers{display:flex; flex-direction:column; margin-top:clamp(1.8rem,3vw,2.4rem); max-width:46ch;}
.wt3-offer{padding-block:1.1rem; border-top:1px solid rgba(244,237,225,.18);}
.wt3-offer:last-child{border-bottom:1px solid rgba(244,237,225,.18);}
.wt3-offer-name{margin:0 0 .45rem; font-family:var(--font-utility); font-size:var(--size-utility); letter-spacing:.15em; text-transform:uppercase; color:var(--pale-sage);}
.wt3-offer-desc{margin:0; font-family:var(--font-reading); font-size:var(--size-reading); line-height:1.55; color:var(--paper); opacity:.88;}
.field select{
font-family:var(--font-reading); font-size:1.05rem; color:var(--charcoal);
background:transparent; border:none; border-bottom:1px solid var(--charcoal-15);
padding:.6rem .1rem; outline:none; border-radius:0;
}
.field select:focus{border-bottom-color:var(--terracotta);}
.field-optional{text-transform:none; letter-spacing:0;}
.contact-next{margin-top:1.6rem; max-width:44rem;}
.home-recog{padding-block:clamp(3rem,6vw,4.5rem);}
#home-hero{padding-bottom:clamp(3rem,6vw,4.5rem);}
.home-recog-inner{max-width:44rem;}
.home-recog-close{margin:clamp(1.6rem,3vw,2.2rem) 0 0; font-family:var(--font-reading); font-style:italic; font-size:var(--size-reading); line-height:1.55; color:var(--blue-pencil);}
@media (min-width:861px){
.wt3-engage-guided{padding-inline-start:clamp(3.5rem,7vw,6.5rem);}
.wt3-engage-guided .reading{max-width:50ch;}
.wt3-offers{max-width:62ch;}
}
.wt3-engage-firstup{margin:0 0 .5rem; font-family:var(--font-utility); font-size:var(--size-utility); letter-spacing:.15em; text-transform:uppercase; color:var(--rust);}
[data-page="contact"] .col-narrow{display:flex; flex-direction:column; padding:0; background:var(--pale-sage);}
.contact-email-field{padding:clamp(2rem,4vw,2.8rem); flex:1 1 auto; min-height:clamp(220px,22vw,300px);}
.contact-photo{margin:0; flex:0 0 auto; aspect-ratio:4/5; overflow:hidden;}
.contact-photo img{width:100%; height:100%; object-fit:cover; display:block;}
.fdr-portrait-link{display:inline-block; margin-top:.6rem; font-family:var(--font-utility); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:inherit; text-decoration:none; border-bottom:1px solid currentColor; padding-bottom:.2rem; opacity:.85;}
.fdr-portrait-link:hover{opacity:1;}
.order-bridge{margin:clamp(2.2rem,4vw,3rem) 0 0; max-width:52ch;}
.order-bridge-link{display:inline-block; margin-top:.9rem; font-family:var(--font-utility); font-size:var(--size-utility); letter-spacing:.13em; text-transform:uppercase; text-decoration:none; color:var(--charcoal); border-bottom:1px solid var(--charcoal-15); padding-bottom:.25rem;}
.order-bridge-link:hover{border-bottom-color:var(--rust);}
[hidden]{display:none!important;}
.contact-elsewhere{align-items:flex-start;}
.form-trap{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
.form-done{max-width:44rem;}
.form-error{margin-top:1rem; color:var(--rust);}
.gst-form[aria-busy="true"] .form-submit{opacity:.5; cursor:default;}
.wt3-waitlist summary{list-style:none; cursor:pointer;}
.wt3-waitlist summary::-webkit-details-marker{display:none;}
.wt3-waitlist summary.cta-reveal{display:inline-block;}
.wt3-waitlist .gst-form{margin-top:1.8rem; max-width:26rem;}
.wt3-waitlist .form-done{margin-top:1.8rem;}
.observation-row.is-essay .obs-title{font-family:var(--font-display); font-weight:400; font-size:var(--size-substatement); line-height:1.18; margin:0 0 .7em; max-width:24ch;}
.observation-row.is-essay .obs-excerpt{font-family:var(--font-reading); font-size:var(--size-reading); line-height:1.68; max-width:52ch; margin:0 0 1.2rem;}
.obs-subscribe{padding-block:clamp(2rem,3vw,3.5rem);}
.obs-subscribe [data-embed-src]{min-height:320px;}
.obs-subscribe iframe{display:block; width:100%; max-width:480px; height:320px; border:0; background:transparent;}
@media (max-width:560px){
.site-header .container{flex-direction:column; align-items:flex-start; gap:.65rem; padding-block:.9rem .8rem;}
nav.primary-nav{gap:.3rem 12px;}
.nav-link{letter-spacing:.1em;}
}
#home-theory{scroll-margin-top:calc(58px - clamp(3.2rem,6vw,4.8rem) + 1.25rem);}
@media (max-width:560px){
#home-theory{scroll-margin-top:calc(114px - clamp(3.2rem,6vw,4.8rem) + 1.25rem);}
}
@media (min-width:861px){
.wt3-invite-flex{align-items:center;}
.wt3-invite-copy{flex:1 1 60%;}
.wt3-invite-media{flex:0 0 26%; aspect-ratio:4/5; min-height:0; margin-inline-end:var(--gutter);}
}
@media (max-width:860px){
.wt3-invite-media{align-self:flex-start; width:55%; aspect-ratio:4/5; min-height:0; margin:0 0 clamp(2.5rem,8vw,3.5rem) clamp(2rem,4vw,3.5rem);}
}