@font-face{font-family:Instrument Serif;src:url('assets/InstrumentSerif-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap} @font-face{font-family:Instrument Serif;src:url('assets/InstrumentSerif-Regular.ttf') format('truetype');font-weight:400;font-display:swap} @font-face{font-family:Instrument Sans;src:url('assets/InstrumentSans-400.ttf') format('truetype');font-weight:400;font-display:swap} @font-face{font-family:Instrument Sans;src:url('assets/InstrumentSans-600.ttf') format('truetype');font-weight:600;font-display:swap} :root{--ink:#0a0b0c;--paper:#fff;--muted:#656966;--green:#00704a;--line:#dadcd8;--serif:'Instrument Serif',Georgia,serif;--sans:'Instrument Sans',Arial,sans-serif} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04}h2{font-size:clamp(46px,5.2vw,80px);letter-spacing:-.025em}h3{font-size:32px;letter-spacing:-.015em}p{max-width:65ch}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #00a862;outline-offset:7px}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:3px}.wrap{padding-left:5.6%;padding-right:5.6%;max-width:1800px;margin:auto}.section{padding-top:116px;padding-bottom:116px}.eyebrow,.section-label{font-size:12px;letter-spacing:.13em;text-transform:uppercase}.section-label{display:flex;align-items:center;gap:20px;margin-bottom:54px}.index{color:var(--green)}.green{color:var(--green)}.skip{position:absolute;top:-90px;left:20px;z-index:20;background:#fff;padding:15px;color:#000}.skip:focus{top:10px}.header{height:106px;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white;max-width:none;border-bottom:1px solid #ffffff21}.wordmark{font-family:var(--serif);font-size:29px;line-height:1;white-space:nowrap}.header nav{display:flex;align-items:center;gap:38px;font-size:14px}.header a:hover,.footer a:hover{color:#b9cbbf}.nav-contact{padding-bottom:7px;border-bottom:1px solid #ffffff65}.nav-contact span{margin-left:18px}.hero{background:var(--ink);color:white;position:relative;min-height:735px;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 38%;height:100%;}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a0b0c 0%,#0a0b0cc9 12%,#0a0b0c16 49%,#0a0b0c00 100%),linear-gradient(0deg,#0a0b0c70,transparent 25%)}.hero-photo img{height:100%;object-position:65% center}.image-note{position:absolute;right:9%;bottom:86px;font-size:12px;color:#fff;z-index:1;text-shadow:0 1px 5px #000;background:#0a0b0c60;padding:4px 9px}.hero-content{position:relative;z-index:2;padding-top:66px;padding-bottom:105px;pointer-events:none}.hero-content a{pointer-events:auto}.hero .eyebrow{display:flex;align-items:center;gap:15px;color:#c7cdc9}.small-line{display:inline-block;width:22px;height:1px;background:#65736b}.hero h1{font-size:clamp(74px,7.75vw,120px);letter-spacing:-.025em;margin:37px 0 28px;max-width:650px;line-height:.96}.hero-intro{max-width:390px;font-size:16px;line-height:1.65;color:#d8dcd9;margin-bottom:27px}.text-link{display:inline-flex;align-items:center;gap:28px;padding:8px 0;border-bottom:1px solid #a7afa8;font-size:14px}.text-link span{font-size:20px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.text-link.light{border-color:#777f78}.hero-base{position:absolute;left:0;right:0;bottom:23px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#b9c0bb;z-index:2}.thesis-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:8%}.thesis-grid h2{font-size:clamp(48px,5.6vw,86px)}.body-copy{padding-top:8px;color:#515751}.body-copy p+p{margin-top:22px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:86px}.principles article{border-top:1px solid var(--line);padding-top:22px}.principles .eyebrow{color:var(--green)}.principles h3{margin:27px 0 15px}.principles p{color:#5d635d;font-size:15px;max-width:34ch}.vision{background:#eff0ec;padding:100px 0 62px}.vision-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:9%;margin-bottom:52px}.vision-intro p{width:37%;color:#555c55;margin-bottom:6px}.study-tabs{display:flex;border-bottom:1px solid #c9cfc8;margin-bottom:24px}.study-tabs button{border:0;background:none;padding:16px 22px 16px 0;margin-right:40px;font-size:12px;color:#656d65;border-bottom:2px solid transparent;margin-bottom:-1px;min-height:52px}.study-tabs button span{font-size:16px;margin-left:14px;color:#29322b}.study-tabs button[aria-selected=true]{border-bottom-color:var(--green);color:var(--green)}.study-tabs button[aria-selected=true] span{color:var(--green)}.study-panel{position:relative;background:#ced1c8}.study-panel img{aspect-ratio:1.85;object-position:center 54%}.study-caption{position:absolute;bottom:0;left:0;right:0;padding:90px 42px 35px;background:linear-gradient(transparent,#000a);color:#fff}.study-caption h3{font-size:40px;margin-bottom:8px}.study-caption p{font-size:14px;color:#e1e5df}.study-foot{display:flex;justify-content:space-between;gap:40px;margin-top:18px;color:#62685e;font-size:12px}.study-foot p:first-child{font-size:12px;letter-spacing:.12em;flex-shrink:0}.study-foot p:last-child{max-width:520px;text-align:right}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10%}.section-heading p{width:35%;color:#5a615b}.routes{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:72px}.routes article{border-top:1px solid var(--line);padding-top:21px}.route-top{display:flex;justify-content:space-between;color:var(--green);font-size:13px}.routes h3{font-size:44px;line-height:1.05;margin:35px 0 24px}.routes p{color:#5a615b;max-width:43ch;margin-bottom:25px}.foundation{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff;min-height:605px}.foundation-image{min-height:100%;overflow:hidden}.foundation-image img{height:100%;object-position:66% center}.foundation-copy{padding:75px 11% 75px 8%;}.foundation .index{color:#00a862}.foundation .section-label{color:#b8c3ba;margin-bottom:40px}.year{font-family:var(--serif);font-size:78px;line-height:1;color:#fff;margin-bottom:35px}.foundation h2{font-size:42px;margin-bottom:24px}.foundation-copy>p:not(.year){color:#abb3ad;margin-bottom:27px;max-width:38ch}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h2{font-size:clamp(68px,7vw,106px);margin-bottom:30px}.contact .section-label{margin-bottom:40px}.contact-copy>p{max-width:40ch;color:#5a615b;margin-bottom:26px}.email{display:inline-block;font-size:14px;border-bottom:1px solid #a7afa8;padding-bottom:8px;overflow-wrap:anywhere}.email span{margin-left:15px}.contact form{padding-top:64px}.contact label{display:block;font-size:13px;margin-bottom:9px;color:#3d493f}.contact input,.contact select,.contact textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #aeb6af;border-radius:0;padding:10px 1px;color:#162319;font-size:16px;min-height:44px}.contact select{padding-right:25px;margin-bottom:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px}.contact textarea{resize:vertical}.form-bottom{display:flex;align-items:flex-start;gap:25px;justify-content:space-between;margin-top:28px}.form-bottom p{font-size:12px;color:#677168;max-width:24ch;line-height:1.5}.send{flex-shrink:0;background:var(--ink);color:#fff;border:0;padding:15px 20px;font-size:14px}.send span{margin-left:20px}.send:hover{background:#273c2d}.footer{border-top:1px solid var(--line);padding-top:34px;padding-bottom:38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer p,.footer>a:last-child{font-size:12px;color:#687067}.footer .wordmark{font-size:25px} @media(min-width:1800px){.hero-content{max-width:none}.hero{min-height:850px}} @media(max-width:1000px){.header{height:88px}.header nav{gap:20px}.hero{min-height:735px}.hero-photo{left:28%}.hero-photo:after{background:linear-gradient(90deg,#0a0b0c 0%,#0a0b0ca9 24%,#0a0b0c00 90%),linear-gradient(0deg,#0a0b0c80,transparent 30%)}.hero h1{font-size:92px}.thesis-grid{grid-template-columns:1fr;gap:35px}.body-copy{max-width:680px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.body-copy p+p{margin-top:0}.section{padding-top:85px;padding-bottom:85px}.principles{gap:30px;margin-top:55px}.principles h3{font-size:29px}.vision-intro{gap:40px}.vision-intro p{width:43%}.foundation-copy{padding:65px 8%}.foundation h2{font-size:35px}.year{font-size:64px}.contact{gap:7%}.form-bottom{flex-direction:column}.contact form{padding-top:58px}.email{font-size:13px}.routes h3{font-size:38px}} @media(max-width:680px){.wrap{padding-left:24px;padding-right:24px}.header{height:80px}.header .wordmark{font-size:24px}.header nav>a:not(.nav-contact){display:none}.header .nav-contact{font-size:12px;max-width:95px;line-height:1.4;border:0}.nav-contact span{margin-left:4px}.hero{min-height:0;padding-bottom:0;display:flex;flex-direction:column}.hero-content{padding-top:42px;padding-bottom:44px;order:0;width:100%}.hero .eyebrow{font-size:12px;gap:10px}.hero h1{font-size:clamp(64px,13.8vw,92px);margin:31px 0 25px}.hero-intro{max-width:36ch;font-size:15px}.hero-photo{position:relative;inset:auto;height:380px;order:1;width:100%}.hero-photo img{object-position:center}.hero-photo:after{background:linear-gradient(0deg,#0005,transparent 35%)}.image-note{right:24px;bottom:20px;font-size:12px}.hero-base{position:relative;inset:auto;order:2;padding-top:20px;padding-bottom:20px;width:100%;font-size:12px}.section{padding-top:68px;padding-bottom:68px}.section-label{margin-bottom:32px;font-size:12px;gap:15px}h2{font-size:48px}.thesis-grid h2{font-size:51px}.body-copy{display:block;padding:0}.body-copy p+p{margin-top:20px}.principles{grid-template-columns:1fr;gap:32px;margin-top:42px}.principles h3{font-size:34px;margin:18px 0 13px}.principles p{max-width:none;font-size:16px}.vision{padding:64px 0 40px}.vision-intro{display:block;margin-bottom:28px}.vision-intro p{width:auto;margin-top:24px}.study-tabs{margin-bottom:16px;justify-content:space-between}.study-tabs button{margin-right:0;padding-right:0;font-size:12px}.study-tabs button span{font-size:14px;margin-left:6px}.study-panel img{aspect-ratio:1;object-position:center}.study-caption{padding:65px 20px 20px}.study-caption h3{font-size:30px}.study-caption p{font-size:12px}.study-foot{display:block}.study-foot p:first-child{margin-bottom:10px}.study-foot p:last-child{text-align:left;font-size:12px}.section-heading{display:block}.section-heading p{width:auto;margin-top:24px}.routes{grid-template-columns:1fr;gap:42px;margin-top:40px}.routes h3{font-size:40px;margin-top:25px}.routes p{font-size:16px}.foundation{grid-template-columns:1fr}.foundation-image{height:260px;min-height:0}.foundation-image img{object-position:70% 60%}.foundation-copy{padding:48px 24px 60px}.foundation h2{font-size:40px}.year{font-size:72px}.foundation .section-label{margin-bottom:30px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:78px}.contact form{padding-top:15px}.contact-copy>p{max-width:none}.email{font-size:14px}.form-bottom{flex-direction:row;gap:15px}.send{padding:14px}.send span{margin-left:10px}.form-bottom p{font-size:12px}.footer{flex-wrap:wrap;padding-top:28px;padding-bottom:28px;gap:23px}.footer .wordmark{width:100%;font-size:27px}.footer p{margin-right:auto}.footer>a:last-child{font-size:12px}} .hero{border-radius:0 0 52px 12px;box-shadow:0 24px 64px -48px #0a0b0c80} .image-note{border:1px solid #ffffff28;border-radius:30px;padding:6px 13px;backdrop-filter:blur(12px)} .section-label:after{content:'';width:62px;height:1px;background:currentColor;opacity:.2} .vision{margin:0 20px;border-radius:56px 14px 14px 14px;border:1px solid #e1e5dc;background:linear-gradient(145deg,#f4f5f1,#e9ede6);box-shadow:0 28px 70px -55px #14251c65} .study-panel{border-radius:14px 64px 14px 14px;overflow:hidden;box-shadow:0 30px 55px -24px #10261d55,0 4px 12px #10261d0c;isolation:isolate} .study-panel:after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff35;pointer-events:none} .study-foot{margin-top:28px}.study-tabs button{transition:color .25s,border-color .25s}.study-tabs button:hover span{color:var(--green)} .iwp{position:relative;margin:84px 20px 0;background:#101b17;color:#f5f7f2;border:1px solid #2f4036;border-radius:14px 14px 72px 14px;box-shadow:0 32px 80px -54px #0b2319a0;overflow:hidden} .iwp:before{content:'';position:absolute;top:0;left:8%;width:170px;height:1px;background:linear-gradient(90deg,transparent,#79a890,transparent)} .iwp .index{color:#8aba9e}.iwp .section-label{color:#b8c9bc}.iwp-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:center}.iwp-copy h2{font-size:clamp(70px,7.8vw,116px);line-height:.96;margin-bottom:35px}.iwp-copy h2 span{color:#a7c1ab}.iwp-copy>p{color:#c0cec2;max-width:46ch}.iwp-copy>p+p{margin-top:20px} .iwp-material{position:relative;margin:0;aspect-ratio:4/5;border-radius:220px 220px 24px 24px;overflow:hidden;border:1px solid #658a713c;box-shadow:0 30px 70px #0005,inset 0 0 0 1px #ffffff0a;transform:translateY(-10px)} .iwp-material>img{height:100%;object-position:center;opacity:.88}.iwp-material:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07100de6,transparent 70%);pointer-events:none}.iwp-material figcaption{position:absolute;inset:auto 24px 32px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px}.iwp-monogram{font-family:var(--serif);font-size:clamp(74px,8vw,116px);line-height:1;letter-spacing:-.04em}.iwp-monogram sup{font-family:var(--sans);font-size:17px;vertical-align:top;position:relative;top:14px;letter-spacing:0;margin-left:5px}.iwp-material .eyebrow{font-size:12px;text-align:center;color:#b9cabc} .iwp-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:78px}.iwp-pillars article{position:relative;border-top:1px solid #47604d75;padding-top:28px}.pillar-letter{display:block;width:38px;height:38px;border:1px solid #72947e70;border-radius:50%;font-family:var(--serif);font-size:23px;line-height:36px;text-align:center;color:#abcdb6;margin-bottom:24px}.iwp-pillars h3{font-size:38px;margin-bottom:17px}.iwp-pillars p{color:#b7c6bb;font-size:16px;max-width:34ch} .iwp-mandate{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:68px;padding-top:36px;border-top:1px solid #47604d75}.iwp-mandate .eyebrow{color:#a4bea9;margin-bottom:15px}.iwp-mandate h3{font-size:34px}.iwp-mandate>p{color:#b7c6bb}.iwp-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;margin:38px 0 0;padding:24px 0 0;border-top:1px solid #ffffff14}.iwp-stages li{display:flex;align-items:center;gap:16px;font-size:14px;color:#c9d6cd}.iwp-stages span{font-size:12px;color:#8aac97} .routes{gap:32px}.routes article{padding:32px 36px 36px;border:1px solid #e1e5dd;border-radius:16px 40px 16px 16px;background:linear-gradient(145deg,#fff,#f6f7f3);box-shadow:0 18px 45px -35px #1a372640}.routes article:last-child{border-radius:40px 16px 16px 16px}.routes .text-link{gap:20px}.route-top{gap:15px} .foundation{margin:0 20px;border-radius:14px 56px 14px 56px;overflow:hidden;box-shadow:0 30px 65px -50px #12211990}.foundation-image{border-radius:0 70px 0 0}.send{border-radius:8px 18px 8px 8px;box-shadow:0 10px 22px -15px #0a0b0c90;transition:background .2s} @media(max-width:1000px){.header nav{gap:20px}.iwp-intro{gap:7%}.iwp-copy h2{font-size:82px}.iwp-material{aspect-ratio:3/5}.iwp-pillars{gap:28px}.routes article{padding:28px}.routes .text-link{align-items:flex-start;gap:12px}.iwp-stages{gap:20px}.iwp-stages li{gap:10px}} @media(max-width:680px){.hero{border-radius:0 0 32px 8px}.hero-base{gap:20px;align-items:center;font-size:12px;letter-spacing:.06em}.hero-base span:last-child{max-width:95px;text-align:right}.vision{margin:0 10px;border-radius:34px 10px 10px 10px}.vision .wrap,.iwp .wrap{padding-left:20px;padding-right:20px}.study-panel{border-radius:10px 36px 10px 10px;box-shadow:0 20px 38px -24px #10261d66}.study-foot{margin-top:23px}.iwp{margin:45px 10px 0;border-radius:10px 10px 42px 10px}.iwp-intro{grid-template-columns:1fr;gap:36px}.iwp-copy h2{font-size:76px}.iwp-material{width:min(100%,330px);aspect-ratio:4/5;margin:0 auto;transform:none}.iwp-monogram{font-size:100px}.iwp-pillars{grid-template-columns:1fr;gap:30px;margin-top:48px}.iwp-pillars article{padding-top:24px}.pillar-letter{float:right;margin:0 0 14px 20px}.iwp-pillars h3{font-size:36px}.iwp-pillars p{max-width:none}.iwp-mandate{grid-template-columns:1fr;gap:22px;margin-top:42px;padding-top:30px}.iwp-mandate h3{font-size:34px}.iwp-stages{grid-template-columns:1fr;gap:18px;margin-top:28px}.routes{gap:24px}.routes article,.routes article:last-child{padding:25px;border-radius:12px 32px 12px 12px}.routes h3{font-size:36px}.foundation{margin:0 10px;border-radius:10px 34px 10px 34px}.foundation-image{border-radius:0 0 40px 0}.foundation-copy{padding-left:24px;padding-right:24px}} @media(min-width:681px) and (max-width:900px){.header nav>a[href="#approach"],.header nav>a[href="#vision"]{display:none}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} .hero h1 em{font-style:italic;font-weight:400} .iwp-copy>p,.iwp-pillars p,.iwp-mandate>p,.iwp-stages li{color:#e9eee9} /* Compact controls stay in a stable order; selection lifts without changing width. */ .study-tabs{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-bottom:24px;padding:10px 0 16px;border-bottom:1px solid #c9cfc8;isolation:isolate} .study-tabs button{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:8px;margin:0;padding:12px 15px;min-height:48px;border:1px solid transparent;border-radius:10px 18px 10px 10px;background:transparent;color:#6a766d;text-align:left;transform:translateY(0);transition:background .22s,color .22s,box-shadow .22s,transform .22s,border-color .22s} .study-tabs button span{margin-left:0;font-size:14px;color:#46554b;transition:color .22s} .study-tabs button:hover{background:#ffffffb3;border-color:#d8e0d5} .study-tabs button:hover span{color:#163b2b} .study-tabs button[aria-selected=true]{z-index:2;background:#14291e;border-color:#345440;color:#b4ccb9;box-shadow:0 12px 23px -12px #173a2a90,0 2px 4px #173a2a12;transform:translateY(-3px)} .study-tabs button[aria-selected=true] span{color:#fff} .study-panel{aspect-ratio:1.85} .study-scene{position:relative;width:100%;height:100%} .study-scene>img{height:100%;aspect-ratio:auto} .study-incoming{position:absolute;inset:0;z-index:1;pointer-events:none;will-change:opacity} @media(max-width:680px){.study-panel{aspect-ratio:1}.study-tabs{gap:6px;padding-top:6px}.study-tabs button{padding:11px 12px;gap:7px}} /* Complete compositions: imagery retains its source proportions. */ .design-review{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 5.6%;background:#fff;color:#17231c;border-bottom:1px solid #dadcd8;font-size:14px} .design-review>span{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.design-review nav{display:flex;gap:8px;flex-wrap:wrap}.design-review a{padding:8px 14px;border:1px solid transparent;border-radius:4px}.design-review a:hover{border-color:#b2bdb5}.design-review a[aria-current=page]{background:#14291e;color:#fff} img{object-fit:contain;height:auto;max-width:100%} .hero{display:grid;grid-template-columns:40% minmax(0,1fr);align-items:center;gap:36px;min-height:0;padding:62px 5.6% 26px;overflow:visible;border-radius:0} .hero-content{grid-column:1;grid-row:1;padding:0;width:100%;margin:0}.hero h1{font-size:clamp(66px,6.5vw,105px);line-height:1.02}.hero-intro{font-size:16px} .hero-photo{position:relative;inset:auto;height:auto;grid-column:2;grid-row:1;width:100%}.hero-photo img{height:auto;width:100%;border-radius:0;object-fit:contain}.hero-photo:after{display:none} .image-note{display:block;position:static;background:none;text-shadow:none;padding:12px 0 0;color:#bdc8c0;font-size:12px} .hero-base{grid-column:1/-1;grid-row:2;position:static;width:100%;padding:32px 0 0;margin:0;border-top:1px solid #ffffff25;gap:20px} .study-panel{display:grid;aspect-ratio:auto;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.study-panel:after{display:none}.study-scene,.study-incoming{position:relative;inset:auto;grid-area:1/1;width:100%;height:auto;min-width:0;align-self:start} .study-scene>img{width:100%;height:auto;max-height:85vh;aspect-ratio:auto;object-fit:contain;background:#e4e8e1}.study-caption{position:static;padding:25px 0 8px;background:none;color:#0a0b0c}.study-caption p{color:#535f56;font-size:16px}.study-caption h3{font-size:36px} .iwp-material{aspect-ratio:auto;overflow:visible;border-radius:0;transform:none;box-shadow:none;border:0}.iwp-material>img{height:auto;width:100%;opacity:1;object-fit:contain}.iwp-material:after{display:none}.iwp-material figcaption{position:static;padding:24px 0 0;gap:10px}.iwp-monogram{font-size:68px} .foundation{align-items:center;min-height:0;border-radius:0;overflow:visible}.foundation-image{min-height:0;overflow:visible;border-radius:0;height:auto}.foundation-image img{height:auto;object-fit:contain}.foundation-copy{padding:65px 10%} @media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:38px;gap:32px}.hero-content{grid-column:1;grid-row:1}.hero-photo{grid-column:1;grid-row:2}.hero-base{grid-row:3}.hero h1{font-size:clamp(64px,11vw,96px)}.hero-intro{max-width:50ch}.design-review{align-items:flex-start;flex-direction:column;gap:8px}.design-review nav{gap:4px}.design-review a{padding:8px 10px}.foundation{grid-template-columns:1fr}.foundation-copy{padding:45px 7%}} @media(max-width:680px){.hero{display:grid;padding:34px 24px 24px;gap:30px}.hero-content{padding:0}.hero-photo{height:auto}.hero-base{padding:22px 0 0;letter-spacing:.04em}.study-scene>img{max-height:none}.study-caption h3{font-size:30px}.iwp-material{width:100%;max-width:420px;aspect-ratio:auto}.design-review{padding:12px 16px}.design-review a{font-size:12px;padding:9px 8px}.foundation-image{height:auto}.study-foot p:first-child{font-size:12px;letter-spacing:.06em}} /* 02 Editorial: an open white masthead, wide plates and ruled text columns. */ [data-design=editorial] .header{background:white;color:var(--ink);border-bottom:1px solid var(--line)} [data-design=editorial] .header a:hover{color:var(--green)} [data-design=editorial] .hero{background:white;color:var(--ink);display:flex;flex-direction:column;align-items:stretch;padding-top:44px;gap:42px} [data-design=editorial] .hero-content{display:grid;grid-template-columns:1.5fr 1fr;column-gap:9%;align-items:start} [data-design=editorial] .hero .eyebrow{grid-column:1/-1;color:var(--green)} [data-design=editorial] .hero h1{grid-column:1;grid-row:2/4;font-size:clamp(72px,8.3vw,136px);margin:28px 0 0} [data-design=editorial] .hero-intro{grid-column:2;grid-row:2;color:#4a534d;max-width:36ch;margin-top:44px;font-size:18px} [data-design=editorial] .hero-content .text-link{grid-column:2;justify-self:start;align-self:start;color:var(--green)} [data-design=editorial] .hero-photo{margin-top:6px} [data-design=editorial] .image-note{color:#657067} [data-design=editorial] .hero-base{color:#5e6a61;border-color:var(--line);padding-top:20px} [data-design=editorial] .vision{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0;border-radius:0} [data-design=editorial] .principles article{padding-right:24px;border-right:1px solid var(--line);border-top:0} [data-design=editorial] .study-scene>img{background:#f2f4f1} [data-design=editorial] .iwp{margin:80px 0 0;border-radius:0;box-shadow:none;background:#123e2d} [data-design=editorial] .iwp-intro{grid-template-columns:1fr 1fr;gap:14%} [data-design=editorial] .iwp-material figcaption{align-items:flex-start} [data-design=editorial] .routes article,[data-design=editorial] .routes article:last-child{background:none;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:30px 0} [data-design=editorial] .foundation{margin:0;background:#eef1ed;color:var(--ink);box-shadow:none} [data-design=editorial] .foundation .year,[data-design=editorial] .foundation h2{color:var(--ink)} [data-design=editorial] .foundation .section-label,[data-design=editorial] .foundation-copy>p:not(.year){color:#4f5e53} [data-design=editorial] .contact{grid-template-columns:1.25fr 1fr} /* 03 Architecture: dark exhibition, compact text, image-led sequencing. */ [data-design=architecture] body{background:#101713;color:#f4f6f1;--line:#405044;--green:#a9cdb8} [data-design=architecture] .header{background:#101713} [data-design=architecture] .hero{display:flex;flex-direction:column;align-items:stretch;background:#101713;padding-top:38px;gap:30px} [data-design=architecture] .hero-content{display:grid;grid-template-columns:1.55fr 1fr;gap:20px 8%} [data-design=architecture] .hero .eyebrow{grid-column:1/-1} [data-design=architecture] .hero h1{grid-column:1;grid-row:2/4;font-size:clamp(60px,6.1vw,94px);margin:0;max-width:none} [data-design=architecture] .hero h1 br:first-of-type{display:none} [data-design=architecture] .hero-intro{grid-column:2;grid-row:2;margin:8px 0 0;max-width:42ch} [data-design=architecture] .hero-content .text-link{grid-column:2;justify-self:start;align-self:start} [data-design=architecture] .hero-photo{order:2} [data-design=architecture] .hero-base{order:3} [data-design=architecture] .approach{display:grid;grid-template-columns:1fr 2.4fr;gap:35px 6%} [data-design=architecture] .approach .section-label{align-self:start;align-items:baseline;line-height:1.8;margin:0} [data-design=architecture] .thesis-grid{grid-template-columns:1fr;gap:32px} [data-design=architecture] .thesis-grid h2{font-size:clamp(48px,5.4vw,80px)} [data-design=architecture] .body-copy{display:grid;grid-template-columns:1fr 1fr;gap:36px;color:#c0cdc4} [data-design=architecture] .body-copy p+p{margin:0} [data-design=architecture] .principles{grid-column:2;gap:28px;margin-top:24px} [data-design=architecture] .principles p,[data-design=architecture] .routes p,[data-design=architecture] .section-heading p,[data-design=architecture] .contact-copy>p{color:#c0cdc4} [data-design=architecture] .vision{display:grid;grid-template-columns:28% minmax(0,1fr);gap:5%;padding:85px 5.6%;margin:0;background:#e8ece6;color:#14241a;border-radius:0} [data-design=architecture] .vision>.wrap{padding:0;margin:0;max-width:none} [data-design=architecture] .vision-heading{align-self:start;position:sticky;top:32px} [data-design=architecture] .vision .section-label{color:#405647;line-height:1.8;align-items:baseline} [data-design=architecture] .vision .index{color:#326346} [data-design=architecture] .vision-intro{display:block;margin:0} [data-design=architecture] .vision-intro h2{font-size:clamp(40px,4.1vw,64px)} [data-design=architecture] .vision-intro p{width:auto;margin-top:30px} [data-design=architecture] .study-tabs{padding-top:0} [data-design=architecture] .study-tabs button{border-radius:0} [data-design=architecture] .study-tabs button[aria-selected=true]{transform:none;box-shadow:none} [data-design=architecture] .study-foot{display:block} [data-design=architecture] .study-foot p:last-child{text-align:left;margin-top:12px} [data-design=architecture] .study-caption h3{font-size:32px} [data-design=architecture] .iwp{background:#101713;border:0;border-top:1px solid #405044;border-bottom:1px solid #405044;border-radius:0;margin:0;box-shadow:none} [data-design=architecture] .iwp-intro{grid-template-columns:1fr 1fr;gap:12%} [data-design=architecture] .iwp-material{display:grid;grid-template-columns:1fr;max-width:520px;justify-self:end} [data-design=architecture] .iwp-material figcaption{flex-direction:row;justify-content:space-between;align-items:center} [data-design=architecture] .routes article,[data-design=architecture] .routes article:last-child{border:1px solid #405044;border-radius:0;background:none;box-shadow:none} [data-design=architecture] .foundation{background:#1c2921;box-shadow:none;margin:0} [data-design=architecture] .contact input,[data-design=architecture] .contact textarea,[data-design=architecture] .contact select,[data-design=architecture] .contact label{color:#eef3ee} [data-design=architecture] .contact select option{background:#101713} [data-design=architecture] .send{background:#e2eee4;color:#14291e;border-radius:0} [data-design=architecture] .form-bottom p,[data-design=architecture] .footer p,[data-design=architecture] .footer>a:last-child{color:#afc1b4} @media(max-width:1000px){[data-design=architecture] .vision{grid-template-columns:1fr;gap:35px}[data-design=architecture] .vision-heading{position:static}[data-design=architecture] .vision-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px}[data-design=architecture] .vision-intro p{margin:0}[data-design=architecture] .approach{grid-template-columns:1fr}[data-design=architecture] .principles{grid-column:1}} @media(max-width:680px){[data-design=editorial] .hero-content,[data-design=architecture] .hero-content{display:block}[data-design=editorial] .hero h1,[data-design=architecture] .hero h1{font-size:clamp(56px,13.2vw,86px);margin:26px 0}[data-design=editorial] .hero-intro,[data-design=architecture] .hero-intro{margin:0 0 20px;font-size:16px}[data-design=architecture] .hero h1 br:first-of-type{display:initial}[data-design=editorial] .hero{gap:24px;padding-top:34px}[data-design=editorial] .principles article{border-right:0;border-top:1px solid var(--line);padding-right:0}[data-design=editorial] .iwp-intro,[data-design=architecture] .iwp-intro{grid-template-columns:1fr;gap:40px}[data-design=editorial] .contact{grid-template-columns:1fr}[data-design=architecture] .vision{padding:60px 24px}[data-design=architecture] .vision-intro{display:block}[data-design=architecture] .vision-intro p{margin-top:24px}[data-design=architecture] .body-copy{display:block}[data-design=architecture] .body-copy p+p{margin-top:20px}[data-design=architecture] .principles{margin-top:0}[data-design=architecture] .iwp-material{justify-self:stretch}[data-design=architecture] .iwp-material figcaption{gap:24px}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important}} [data-design=editorial] .hero-content{order:0}[data-design=editorial] .hero-photo{order:1}[data-design=editorial] .hero-base{order:2} .image-note{border:0;border-radius:0;box-shadow:none;backdrop-filter:none} /* Current direction: restore the original black-to-image hero. */ [data-design=current] .hero{display:block;position:relative;min-height:735px;padding:0;overflow:hidden;border-radius:0 0 52px 12px} [data-design=current] .hero-photo{position:absolute;inset:0 0 0 38%;height:100%;width:auto} [data-design=current] .hero-photo img{height:100%;width:100%;object-fit:cover;object-position:65% center} [data-design=current] .hero-photo:after{content:'';display:block;position:absolute;inset:0;background:linear-gradient(90deg,#0a0b0c 0%,#0a0b0cc9 12%,#0a0b0c16 49%,#0a0b0c00 100%),linear-gradient(0deg,#0a0b0c70,transparent 25%);pointer-events:none} [data-design=current] .hero-content{position:relative;z-index:2;padding:66px 5.6% 105px;margin:auto;max-width:1800px;width:auto} [data-design=current] .hero h1{font-size:clamp(74px,7.75vw,120px);line-height:.96;max-width:650px;margin:37px 0 28px} [data-design=current] .hero-intro{max-width:390px} [data-design=current] .image-note{position:absolute;right:9%;bottom:86px;background:#0a0b0c60;color:#fff;text-shadow:0 1px 5px #000;border:1px solid #ffffff28;border-radius:30px;padding:6px 13px;backdrop-filter:blur(12px)} [data-design=current] .hero-base{position:absolute;left:0;right:0;bottom:23px;max-width:1800px;width:auto;margin:auto;padding:0 5.6%;border:0} @media(min-width:1800px){[data-design=current] .hero{min-height:850px}[data-design=current] .hero-content{max-width:none}} @media(max-width:1000px){[data-design=current] .hero-photo{left:28%}[data-design=current] .hero-photo:after{background:linear-gradient(90deg,#0a0b0c 0%,#0a0b0ca9 24%,#0a0b0c00 90%),linear-gradient(0deg,#0a0b0c80,transparent 30%)}[data-design=current] .hero h1{font-size:92px}} @media(max-width:680px){[data-design=current] .hero{display:flex;flex-direction:column;min-height:0;border-radius:0 0 32px 8px}[data-design=current] .hero-content{order:0;padding:42px 24px 44px;width:100%}[data-design=current] .hero h1{font-size:clamp(64px,13.8vw,92px);margin:31px 0 25px}[data-design=current] .hero-photo{position:relative;inset:auto;order:1;width:100%;height:auto}[data-design=current] .hero-photo img{height:auto;object-fit:contain;object-position:center}[data-design=current] .hero-photo:after{background:linear-gradient(0deg,#0005,transparent 35%)}[data-design=current] .image-note{right:24px;bottom:20px}[data-design=current] .hero-base{position:relative;inset:auto;order:2;width:100%;padding:20px 24px}[data-design=current] .hero-intro{max-width:36ch}} /* Keep the stone and foundation copy together at desktop and tablet widths. */ @media(min-width:681px){ .foundation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch} .foundation-image{display:flex;align-items:center;min-width:0;background:#0a0b0c} .foundation-image img{width:100%;height:auto;max-height:none;object-fit:contain} .foundation-copy{min-width:0;padding:64px clamp(28px,4vw,72px)} } @media(min-width:681px) and (max-width:1000px){ .foundation-copy{padding:44px 28px} .foundation .section-label{gap:12px;margin-bottom:28px} .foundation .year{font-size:60px;margin-bottom:28px} .foundation h2{font-size:34px} .foundation .text-link{align-items:flex-start;gap:16px} } /* Keep the compact hero label and establishment date comfortable on small screens. */ .hero .eyebrow{flex-wrap:wrap;row-gap:10px}.hero-positioning{max-width:100%}.hero-established{white-space:nowrap}.hero .small-line{flex-shrink:0} /* A quiet editorial bridge between the hero and the investment thesis. */ .positioning-banner{padding-top:54px;padding-bottom:48px;text-align:center;color:var(--ink,#14291e)} .positioning-banner p{margin:0;font-family:var(--serif);font-size:clamp(32px,3.4vw,52px);line-height:1.12;letter-spacing:-.025em} .positioning-banner em{font-weight:400;color:var(--green,#365c43)} .positioning-banner:after{content:"";display:block;width:64px;height:1px;margin:30px auto 0;background:#95a98d} .positioning-banner + .approach{padding-top:48px} @media(max-width:680px){.positioning-banner{padding-top:38px;padding-bottom:28px}.positioning-banner p{font-size:clamp(29px,7.8vw,40px)}.positioning-banner:after{margin-top:24px}.positioning-banner + .approach{padding-top:32px}} /* Motion is an opt-in layer on Current refined. Content is visible by default. */ .iwp-copy h2 .iwp-word:not(:last-child){color:inherit} @media(prefers-reduced-motion:no-preference){ @keyframes thrive-image-arrival{from{opacity:0}to{opacity:1}} @keyframes thrive-copy-arrival{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} [data-motion=cinematic] .hero-photo img{animation:thrive-image-arrival 1400ms ease-out both} [data-motion=cinematic] .hero h1{animation:thrive-copy-arrival 850ms cubic-bezier(.2,.65,.3,1) 180ms both} [data-motion=cinematic] .hero-intro{animation:thrive-copy-arrival 750ms ease-out 480ms both} [data-motion=cinematic] .hero-content>.text-link{animation:thrive-copy-arrival 650ms ease-out 650ms both} [data-motion=cinematic] .hero-content>.text-link:focus-visible{animation:none} [data-motion=cinematic] .text-link{position:relative;transition:color 180ms,border-color 220ms;border-bottom-color:transparent} [data-motion=cinematic] .text-link:before{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:currentColor;opacity:.3} [data-motion=cinematic] .text-link:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#00704a;transform:scaleX(0);transform-origin:left;transition:transform 260ms cubic-bezier(.2,.65,.3,1)} [data-motion=cinematic] .text-link.light:after{background:#a9cdb8} [data-motion=cinematic] .text-link:focus-visible:after{transform:scaleX(1)} [data-motion=cinematic] .send{transition:background 200ms,box-shadow 200ms,transform 200ms} [data-motion=cinematic] .send:focus-visible{background:#174b34;box-shadow:0 8px 20px -12px #174b3480} [data-motion=cinematic] .study-tabs button{transition:background 220ms,color 220ms,box-shadow 220ms,transform 220ms,border-color 220ms} } @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ [data-motion=cinematic] .text-link:hover:after{transform:scaleX(1)} [data-motion=cinematic] .send:hover{background:#174b34;transform:translateY(-2px);box-shadow:0 12px 24px -14px #174b3480} [data-motion=cinematic] .send:active{transform:translateY(0)} [data-motion=cinematic] .study-tabs button:hover{transform:translateY(-2px);box-shadow:0 8px 18px -14px #173a2a70} [data-motion=cinematic] .study-tabs button[aria-selected=true]:hover{transform:translateY(-3px)} } [data-motion=cinematic] .iwp-word{display:inline-block} /* The optional gallery reads as an architectural folio. */ .magazine-controls{display:none} [data-motion=cinematic] .study-panel{perspective:2400px;isolation:isolate;background:#e4e7df;border:1px solid #d3d8ce;box-shadow:3px 4px 0 #f9faf7,5px 6px 0 #cfd5c9,8px 10px 0 #f9faf7,0 26px 50px -30px #20312670} [data-motion=cinematic] .study-scene{padding:24px;background:#fcfdf9;backface-visibility:hidden;transform-origin:left center} [data-motion=cinematic] .study-scene:before{content:'THRIVE ASSETS / A SENSE OF PLACE';display:block;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #d8dfd2;font-size:12px;letter-spacing:.13em;color:#66715f} [data-motion=cinematic] .study-scene>img{background:#edf0e8;max-height:74vh;object-fit:contain;user-select:none;-webkit-user-drag:none} [data-motion=cinematic] .study-caption{padding:25px 0 8px;min-height:126px} [data-motion=cinematic] .study-caption h3{font-size:clamp(28px,3vw,42px)} [data-motion=cinematic] .study-caption p{font-size:16px} [data-motion=cinematic] .study-panel{touch-action:pan-y pinch-zoom} [data-motion=cinematic] .magazine-controls:not([hidden]){display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:26px;padding:18px 0;border-bottom:1px solid #cbd2c5} .magazine-controls button{display:flex;align-items:center;gap:12px;min-height:48px;border:1px solid #bbc6b7;padding:10px 16px;background:transparent;color:#233c2c;font-size:14px;border-radius:3px} .magazine-previous{justify-self:start}.magazine-next{justify-self:end} .magazine-controls button:disabled{opacity:.38;cursor:default} .magazine-count{font-size:14px;letter-spacing:.09em;color:#233c2c;text-align:center;font-variant-numeric:tabular-nums} .magazine-count span{display:block;font-size:12px;letter-spacing:0;color:#66715f;margin-top:3px} .magazine-next-label{color:#5c6d5e;font-size:12px} @media(hover:hover) and (pointer:fine){.magazine-controls button:not(:disabled):hover{background:#14291e;color:#fff;border-color:#14291e}.magazine-controls button:not(:disabled):hover .magazine-next-label{color:#d5e0d2}} @media(max-width:680px){[data-motion=cinematic] .study-scene{padding:12px}[data-motion=cinematic] .study-scene:before{font-size:12px;letter-spacing:.055em;margin-bottom:12px;padding-bottom:10px}[data-motion=cinematic] .study-scene>img{max-height:none}[data-motion=cinematic] .study-caption{min-height:168px;padding-top:20px}[data-motion=cinematic] .magazine-controls:not([hidden]){gap:8px}.magazine-controls button{padding:10px;gap:8px}.magazine-next-label{display:none}} /* Horizontal book: a complete main page with the next leaf visible to its right. */ [data-motion=cinematic] .book-shell{--page-width:86%;position:relative;overflow:hidden;isolation:isolate;padding:24px 0 38px 12px;margin-left:-12px;perspective:2400px} [data-motion=cinematic] .book-shell .study-panel{width:var(--page-width);z-index:2;perspective:2400px;border:0;background:#e4e7df;box-shadow:1px 3px 0 #ced5c9,3px 6px 0 #fbfcf8,4px 8px 0 #cbd2c5,0 24px 40px -28px #20312690} [data-motion=cinematic] .book-shell .study-scene{box-shadow:inset 12px 0 18px -20px #152f1b90,5px 0 14px -12px #172e1b80} [data-motion=cinematic] .book-shell .study-scene>img{max-height:70vh;cursor:grab} [data-motion=cinematic] .book-shell .is-dragging .study-scene>img{cursor:grabbing} [data-motion=cinematic] .book-peek{position:absolute;z-index:1;top:24px;left:calc(var(--page-width) + 28px);width:var(--page-width);height:calc(100% - 62px);display:block;text-align:left;padding:0;border:1px solid #d5dccf;border-radius:0;background:#f8faf4;color:#1c3424;box-shadow:-5px 0 18px -14px #15291c90;transform-origin:left center;overflow:hidden;opacity:0;transition:transform 450ms cubic-bezier(.22,.65,.25,1),box-shadow 450ms,opacity 180ms} [data-motion=cinematic] .book-peek[hidden]{display:none} [data-motion=cinematic] .book-peek.is-ready{opacity:1} [data-motion=cinematic] .book-peek:disabled{cursor:default} [data-motion=cinematic] .book-peek-page{display:block;height:100%;padding:24px;background:linear-gradient(90deg,#e9eee3 0,#fcfdf9 22px);pointer-events:none} [data-motion=cinematic] .book-peek-heading{display:block;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #d8dfd2;font-size:12px;letter-spacing:.1em;color:#66715f} [data-motion=cinematic] .book-peek-page img{height:auto;width:100%;max-height:70vh;object-fit:contain;background:#edf0e8} [data-motion=cinematic] .book-peek-title{display:block;margin-top:25px;font-family:var(--serif);font-size:clamp(28px,3vw,42px);line-height:1.1} [data-motion=cinematic] .book-peek-label{display:block;margin-top:14px;font-size:14px;color:#496b50;white-space:nowrap} [data-motion=cinematic] .book-peek:focus-visible{z-index:4;transform:translateX(-64px) rotateY(-5deg);outline-offset:-4px;box-shadow:-14px 6px 28px -18px #15291c90} [data-motion=cinematic] .book-shell.is-turning .book-peek{opacity:0;pointer-events:none;transform:none} [data-motion=cinematic] .book-shell+.magazine-controls{margin-top:0} @media(hover:hover) and (pointer:fine){[data-motion=cinematic] .book-peek.is-ready:hover{z-index:4;transform:translateX(-64px) rotateY(-5deg);box-shadow:-14px 6px 28px -18px #15291c90}} @media(max-width:680px){[data-motion=cinematic] .book-shell{--page-width:89%;padding-top:16px;padding-bottom:28px}[data-motion=cinematic] .book-shell .study-scene>img{max-height:none}[data-motion=cinematic] .book-peek{top:16px;left:calc(var(--page-width) + 19px);height:calc(100% - 44px)}[data-motion=cinematic] .book-peek-page{padding:12px}[data-motion=cinematic] .book-peek-heading{font-size:12px;letter-spacing:.03em;margin-bottom:12px;padding-bottom:10px}[data-motion=cinematic] .book-peek-title{margin-top:20px}[data-motion=cinematic] .book-peek:focus-visible{transform:translateX(-28px)}} @media(prefers-reduced-motion:reduce){[data-motion=cinematic] .book-peek{transition:none}[data-motion=cinematic] .book-peek:focus-visible{transform:translateX(-40px)}} @media(prefers-reduced-motion:reduce){[data-motion=cinematic] .book-peek.is-ready:hover{transform:translateX(-40px)}} /* Both adjacent leaves remain visible around the complete central page. */ [data-motion=cinematic] .book-shell{--page-width:78%;--page-inset:11%;--page-gap:16px;padding-left:0;margin-left:0} [data-motion=cinematic] .book-shell .study-panel{margin-left:auto;margin-right:auto} [data-motion=cinematic] .book-peek-next{left:calc(100% - var(--page-inset) + var(--page-gap));right:auto} [data-motion=cinematic] .book-peek-previous{left:auto;right:calc(100% - var(--page-inset) + var(--page-gap));transform-origin:right center;text-align:right;box-shadow:5px 0 18px -14px #15291c90} [data-motion=cinematic] .book-peek-previous .book-peek-page{background:linear-gradient(270deg,#e9eee3 0,#fcfdf9 22px)} [data-motion=cinematic] .book-peek-previous:focus-visible{transform:translateX(64px) rotateY(5deg);box-shadow:14px 6px 28px -18px #15291c90} @media(hover:hover) and (pointer:fine){[data-motion=cinematic] .book-peek-previous.is-ready:hover{transform:translateX(64px) rotateY(5deg);box-shadow:14px 6px 28px -18px #15291c90}} @media(max-width:680px){[data-motion=cinematic] .book-shell{--page-width:84%;--page-inset:8%;--page-gap:8px}[data-motion=cinematic] .book-peek-previous:focus-visible{transform:translateX(28px)}} @media(prefers-reduced-motion:reduce){[data-motion=cinematic] .book-peek-previous:focus-visible,[data-motion=cinematic] .book-peek-previous.is-ready:hover{transform:translateX(40px)}} [data-motion=cinematic] .book-shell.is-turning .book-peek-previous{transform:none} [data-motion=cinematic] .book-shell{overflow:clip} /* Peripheral cards preview the image; the centred page owns the text. */ [data-motion=cinematic] .book-peek-heading, [data-motion=cinematic] .book-peek-title, [data-motion=cinematic] .book-peek-label{opacity:0;pointer-events:none} [data-motion=cinematic] .book-peek-heading{border-color:transparent} /* Reserve enough room for the complete stone image to move without clipping. */ [data-motion=cinematic] .foundation-image{display:flex;align-items:center;justify-content:center;padding-block:98px;background:#0a0b0c} [data-motion=cinematic] .foundation-image img{width:100%;height:auto;object-fit:contain;transform:translate3d(0,var(--stone-offset,0px),0)} [data-motion=cinematic] .foundation-image.parallax-active img{will-change:transform} @media(max-width:680px){[data-motion=cinematic] .foundation-image{padding-block:48px}} @media(prefers-reduced-motion:reduce){[data-motion=cinematic] .foundation-image img{transform:none;will-change:auto}} /* Modest overlap stays within the central page’s blank paper margins. */ [data-motion=cinematic] .book-shell{--page-gap:-6px;--peek-shift:12px} [data-motion=cinematic] .book-shell .study-panel{z-index:5} [data-motion=cinematic] .book-shell .book-peek-next:is(:hover,:focus-visible){transform:translateX(calc(-1 * var(--peek-shift)))} [data-motion=cinematic] .book-shell .book-peek-previous:is(:hover,:focus-visible){transform:translateX(var(--peek-shift))} @media(max-width:680px){[data-motion=cinematic] .book-shell{--page-gap:-3px;--peek-shift:6px}} [data-motion=cinematic] .book-shell.is-turning .book-peek:is(:hover,:focus-visible){transform:none} /* Soft, deliberate feedback on the architectural gallery labels. */ [data-motion=cinematic] .study-tabs button{transition:background-color 340ms ease,border-color 340ms ease,color 340ms ease,box-shadow 340ms ease,transform 340ms cubic-bezier(.2,.65,.3,1)} [data-motion=cinematic] .study-tabs button span{transition:color 340ms ease} [data-motion=cinematic] .study-tabs button[aria-selected=false]:focus-visible{background:#e1e9de;border-color:#c8d6c5;box-shadow:0 8px 20px -12px #25463345;color:#47644e} [data-motion=cinematic] .study-tabs button[aria-selected=false]:focus-visible span{color:#244b35} @media(hover:hover) and (pointer:fine){ [data-motion=cinematic] .study-tabs button[aria-selected=false]:hover{background:#e1e9de;border-color:#c8d6c5;box-shadow:0 8px 20px -12px #25463345;color:#47644e} [data-motion=cinematic] .study-tabs button[aria-selected=false]:hover span{color:#244b35} [data-motion=cinematic] .study-tabs button[aria-selected=true]:hover{background:#203e2d;border-color:#66846b;box-shadow:0 14px 26px -13px #173a2a80} } @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ [data-motion=cinematic] .study-tabs button[aria-selected=false]:hover{transform:translateY(-2px)} [data-motion=cinematic] .study-tabs button[aria-selected=true]:hover{transform:translateY(-4px)} } @media(prefers-reduced-motion:reduce){ [data-motion=cinematic] .study-tabs button,[data-motion=cinematic] .study-tabs button span{transition:none} } /* Reveal a little more paper on hover, without crossing into image or notes. */ [data-motion=cinematic] .book-shell .book-peek:is(:hover,:focus-visible){z-index:6} [data-motion=cinematic] .book-shell.is-turning .book-peek{z-index:1} /* Display the complete glass composition like a softly lit material study. */ [data-motion=cinematic] .iwp-material{isolation:isolate;padding:12px;margin-inline:auto;width:100%;max-width:520px} [data-motion=cinematic] .iwp-material:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-9%;left:-14%;width:128%;aspect-ratio:1;background:radial-gradient(ellipse at 56% 57%,#507f5840 0%,#3b725029 35%,#24452e12 54%,transparent 72%);opacity:.85;transition:opacity 650ms ease} [data-motion=cinematic] .iwp-material>img{position:relative;z-index:1;box-shadow:0 0 0 8px #14251c,0 0 0 9px #8cb79b38,0 26px 45px -16px #0009,0 9px 18px -12px #000b;transition:transform 650ms cubic-bezier(.2,.65,.3,1),box-shadow 650ms ease} [data-motion=cinematic] .iwp-material figcaption{position:relative;inset:auto;padding-top:38px;gap:12px} [data-motion=cinematic] .iwp-material .eyebrow{color:#c0d2c3;font-size:12px;letter-spacing:.16em} [data-motion=cinematic] .iwp-material figcaption:after{content:"";display:block;width:48px;height:1px;margin-top:8px;background:linear-gradient(90deg,transparent,#93b99e99,transparent)} @media(hover:hover) and (pointer:fine){ [data-motion=cinematic] .iwp-material:hover:before{opacity:1} [data-motion=cinematic] .iwp-material:hover>img{box-shadow:0 0 0 8px #172c21,0 0 0 9px #a3d3b35c,0 34px 56px -18px #000a,0 12px 22px -12px #000b} } @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ [data-motion=cinematic] .iwp-material:hover>img{transform:translateY(-4px)} } @media(max-width:680px){[data-motion=cinematic] .iwp-material{max-width:420px}[data-motion=cinematic] .iwp-material figcaption{padding-top:32px}} @media(prefers-reduced-motion:reduce){[data-motion=cinematic] .iwp-material:before,[data-motion=cinematic] .iwp-material>img{transition:none}} /* Editorial emphasis belongs only to Refined in motion. */ .headline-accent{font-style:normal} [data-motion=cinematic] .headline-accent{font-style:italic;color:#176044} [data-motion=cinematic] .hero h1 em{position:relative;display:inline-block} [data-motion=cinematic] .hero h1 em:after{content:'';position:absolute;left:3%;right:0;bottom:-.07em;height:1px;background:#85ad96;opacity:.8} [data-motion=cinematic] .approach{padding-top:130px;padding-bottom:130px} [data-motion=cinematic] .thesis-grid{grid-template-columns:1fr;gap:45px} [data-motion=cinematic] .thesis-grid h2{font-size:clamp(64px,7.9vw,120px);line-height:1.06;max-width:20ch;letter-spacing:-.025em} [data-motion=cinematic] .thesis-grid h2 .green{font-style:italic;background:linear-gradient(#c9d9ca,#c9d9ca) left bottom/100% 1px no-repeat;padding-bottom:.035em;box-decoration-break:clone;-webkit-box-decoration-break:clone} [data-motion=cinematic] .thesis-grid .body-copy{display:grid;grid-template-columns:1fr 1fr;gap:38px;max-width:840px;padding:0;margin-left:23%;font-size:17px} [data-motion=cinematic] .thesis-grid .body-copy p+p{margin:0} [data-motion=cinematic] .principles{gap:0;margin-top:76px;border-bottom:1px solid #d5ded2} [data-motion=cinematic] .principles article{padding:32px 30px 38px;border-top:1px solid #a8bba8;border-right:1px solid #d5ded2} [data-motion=cinematic] .principles article:first-child{padding-left:0} [data-motion=cinematic] .principles .eyebrow{text-transform:none;letter-spacing:0;display:block} [data-motion=cinematic] .principle-number{display:block;font-size:12px;letter-spacing:.13em;line-height:1.6;margin-bottom:24px;color:#647860} [data-motion=cinematic] .principle-name{display:block;font-family:var(--serif);font-size:clamp(40px,4.1vw,62px);line-height:1.08;color:#183e29;letter-spacing:-.02em} [data-motion=cinematic] .principles h3{font-size:29px;line-height:1.13;margin:25px 0 15px} [data-motion=cinematic] .principles p{font-size:16px;max-width:35ch} [data-motion=cinematic] .principles article:last-child{background:#14291e;border-color:#14291e;padding-left:30px;color:#f7faf5} [data-motion=cinematic] .principles article:last-child .principle-name{color:#fff;font-style:italic} [data-motion=cinematic] .principles article:last-child .principle-number{color:#b2c8b4} [data-motion=cinematic] .principles article:last-child p{color:#dce6da} [data-motion=cinematic] .section-label .index{min-width:32px;font-variant-numeric:tabular-nums} [data-motion=cinematic] .vision-intro h2,[data-motion=cinematic] .section-heading h2{line-height:1.08} [data-motion=cinematic] .contact h2{line-height:1.04} [data-motion=cinematic] .iwp-mandate h3{padding-left:22px;border-left:2px solid #91b39b;line-height:1.16} @media(max-width:1000px){[data-motion=cinematic] .thesis-grid .body-copy{margin-left:10%;gap:28px}[data-motion=cinematic] .principles article{padding:28px 22px}[data-motion=cinematic] .principles article:last-child{padding-left:22px}[data-motion=cinematic] .principles h3{font-size:26px}} @media(max-width:680px){[data-motion=cinematic] .approach{padding-top:76px;padding-bottom:76px}[data-motion=cinematic] .thesis-grid{gap:32px}[data-motion=cinematic] .thesis-grid h2{font-size:clamp(46px,12vw,72px);line-height:1.08}[data-motion=cinematic] .thesis-grid .body-copy{display:block;margin-left:0;font-size:16px}[data-motion=cinematic] .thesis-grid .body-copy p+p{margin-top:20px}[data-motion=cinematic] .principles{margin-top:44px;border-bottom:0;gap:0}[data-motion=cinematic] .principles article,[data-motion=cinematic] .principles article:first-child{padding:28px 0 34px;border-right:0}[data-motion=cinematic] .principles article:last-child{padding:28px 24px 34px}[data-motion=cinematic] .principle-number{margin-bottom:12px}[data-motion=cinematic] .principle-name{font-size:46px}[data-motion=cinematic] .principles h3{font-size:28px;margin-top:20px}[data-motion=cinematic] .principles p{max-width:none}} /* The complete refinement pass: compact rhythm and clearer hierarchy. */ .pillar-lead{display:none}.mandate-accent{font-style:inherit} [data-motion=cinematic] .section{padding-top:92px;padding-bottom:92px} [data-motion=cinematic] .positioning-banner{padding-top:42px;padding-bottom:30px} [data-motion=cinematic] .positioning-banner + .approach{padding-top:40px} [data-motion=cinematic] .section-label{margin-bottom:40px} [data-motion=cinematic] .thesis-grid{gap:34px} [data-motion=cinematic] .thesis-grid .body-copy{max-width:800px;gap:32px;line-height:1.7} [data-motion=cinematic] .principles{margin-top:56px} [data-motion=cinematic] .vision{padding-top:80px;padding-bottom:46px} [data-motion=cinematic] .vision-intro{margin-bottom:36px} [data-motion=cinematic] .vision-intro p,[data-motion=cinematic] .section-heading p{max-width:38ch;line-height:1.65} [data-motion=cinematic] .study-scene:before,[data-motion=cinematic] .book-peek-heading{display:none} [data-motion=cinematic] .study-foot>p:first-child{display:none} [data-motion=cinematic] .study-foot{justify-content:flex-end;margin-top:20px} [data-motion=cinematic] .iwp{margin-top:64px} [data-motion=cinematic] .iwp-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center} [data-motion=cinematic] .iwp-material{max-width:620px} [data-motion=cinematic] .iwp-copy>p{max-width:41ch;line-height:1.7} [data-motion=cinematic] .iwp-copy h2{font-size:clamp(70px,7.3vw,110px);margin-bottom:28px} [data-motion=cinematic] .iwp-pillars{gap:4%;margin-top:56px} [data-motion=cinematic] .iwp-pillars article{isolation:isolate;padding:42px 16px 22px 0;border-color:#66867266;transition:border-color 450ms ease} [data-motion=cinematic] .iwp-pillars article:before{content:"";position:absolute;z-index:-1;inset:0 -12px -8px;pointer-events:none;background:radial-gradient(ellipse at 45% 30%,#6e99752b,transparent 72%);opacity:0;transition:opacity 500ms ease} [data-motion=cinematic] .pillar-letter{position:absolute;z-index:-1;pointer-events:none;top:8px;right:12px;float:none;width:auto;height:auto;margin:0;border:0;font-size:clamp(116px,12vw,180px);line-height:1;color:#a0c6aa1f} [data-motion=cinematic] .iwp-pillars h3{font-size:clamp(38px,3.6vw,54px);line-height:1.08;margin-bottom:16px} [data-motion=cinematic] .iwp-pillars .pillar-lead{display:block;font-size:17px;font-weight:500;color:#f0f5ee;line-height:1.4;margin-bottom:16px;max-width:28ch} [data-motion=cinematic] .iwp-pillars p:not(.pillar-lead){max-width:32ch;color:#c4d1c7;font-size:16px;line-height:1.65} [data-motion=cinematic] .iwp-mandate{margin-top:44px;padding-top:30px;gap:7%;grid-template-columns:1.1fr 1fr} [data-motion=cinematic] .iwp-mandate h3{font-size:clamp(34px,3.7vw,54px);max-width:19ch;letter-spacing:-.02em} [data-motion=cinematic] .mandate-accent{font-style:italic;color:#b0cdb5} [data-motion=cinematic] .iwp-mandate>p{max-width:42ch;line-height:1.65} [data-motion=cinematic] .iwp-stages{position:relative;border-top:0;margin-top:32px;padding-top:26px;gap:24px} [data-motion=cinematic] .iwp-stages:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#73957d,#b2cbb880,#73957d38);transform-origin:left center} [data-motion=cinematic] .iwp-stages li{align-items:center;font-size:14px;gap:14px} [data-motion=cinematic] .iwp-stages li>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid #73957d66;border-radius:50%;font-size:12px;font-variant-numeric:tabular-nums;color:#b4cfbc} @media(hover:hover) and (pointer:fine){[data-motion=cinematic] .iwp-pillars article:hover{border-color:#abcbb2}[data-motion=cinematic] .iwp-pillars article:hover:before{opacity:1}} @media(prefers-reduced-motion:no-preference){ @keyframes thrive-process-line{from{transform:scaleX(0)}to{transform:scaleX(1)}} [data-motion=cinematic] .iwp-stages.process-revealed:before{animation:thrive-process-line 1000ms cubic-bezier(.2,.65,.3,1) both} } @media(max-width:680px){ [data-motion=cinematic] .section{padding-top:56px;padding-bottom:56px} [data-motion=cinematic] .positioning-banner{padding-top:32px;padding-bottom:22px} [data-motion=cinematic] .positioning-banner + .approach{padding-top:26px} [data-motion=cinematic] .section-label{margin-bottom:28px} [data-motion=cinematic] .thesis-grid{gap:26px} [data-motion=cinematic] .principles{margin-top:32px} [data-motion=cinematic] .vision{padding-top:52px;padding-bottom:32px} [data-motion=cinematic] .vision-intro{margin-bottom:24px} [data-motion=cinematic] .iwp{margin-top:40px} [data-motion=cinematic] .iwp-intro{grid-template-columns:1fr;gap:32px} [data-motion=cinematic] .iwp-copy h2{font-size:76px} [data-motion=cinematic] .iwp-material{max-width:460px} [data-motion=cinematic] .iwp-pillars{margin-top:36px;gap:24px} [data-motion=cinematic] .iwp-pillars article{padding:32px 0 14px} [data-motion=cinematic] .iwp-pillars p:not(.pillar-lead){max-width:38ch} [data-motion=cinematic] .pillar-letter{font-size:132px;right:10px;top:6px} [data-motion=cinematic] .iwp-mandate{grid-template-columns:1fr;gap:22px;margin-top:32px} [data-motion=cinematic] .iwp-stages{gap:16px;padding-top:22px} } /* A bold black positioning banner immediately after the hero. */ .positioning-banner{position:relative;background:#f0f1ec;color:#0a0b0c;border-bottom:1px solid #d8dcd3;padding-top:46px;padding-bottom:46px} .positioning-banner p{max-width:none;font-size:clamp(40px,5.2vw,76px);line-height:1.04;letter-spacing:-.035em;color:#0a0b0c;-webkit-text-stroke:.3px currentColor} .positioning-banner em{color:#0a0b0c} .positioning-banner:after{display:none} [data-motion=cinematic] .positioning-banner{padding-top:46px;padding-bottom:46px} @media(max-width:680px){ .positioning-banner,[data-motion=cinematic] .positioning-banner{padding-top:32px;padding-bottom:34px} .positioning-banner p{font-size:clamp(31px,8.2vw,50px);line-height:1.1;letter-spacing:-.03em;-webkit-text-stroke:.2px currentColor} } /* One stationary masthead above the moving architectural pages. */ .gallery-masthead{display:none} [data-motion=cinematic] .gallery-masthead{display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:none;margin:0;padding:4px 0 15px;border-bottom:1px solid #cbd4c6;color:#61715e;font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.13em} [data-motion=cinematic] .gallery-masthead span{color:#99a692} [data-motion=cinematic] .study-tabs{border-bottom:0;margin-bottom:8px;padding-bottom:10px} @media(max-width:680px){[data-motion=cinematic] .gallery-masthead{font-size:12px;letter-spacing:.06em;gap:8px;padding-bottom:12px}} /* Floating editorial panel joins the hero to the investment thesis. */ [data-motion=cinematic] .positioning-banner{z-index:4;width:calc(100% - 11.2%);max-width:1080px;margin:-24px auto 0;padding:38px clamp(28px,4.5vw,64px) 42px;background:#faf9f4;border:1px solid #e4e5dc;border-radius:2px 2px 24px 2px;text-align:left;box-shadow:0 22px 45px -30px #17291d55,0 5px 12px -8px #0a0b0c26} [data-motion=cinematic] .positioning-banner p{font-size:clamp(40px,4.9vw,70px);line-height:1.08;letter-spacing:-.03em} [data-motion=cinematic] .hero-base{bottom:54px} [data-motion=cinematic] .positioning-banner + .approach{padding-top:56px} @media(max-width:680px){ [data-motion=cinematic] .positioning-banner{width:calc(100% - 40px);margin-top:-16px;padding:26px 22px 30px;border-radius:2px 2px 18px 2px} [data-motion=cinematic] .positioning-banner p{font-size:clamp(25px,7.5vw,38px);line-height:1.12} [data-motion=cinematic] .hero-base{bottom:auto;padding-bottom:36px} [data-motion=cinematic] .positioning-banner + .approach{padding-top:40px} } /* Give the new living proposition enough room beside its introduction. */ [data-motion=cinematic] .vision-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:6%;align-items:end} [data-motion=cinematic] .vision-intro h2{font-size:clamp(44px,4.8vw,72px);line-height:1.08} [data-motion=cinematic] .vision-intro p{width:auto;max-width:38ch} @media(max-width:900px){[data-motion=cinematic] .vision-intro{grid-template-columns:1fr;gap:24px}[data-motion=cinematic] .vision-intro p{max-width:54ch;margin-top:0}} @media(max-width:680px){[data-motion=cinematic] .vision-intro h2{font-size:clamp(38px,10.3vw,52px)}} /* Two short paragraphs connect community with the architectural principles. */ .vision-description{width:37%;min-width:0}.vision-intro .vision-description p{width:auto;max-width:44ch}.vision-description p+p{margin-top:18px} [data-motion=cinematic] .vision-description{width:auto} @media(max-width:900px){[data-motion=cinematic] .vision-intro .vision-description p{max-width:54ch}} @media(max-width:680px){.vision-description{width:auto}.vision-intro .vision-description p{margin-top:0}.vision-intro .vision-description p+p{margin-top:18px}} /* Final continuity and accessibility refinements, scoped to Refined in motion. */ .platform-context{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;margin:0 0 16px;max-width:none;border-top:1px solid #cbd4c6;border-bottom:1px solid #cbd4c6;color:#344c3c;font-size:14px;line-height:1.5} .platform-status{font-size:12px;letter-spacing:.06em;white-space:nowrap;color:#596b5c} .platform-image-note{max-width:none;margin-top:16px;color:#586a5b;font-size:12px;line-height:1.6} .positioning-lead{display:block}.positioning-banner em{display:block} [data-motion=cinematic] .positioning-banner{background:linear-gradient(115deg,#fffefa 0%,#faf9f4 70%,#f5f5ef 100%);border-top-color:#fff;box-shadow:inset 0 1px 0 #fff,0 22px 46px -30px #17291d50,0 5px 12px -8px #0a0b0c20;transition:box-shadow 550ms ease,transform 550ms cubic-bezier(.2,.65,.3,1)} [data-motion=cinematic] .positioning-banner p{-webkit-text-stroke:0;line-height:1.12} [data-motion=cinematic] .positioning-lead{font-size:.8em;margin-bottom:.16em} [data-motion=cinematic] .positioning-banner em{font-size:1em;letter-spacing:-.025em} [data-motion=cinematic] .principles article{transition:background-color 450ms ease,border-color 450ms ease} [data-motion=cinematic] .routes article{transition:box-shadow 450ms ease,border-color 450ms ease;display:flex;flex-direction:column} [data-motion=cinematic] .routes .text-link{align-self:flex-start;margin-top:auto} [data-motion=cinematic] .contact label{font-size:14px} [data-motion=cinematic] .contact :is(input,select,textarea){transition:border-color 220ms ease,background-color 220ms ease} [data-motion=cinematic] .contact :is(input,select,textarea):focus{background:#f5f7f1;border-color:#376249;outline-color:#376249} [data-motion=cinematic] :is(.header,.footer) a{transition:color 220ms ease} [data-motion=cinematic] .section-label:after{background:linear-gradient(90deg,currentColor,transparent);opacity:.3} [data-motion=cinematic] .routes{margin-top:48px} [data-motion=cinematic] .hero .image-note{font-size:12px;max-width:calc(100% - 48px);text-align:center} [data-motion=cinematic] :is(.iwp,.foundation) :is(a,button):focus-visible{outline-color:#b2d5bd} [data-motion=cinematic] .skip:focus{top:12px;z-index:50} @media(hover:hover) and (pointer:fine){ [data-motion=cinematic] .positioning-banner:hover{box-shadow:inset 0 1px 0 #fff,0 27px 54px -30px #17291d50,0 5px 12px -8px #0a0b0c20} [data-motion=cinematic] .principles article:not(:last-child):hover{background-color:#f4f6ef;border-top-color:#4d7659} [data-motion=cinematic] .principles article:last-child:hover{background-color:#1a3525} [data-motion=cinematic] .routes article:hover{border-color:#b6c8b3;box-shadow:0 22px 44px -32px #203d2a40} } @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){[data-motion=cinematic] .positioning-banner:hover{transform:translateY(-2px)}} @media(max-width:1200px){[data-motion=cinematic] .study-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}[data-motion=cinematic] .study-tabs button{min-width:0;padding:12px 10px;gap:7px}} @media(min-width:681px) and (max-width:1000px){[data-motion=cinematic] .iwp-pillars .pillar-lead{min-height:2.8em}[data-motion=cinematic] .header nav{gap:18px;font-size:13px}} @media(max-width:680px){ .platform-context{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:12px;padding:14px 0}.platform-status{white-space:normal} [data-motion=cinematic] .study-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} [data-motion=cinematic] .study-tabs button{padding:11px 8px;min-height:48px} [data-motion=cinematic] .study-tabs button span{font-size:14px} [data-motion=cinematic] .positioning-banner p{-webkit-text-stroke:0} [data-motion=cinematic] .routes{margin-top:32px} [data-motion=cinematic] .form-bottom{flex-direction:column;gap:16px} [data-motion=cinematic] .form-bottom p{max-width:34ch} } @media(prefers-reduced-motion:reduce){[data-motion=cinematic] *,[data-motion=cinematic] *:before,[data-motion=cinematic] *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}} /* A complete framed image floats independently of its caption and softer halo. */ [data-motion=cinematic] .iwp-material{padding-top:32px} [data-motion=cinematic] .iwp-material>img{box-shadow:0 0 0 4px #14251c,0 0 0 5px #8cb79b38,0 26px 45px -16px #0009,0 9px 18px -12px #000b;transform:translate3d(0,var(--glass-offset,0px),0);transition:box-shadow 650ms ease} [data-motion=cinematic] .iwp-material:before{transform:translate3d(0,var(--glass-halo-offset,0px),0)} [data-motion=cinematic] .iwp-material.glass-parallax-active>img{will-change:transform} [data-motion=cinematic] .iwp-material figcaption{padding-top:52px} @media(hover:hover) and (pointer:fine){[data-motion=cinematic] .iwp-material:hover>img{transform:translate3d(0,var(--glass-offset,0px),0);box-shadow:0 0 0 4px #172c21,0 0 0 5px #a3d3b35c,0 34px 56px -18px #000a,0 12px 22px -12px #000b}} @media(max-width:680px){[data-motion=cinematic] .iwp-material{padding-top:24px}[data-motion=cinematic] .iwp-material figcaption{padding-top:44px}} @media(prefers-reduced-motion:reduce){[data-motion=cinematic] .iwp-material>img,[data-motion=cinematic] .iwp-material:hover>img,[data-motion=cinematic] .iwp-material:before{transform:none;will-change:auto}} /* Let the longer purpose label wrap without crowding its section number. */ #vision .section-label>.index{flex-shrink:0} #vision .section-label>span:last-child{min-width:0} #vision .section-label:after{flex-shrink:0} @media(max-width:680px){#vision .section-label:after{display:none}} /* Give every principle's highlighted surface a comfortable text inset. */ [data-motion=cinematic] .principles article, [data-motion=cinematic] .principles article:first-child, [data-motion=cinematic] .principles article:last-child{padding:36px clamp(24px,2.8vw,40px) 42px} @media(max-width:680px){ [data-motion=cinematic] .principles article, [data-motion=cinematic] .principles article:first-child, [data-motion=cinematic] .principles article:last-child{padding:30px 24px 36px} } /* An even, gentle warmth appears across the statement panel on hover. */ [data-motion=cinematic] .positioning-banner{isolation:isolate;overflow:hidden} [data-motion=cinematic] .positioning-banner p{position:relative;z-index:1;width:fit-content;max-width:100%} [data-motion=cinematic] .positioning-banner:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#eddba52b,#e7cc8a14 60%,#eddda31f);opacity:0;transition:opacity 400ms ease} @media(hover:hover) and (pointer:fine){[data-motion=cinematic] .positioning-banner.warm-light-on:before{opacity:.75}} @media(prefers-reduced-motion:reduce){[data-motion=cinematic] .positioning-banner:before{transition:none}} /* A restrained light glints along the existing hero underline. */ [data-motion=cinematic] .hero h1 em:after{background:linear-gradient(90deg,#85ad96,#c1d1b2,#85ad96);opacity:.7} [data-motion=cinematic] .hero h1 em:before{content:"";position:absolute;z-index:1;left:3%;right:0;bottom:-.07em;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,#ecedd1a6 42%,#fff9e9 50%,#ecedd1a6 58%,transparent 100%) -45% 0/28% 100% no-repeat;opacity:0} @media(prefers-reduced-motion:no-preference){ @keyframes thrive-brand-glint{ 0%,12%{background-position:-45% 0;opacity:0} 18%{opacity:.9} 44%{background-position:145% 0;opacity:.9} 50%,100%{background-position:145% 0;opacity:0} } [data-motion=cinematic] .hero h1 em:before{animation:thrive-brand-glint 8s ease-in-out 1.4s 3} } @media(prefers-reduced-motion:reduce){[data-motion=cinematic] .hero h1 em:before{display:none}} /* The Brand card deepens into a vivid Thrive green on hover. */ @media(hover:hover) and (pointer:fine){ [data-motion=cinematic] .principles article.principle-brand:hover{background-color:#125139;border-color:#125139} } /* Clear lead statements and comfortable reading measures for the two introductions. */ [data-motion=cinematic] #approach .thesis-grid .reading-blocks, [data-motion=cinematic] #vision .vision-description.reading-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,64px);width:100%;max-width:1040px;margin:0;padding:0;align-items:start} [data-motion=cinematic] #vision .vision-intro{grid-template-columns:1fr;gap:32px;align-items:start} [data-motion=cinematic] #approach .reading-blocks p, [data-motion=cinematic] #vision .reading-blocks p{width:auto;max-width:46ch;margin:0;font-size:16px;line-height:1.7;color:#535f56} [data-motion=cinematic] .reading-blocks .copy-lead{display:block;font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.2;letter-spacing:-.01em;color:#234b36;margin-bottom:14px;text-wrap:pretty} [data-motion=cinematic] .reading-blocks .copy-detail{display:block;text-wrap:pretty} [data-motion=cinematic] .reading-blocks .copy-detail+.copy-detail{margin-top:12px} @media(max-width:680px){ [data-motion=cinematic] #approach .thesis-grid .reading-blocks, [data-motion=cinematic] #vision .vision-description.reading-blocks{grid-template-columns:1fr;gap:28px} [data-motion=cinematic] #vision .vision-intro{gap:28px} [data-motion=cinematic] .reading-blocks .copy-lead{font-size:25px;margin-bottom:10px} } /* A narrow gold reflection follows the cursor, clipped to the lettering. */ [data-motion=cinematic] .positioning-banner .glint-line{position:relative;width:fit-content;max-width:100%} [data-motion=cinematic] .positioning-banner .text-glint{position:absolute;inset:0;display:block;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,transparent calc(var(--glint-x,-200px) - 34px),#9e772a99 calc(var(--glint-x,-200px) - 14px),#c7a34c var(--glint-x,-200px),#9e772a99 calc(var(--glint-x,-200px) + 14px),transparent calc(var(--glint-x,-200px) + 34px));background-clip:text;-webkit-background-clip:text;opacity:0;transition:opacity 140ms ease} @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ [data-motion=cinematic] .positioning-banner .glint-line.is-shimmering .text-glint{opacity:.85} } @media(prefers-reduced-motion:reduce),(forced-colors:active){[data-motion=cinematic] .positioning-banner .text-glint{display:none}} /* Short, clearly separated reading blocks throughout IWP. */ .mandate-copy{min-width:0;color:#e9eee9}.mandate-copy p+p{margin-top:16px} [data-motion=cinematic] #iwp .iwp-copy>p{font-size:16px;line-height:1.65;max-width:43ch;color:#d0dcd2;text-wrap:pretty} [data-motion=cinematic] #iwp .iwp-copy>p+p{margin-top:18px} [data-motion=cinematic] #iwp .iwp-copy>p.iwp-intro-lead{font-size:20px;line-height:1.45;max-width:34ch;color:#f0f4ed;margin-bottom:22px} [data-motion=cinematic] #iwp .iwp-pillars p:not(.pillar-lead){font-size:16px;line-height:1.65;max-width:34ch;color:#d0dcd2;text-wrap:pretty} [data-motion=cinematic] #iwp .iwp-pillars p:not(.pillar-lead)+p{margin-top:14px} [data-motion=cinematic] #iwp .iwp-pillars .pillar-lead{color:#b8d0bd;margin-bottom:18px} [data-motion=cinematic] #iwp .mandate-copy{max-width:42ch;align-self:center} [data-motion=cinematic] #iwp .mandate-copy p{font-size:16px;line-height:1.65;color:#d0dcd2;text-wrap:pretty} @media(min-width:681px){[data-motion=cinematic] #iwp .iwp-pillars .pillar-lead+p{min-height:3.3em}} @media(max-width:680px){ [data-motion=cinematic] #iwp .iwp-copy>p.iwp-intro-lead{font-size:19px;max-width:36ch} [data-motion=cinematic] #iwp .iwp-pillars p:not(.pillar-lead){max-width:42ch} } /* Enquiry topics: native radio controls presented as quiet, tactile choices. */ #contact .enquiry-topics{border:0;padding:0;margin:0 0 32px;min-width:0} #contact .enquiry-topics legend{padding:0;margin-bottom:14px;font-size:14px;line-height:1.5;color:#3d493f} #contact .enquiry-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #contact .enquiry-option{position:relative;display:block;margin:0;cursor:pointer} #contact .enquiry-option>input{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden} #contact .enquiry-option>span{display:flex;align-items:center;gap:12px;min-height:84px;padding:16px 14px;background:#fafbf7;border:1px solid #dbe1d5;border-radius:3px;color:#455447;font-size:15px;line-height:1.45;transition:background-color 220ms ease,border-color 220ms ease,box-shadow 220ms ease} #contact .enquiry-marker{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:1px solid #b3c0ad;color:transparent;font-size:11px;line-height:1;transition:background-color 220ms ease,border-color 220ms ease,color 220ms ease} #contact .enquiry-marker:after{content:"✓"} #contact .enquiry-option>input:checked+span{background:#e8eee3;border-color:#839a79;color:#173e2b;box-shadow:inset 0 0 0 1px #839a791a} #contact .enquiry-option>input:checked+span .enquiry-marker{background:#234b36;border-color:#234b36;color:#f8fbf4} #contact .enquiry-option>input:focus-visible+span{outline:2px solid #376249;outline-offset:3px} @media(hover:hover) and (pointer:fine){#contact .enquiry-option:hover>span{border-color:#a5b79a;background:#f0f4eb}#contact .enquiry-option:has(input:checked):hover>span{background:#e2eadb;border-color:#6f8c65}} [data-design=architecture] #contact .enquiry-topics legend{color:#c5d3c8} [data-design=architecture] #contact .enquiry-option>span{background:#17261e;border-color:#405246;color:#d0dcd1} [data-design=architecture] #contact .enquiry-option>input:checked+span{background:#284232;border-color:#91ad94;color:#f0f6ee} @media(max-width:380px){#contact .enquiry-options{grid-template-columns:1fr}#contact .enquiry-option>span{min-height:62px}} @media(prefers-reduced-motion:reduce){#contact .enquiry-option>span,#contact .enquiry-marker{transition:none}} /* Vision subtitles match the body scale, with clear black emphasis. */ [data-motion=cinematic] #vision .reading-blocks .copy-lead{font-family:inherit;font-size:1em;font-weight:500;line-height:inherit;letter-spacing:normal;color:#0a0b0c;margin-bottom:12px} /* A quiet architectural folio, exclusive to Refined in motion. */ [data-motion=cinematic] #vision .book-shell{--page-width:86%;--page-inset:7%;--page-gap:12px;--peek-shift:0px;padding-top:22px;padding-bottom:28px} [data-motion=cinematic] #vision .book-shell .study-panel{overflow:hidden;border:1px solid #d5dcd1;background:#fcfdf9;box-shadow:0 14px 30px -22px #20312650} [data-motion=cinematic] #vision .study-scene{padding:20px;background:transparent;box-shadow:none} [data-motion=cinematic] #vision .book-shell .study-scene>img{display:block;width:100%;height:auto;aspect-ratio:3/2;max-height:none;object-fit:contain;object-position:center;background:#edf0e8} [data-motion=cinematic] #vision .study-caption{height:var(--gallery-caption-height,160px);min-height:0;padding:22px 0 6px} [data-motion=cinematic] #vision .study-caption h3{font-size:clamp(27px,2.5vw,36px);line-height:1.12;margin:0 0 10px} [data-motion=cinematic] #vision .study-caption p{font-size:15px;line-height:1.6;max-width:64ch;margin:0} [data-motion=cinematic] #vision .gallery-caption-measure{position:absolute;top:0;left:20px;right:20px;visibility:hidden;pointer-events:none} [data-motion=cinematic] #vision .gallery-caption-measure .study-caption{height:auto;min-height:0} [data-motion=cinematic] #vision .book-shell .book-peek{top:22px;height:calc(100% - 50px);border-color:#dce2d7;box-shadow:none;transform:none;z-index:1;transition:opacity 260ms ease,filter 300ms ease;filter:saturate(.75) contrast(.9)} [data-motion=cinematic] #vision .book-shell .book-peek.is-ready{opacity:.58} [data-motion=cinematic] #vision .book-peek-page{padding:20px;background:#f7f9f3} [data-motion=cinematic] #vision .book-peek-page img{display:block;width:100%;height:auto;aspect-ratio:3/2;max-height:none;object-fit:contain} [data-motion=cinematic] #vision .book-peek-title,[data-motion=cinematic] #vision .book-peek-label,[data-motion=cinematic] #vision .book-peek-heading{display:none} [data-motion=cinematic] #vision .book-shell .book-peek:is(:hover,:focus-visible){transform:none;z-index:1;box-shadow:none;filter:none;opacity:.9} [data-motion=cinematic] #vision .book-shell .book-peek:focus-visible{outline:2px solid #51765c;outline-offset:-3px} [data-motion=cinematic] #vision .book-shell.is-turning .book-peek{opacity:0;pointer-events:none} [data-motion=cinematic] #vision .study-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:0 0 12px;margin-bottom:0} [data-motion=cinematic] #vision .study-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:46px;padding:10px 6px;margin:0;background:transparent;border:1px solid transparent;border-radius:5px;color:#788376;box-shadow:none;transform:none;font-size:11px;transition:background-color 240ms ease,color 240ms ease,border-color 240ms ease} [data-motion=cinematic] #vision .study-tabs button span{margin:0;font-size:14px;color:#526151} [data-motion=cinematic] #vision .study-tabs button[aria-selected=true]{background:#e2eade;border-color:#c9d5c4;color:#49654d;box-shadow:none;transform:none} [data-motion=cinematic] #vision .study-tabs button[aria-selected=true] span{color:#173e2b} [data-motion=cinematic] #vision .study-tabs button:is(:hover,:focus-visible){background:#eaf0e6;border-color:#cfdbca;box-shadow:none;transform:none} [data-motion=cinematic] #vision .study-tabs button[aria-selected=true]:is(:hover,:focus-visible){background:#dbe6d5} [data-motion=cinematic] #vision .study-tabs button:is(:hover,:focus-visible) span{color:#173e2b} [data-motion=cinematic] #vision .magazine-controls{width:86%;margin-inline:auto;gap:12px;padding:10px 0;border-bottom:1px solid #d5dcd1} [data-motion=cinematic] #vision .magazine-controls button{border-color:transparent;border-radius:4px;padding:8px 10px;min-height:44px;font-size:13px;transition:background-color 240ms ease,color 240ms ease} [data-motion=cinematic] #vision .magazine-controls button:not(:disabled):hover{background:#e2eade;color:#173e2b;border-color:transparent} [data-motion=cinematic] #vision .magazine-controls button:hover .magazine-next-label{color:#5c6d5e} [data-motion=cinematic] #vision .magazine-count{font-size:12px;letter-spacing:.08em} [data-motion=cinematic] #vision .magazine-count span{font-size:11px} @media(max-width:1200px){[data-motion=cinematic] #vision .study-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:680px){ [data-motion=cinematic] #vision .book-shell{--page-width:90%;--page-inset:5%;--page-gap:6px;padding-top:16px;padding-bottom:22px} [data-motion=cinematic] #vision .study-scene,[data-motion=cinematic] #vision .book-peek-page{padding:12px} [data-motion=cinematic] #vision .gallery-caption-measure{left:12px;right:12px} [data-motion=cinematic] #vision .study-caption{padding-top:18px} [data-motion=cinematic] #vision .study-caption h3{font-size:28px} [data-motion=cinematic] #vision .study-caption p{font-size:15px} [data-motion=cinematic] #vision .book-shell .book-peek{top:16px;height:calc(100% - 38px)} [data-motion=cinematic] #vision .study-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px} [data-motion=cinematic] #vision .magazine-controls{width:90%;gap:6px} } @media(prefers-reduced-motion:reduce){[data-motion=cinematic] #vision .book-peek,[data-motion=cinematic] #vision .study-tabs button,[data-motion=cinematic] #vision .magazine-controls button{transition:none}} /* A quiet location line immediately above the footer. */ .presence-inner{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:12px 32px;padding:26px 0 30px;border-top:1px solid var(--line)} .presence h2{font-family:var(--sans);font-size:11px;font-weight:500;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;color:#657268} .presence p{font-size:15px;line-height:1.7;color:#384b3e;letter-spacing:.02em} .presence p span{color:#9aa69c;padding:0 8px} @media(max-width:680px){.presence-inner{flex-direction:column;align-items:center;gap:8px;padding:24px 0}.presence p{font-size:14px}.presence p span{padding:0 6px}} /* Repeat the home wordmark above the moving stone. */ .foundation-image{position:relative} .stone-wordmark{position:absolute;top:var(--stone-wordmark-top,212px);left:32px;z-index:1;color:#fff;pointer-events:none;text-shadow:0 2px 12px #0008} @media(max-width:680px){.stone-wordmark{top:106px;left:24px;font-size:24px}} /* Give the partnership introduction a clear hierarchy beside the headline. */ .partnership .section-heading{align-items:center;gap:7%} .partnership-intro{flex:0 0 40%;padding:4px 0 4px 24px;border-left:2px solid #abc5b1} .partnership .partnership-intro p{width:auto;max-width:38ch;margin:0;font-size:16px;line-height:1.65;color:#565f58} .partnership .partnership-intro .partnership-intro-lead{font-size:20px;line-height:1.5;color:var(--ink);font-weight:500;margin-bottom:12px} @media(max-width:680px){.partnership-intro{margin-top:28px;padding-left:18px}.partnership .partnership-intro .partnership-intro-lead{font-size:19px}} /* Position the stationary wordmark inside the photograph, beyond its reserved parallax clearance. */ /* Leadership follows the site's serif typography, fine rules and restrained green palette. */ .leadership{background:#f3f4f0;margin-top:64px} .leadership-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8%;margin-bottom:48px} .leadership-intro h2{font-size:clamp(46px,5vw,76px);line-height:1.06} .leadership-intro>p{font-size:17px;line-height:1.7;color:#535e55;max-width:43ch} .leadership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,6vw,96px)} .leader-profile{min-width:0} .leader-portrait{aspect-ratio:4/5;max-height:520px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#182e23,#0e1c16);border:1px solid #294635;margin-bottom:28px} .leader-portrait:after{content:'';position:absolute;inset:18px;border:1px solid #c2d4c321;pointer-events:none} .leader-initials{font-family:var(--serif);font-size:clamp(80px,11vw,160px);line-height:1;letter-spacing:-.04em;color:#b9cab448;user-select:none} .leader-portrait img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0} .leader-heading{padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #cdd6cd} .leader-heading h3{font-size:clamp(34px,3.1vw,46px);line-height:1.1;margin-bottom:10px;color:var(--ink)} .leader-role{font-size:14px;line-height:1.5;color:#176044} .leader-bio{max-width:51ch;font-size:16px;line-height:1.75;color:#535e55} .leader-bio p+p{margin-top:18px} @media(max-width:900px){.leadership-intro{grid-template-columns:1fr;gap:24px}.leadership-intro>p{max-width:58ch}.leader-portrait{max-height:440px}} @media(max-width:680px){.leadership{margin-top:40px}.leadership-intro{margin-bottom:34px}.leadership-intro h2{font-size:48px}.leadership-intro>p{font-size:16px}.leadership-grid{grid-template-columns:1fr;gap:48px}.leader-portrait{max-height:none;aspect-ratio:4/5;margin-bottom:24px}.leader-initials{font-size:110px}.leader-heading h3{font-size:38px}.leader-bio{max-width:none}} /* Supplied leadership portraits retain their complete original composition. */ .leader-profile{width:100%;max-width:420px;justify-self:center} .leader-portrait{display:block;aspect-ratio:auto;max-height:none;background:#e9ede5;border:1px solid #cdd6cd;box-shadow:0 16px 32px -26px #12271e66} .leader-portrait:after{display:none} .leader-portrait img{position:static;display:block;width:100%;height:auto;object-fit:contain} @media(max-width:680px){.leader-profile{max-width:420px}.leader-portrait{aspect-ratio:auto;max-height:none}} /* Short reading blocks give the introduction and biographies a clearer hierarchy. */ .leadership-intro-copy{border-left:2px solid #abc5b1;padding:4px 0 4px 24px;max-width:45ch} .leadership-intro-copy p{font-size:16px;line-height:1.7;color:#535e55;margin:0} .leadership-intro-copy .leadership-intro-lead{font-size:20px;line-height:1.5;font-weight:500;color:var(--ink);margin-bottom:14px} .leader-bio{max-width:45ch;line-height:1.7} .leader-bio .leader-bio-lead{color:var(--ink);font-weight:500} .leader-bio p+p{margin-top:20px} @media(max-width:680px){.leadership-intro-copy{padding-left:18px;max-width:none}.leadership-intro-copy .leadership-intro-lead{font-size:19px}.leader-bio{max-width:none}} /* Portraits presented as framed prints, retaining the complete photographs. */ .leader-portrait{padding:10px;background:#fcfcf9;border:1px solid #bdc9be;border-radius:2px;overflow:visible;margin-bottom:34px;box-shadow:0 2px 4px -2px #15281d24,0 18px 36px -22px #15281d55,0 36px 60px -42px #15281d45;transition:transform 420ms cubic-bezier(.2,.65,.3,1),box-shadow 420ms,border-color 420ms} .leader-portrait img{outline:1px solid #203b2424;outline-offset:0} @media(hover:hover) and (pointer:fine){.leader-portrait:hover{transform:translateY(-3px);border-color:#8fa895;box-shadow:0 3px 6px -3px #15281d29,0 22px 42px -22px #15281d66,0 40px 64px -42px #15281d4d}} @media(max-width:680px){.leader-portrait{padding:8px;margin-bottom:30px}} @media(prefers-reduced-motion:reduce){.leader-portrait{transition:none}.leader-portrait:hover{transform:none}} .contact .required-marker{color:var(--green);margin-left:2px} .contact .field-optional{color:#687269;font-size:12px;margin-left:4px;font-weight:400} /* Keep the longer partnership invitation comfortably within its column. */ .contact h2{font-size:clamp(42px,4.3vw,66px);line-height:1.08;overflow-wrap:normal;text-wrap:balance} .contact h2 em{display:inline-block;max-width:100%} @media(max-width:680px){.contact h2{font-size:clamp(36px,8.6vw,56px)}} /* A green outer frame and white inset line distinguish the email action. */ .contact .send{position:relative;border:2px solid var(--green);padding:16px 21px} .contact .send:before{content:'';position:absolute;inset:0;border:2px solid #fff;border-radius:6px 16px 6px 6px;pointer-events:none} @media(max-width:680px){.contact .send{padding:15px}} /* Give the email note room for its two deliberate lines. */ .contact .form-bottom #form-status{max-width:none;width:100%} /* Distinguish established presence from origination markets. */ .presence-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0;padding:28px 0 32px} .presence-group{text-align:center;padding:0 20px;min-width:0} .presence-group+ .presence-group{border-left:1px solid var(--line)} .presence-group h2{font-size:12px;margin-bottom:9px} .presence-group p{max-width:none} @media(max-width:680px){.presence-inner{grid-template-columns:1fr;gap:22px;padding:26px 0}.presence-group{padding:0}.presence-group+ .presence-group{border-left:0;border-top:1px solid var(--line);padding-top:22px}} /* Final QA: give phone form fields a comfortable reading width. */ @media(max-width:480px){.contact .form-row{grid-template-columns:minmax(0,1fr);gap:24px}.foundation .year{font-size:clamp(52px,15vw,68px);white-space:nowrap}} /* Use a complete, generous stone image before the copy on portrait tablets. */ @media(min-width:681px) and (max-width:900px){ .foundation{grid-template-columns:minmax(0,1fr)} [data-motion=cinematic] .foundation-image{min-height:0;padding-block:48px} .foundation-copy{padding:44px 40px 52px} .stone-wordmark{top:106px;left:40px} .foundation .year{font-size:68px} .foundation h2{font-size:42px} .foundation-copy>p:not(.year){max-width:58ch} } /* Keep small, unselected gallery numbers legible against the pale panel. */ [data-motion=cinematic] #vision .study-tabs button:not([aria-selected=true]){color:#596a59} /* Keep the four section links together; use the compact header below desktop. */ @media(min-width:681px) and (max-width:900px){.header nav>a:not(.nav-contact){display:none}} /* Quiet, legible company details directly below the copyright notice. */ .footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:32px} .footer-legal{max-width:720px;justify-self:center;text-align:center} .footer .footer-copyright{color:#536056;margin:0} .footer .footer-disclosure{margin:10px 0 0;max-width:none;font-size:12px;line-height:1.7;color:#6b756d} .footer-disclosure span{display:block} .footer-disclosure a{text-decoration:underline;text-decoration-color:#c1c9c2;text-underline-offset:3px} .footer .footer-disclosure a:hover{color:#176044;text-decoration-color:currentColor} @media(max-width:680px){.footer{grid-template-columns:minmax(0,1fr);gap:20px}.footer-legal{justify-self:start;text-align:left}.footer .footer-disclosure{margin-top:9px}.footer>a:last-child{justify-self:start}} /* A quiet shared standard beneath both partnership routes. */ .partnership-standard{max-width:68ch;margin:48px auto 0;padding-top:30px;border-top:1px solid var(--line);text-align:center;text-wrap:balance;font-size:18px;line-height:1.75;color:#536056} .partnership-standard strong{font-weight:600;color:#176044} @media(max-width:680px){.partnership-standard{margin-top:36px;padding-top:24px;text-align:left;text-wrap:pretty}} /* A tapered green signature below the shared partnership standard. */ .partnership-swoosh{display:block;width:160px;height:auto;margin:18px auto 0;color:#176044;pointer-events:none} @media(max-width:680px){.partnership-swoosh{width:132px;margin:16px 0 0}} /* v50: prepared scroll entrances, with a static, accessible fallback. */ @media (prefers-reduced-motion:no-preference) { .motion-boot :is([data-scroll-text],[data-scroll-soft],[data-scroll-image],.leader-portrait,#iwp .iwp-stages li){visibility:hidden} .motion-word{display:inline-block;white-space:pre;vertical-align:baseline} .motion-text-pending .motion-word,.motion-soft-pending{opacity:0} } @media (prefers-reduced-motion:reduce){.motion-word,.motion-soft-pending{opacity:1!important;transform:none!important}} @media print{.motion-boot *{visibility:visible!important}.motion-word,.motion-soft-pending{opacity:1!important;transform:none!important}} /* Foundation wordmark shares the date’s display scale, with room on narrow screens. */ .foundation .stone-wordmark{font-size:78px} @media(min-width:901px) and (max-width:1000px){.foundation .stone-wordmark{font-size:60px}} @media(min-width:681px) and (max-width:900px){.foundation .stone-wordmark{font-size:68px}} @media(max-width:680px){.foundation .stone-wordmark{font-size:clamp(44px,15vw,72px)}} @media(max-width:480px){.foundation .stone-wordmark{font-size:clamp(44px,15vw,68px)}} /* One entrance owns each text block; the hero no longer runs a second CSS fade. */ [data-motion=cinematic] .hero :is(h1,.hero-intro)[data-scroll-text]{animation:none} .motion-text-pending .text-glint{visibility:hidden} /* Image waiting states must outrank the glass image’s base opacity rule. */ @media(prefers-reduced-motion:no-preference){ html[data-motion=cinematic] .motion-soft-pending{opacity:0} } /* The decoded scroll entrance owns the hero image fade, including on mobile. */ [data-motion=cinematic] .hero-photo img[data-scroll-image]{animation:none} /* Bring the stone wordmark toward the Foundation date, preserving its shared scale. */ .foundation .stone-wordmark{left:auto;right:32px;text-align:right} @media(min-width:681px) and (max-width:900px){.foundation .stone-wordmark{right:40px}} @media(max-width:680px){.foundation .stone-wordmark{right:24px}}