/* Direction 03: shaped panels and layered scroll storytelling. */
:root{--paper:#f3f8fc;--ink:#061e35;--blue:#63c5f5;--muted:#50677a;--line:#ccdfed}
.site-header{background:#061e35;color:#fff}.site-header .brand small{color:#b4bfc1}.site-header .nav-inner{border-color:#ffffff20}.site-header nav a[aria-current=page]{color:#8bd8ff}.nav-cta{background:#8bd8ff;color:#061e35;border-color:#8bd8ff;border-radius:12px}.button{background:#8bd8ff;border-color:#8bd8ff;color:#061e35;border-radius:12px}.button:hover{background:#62c5f3}.text-link:hover{color:#12628c}.monogram{font-size:36px}
.home-opening{background:#061e35;color:#fff;position:relative;isolation:isolate;padding-bottom:100px}.editorial-hero{padding:95px 0 90px}.editorial-hero .eyebrow,.hero-kicker .label{color:#afbcbe}.hero-title{font-size:clamp(75px,8.8vw,140px);font-weight:400;line-height:1.02;margin:60px 0}.hero-title em{margin-left:0;color:#8bd8ff}.hero-summary>p{color:#c0c9ca}.editorial-hero .text-link{color:#fff;border-color:#647373}.stage{background:#103c5c;border-radius:72px 72px 0 0;margin:0 24px;min-height:750px;position:relative;z-index:2;color:#fff}.stage h2 em{color:#8bd8ff}.stage::before{border-color:#76a4c433}.stage .text-link{color:#cfe0ec}.stage-media .product-window{rotate:0;border-radius:14px;overflow:hidden}.editorial-note{padding:32px 0;color:#a6b1b9;border-color:#333d44}
.shaped-panel{position:relative;border-radius:80px 80px 0 0;background:var(--paper);margin-top:-70px;z-index:3;padding-top:115px;padding-bottom:145px}.shaped-panel::before{content:'';position:absolute;top:-21px;left:calc(50% - 21px);width:42px;height:42px;background:inherit;border-radius:10px;rotate:45deg;pointer-events:none}.shaped-panel.dark-section{background:#061e35;color:#fff}.shaped-panel.dark-section em{color:#8bd8ff}.shaped-panel.dark-section .step .number{color:#8bd8ff}.shaped-panel.personal-panel{background:#dceef9}.shaped-panel.archive-panel{background:#f3f8fc}.shaped-panel .section-head{margin-bottom:65px}.feature-media,.project-card .image-box,.portrait-block,.design-ribbon img,.case-cover,.gallery button{border-radius:28px}.feature-media{background:#d9edf8}.feature-copy .label.blue{color:#12628c}.project-grid .project-card{background:transparent}.cta-section{position:relative;z-index:4;background:#8bd8ff;border-radius:80px 80px 0 0;margin-top:-70px;padding:100px 0}.cta-section .button{background:#061e35;color:#fff;border-color:#061e35}.site-footer{background:#061e35;padding-top:75px}.page-intro,.case-hero{padding-top:85px}.case-cover{box-shadow:0 25px 70px #152b3c0d}.case-body{position:relative;background:var(--paper);border-radius:48px 48px 0 0}.credential-card:hover{box-shadow:none}.contact-form{background:#e3f0f9;padding:38px;border:0;border-radius:30px}.contact-layout .button{background:#061e35;color:#fff}.contact-layout{padding-bottom:140px}.contact-layout .intro{font-size:19px}.proof-box{border-radius:25px;background:#deedf8}.about-hero .portrait-block{border-radius:100px 28px 100px 28px}.about-hero .button{background:#061e35;color:#fff}.gallery-cover{border-radius:45px}.next-project{padding-bottom:100px}.guide-layout{padding-bottom:145px}
/* Actual panel stacking: each work item overtakes the previous one. */
.stack-projects{display:block;padding-bottom:60px}.stack-projects .project-card,.stack-projects .project-card:nth-child(even){margin:0 0 90px;background:#e1eef8;border:1px solid #bed5e6;border-radius:36px;padding:35px;box-shadow:0 -12px 35px #09283f0a}.stack-projects .project-card:nth-child(2n){background:#e0e9ed}.stack-projects .project-card:nth-child(3n){background:#d1e5f5}.stack-projects .project-card>a:first-child{display:grid;grid-template-columns:1.2fr 1fr;column-gap:55px;align-content:center}.stack-projects .image-box{grid-row:1 / 5;height:420px;background:#ffffff65;padding:25px}.stack-projects .project-meta{margin-top:20px}.stack-projects .project-title{align-self:start}.stack-projects .project-title h3{font-size:50px}.stack-projects .project-outbound{justify-content:flex-end;border:0;margin:18px 0 0;padding:0}.stack-projects .project-card p{font-size:17px}
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){.home-opening .editorial-hero{position:sticky;top:-160px;z-index:0}.stack-projects .project-card{position:sticky;top:calc(22px + var(--stack-index,0)*10px)}}
@media(max-width:1000px){.stack-projects .project-card>a:first-child{gap:25px}.stack-projects .image-box{height:360px}.stack-projects .project-title h3{font-size:38px}.stage{margin:0 14px;border-radius:50px 50px 0 0}}
@media(max-width:760px){nav{background:#061e35;color:#fff}.menu-toggle{color:#fff}.hero-title{font-size:clamp(56px,12vw,90px);margin:35px 0}.editorial-hero{padding:55px 0 65px}.home-opening{padding-bottom:65px}.stage{margin:0 10px;padding:55px 20px 65px;border-radius:36px 36px 0 0}.stage h2{font-size:57px}.stage-media{padding:50px 5px}.stage-tag{font-size:8px}.shaped-panel{border-radius:36px 36px 0 0;margin-top:-35px;padding-top:75px;padding-bottom:95px}.shaped-panel::before{width:28px;height:28px;top:-14px;left:calc(50% - 14px);border-radius:6px}.shaped-panel .section-head{margin-bottom:35px}.cta-section{border-radius:36px 36px 0 0;margin-top:-35px;padding:70px 0}.stack-projects .project-card,.stack-projects .project-card:nth-child(even){padding:20px;margin-bottom:30px;border-radius:25px}.stack-projects .project-card>a:first-child{display:block}.stack-projects .image-box{height:300px;padding:15px}.stack-projects .project-title h3{font-size:35px}.stack-projects .project-outbound{justify-content:flex-start}.stack-projects .project-card p{font-size:15px}.feature-media,.project-card .image-box,.portrait-block,.design-ribbon img{border-radius:20px}.contact-form{padding:24px}.contact-layout{padding-bottom:85px}.about-hero .portrait-block{border-radius:65px 20px 65px 20px}.page-intro,.case-hero{padding-top:50px}.case-cover{border-radius:24px}.site-footer{padding-top:50px}}
.blue{color:#12628c}.site-header .nav-cta:hover{color:#061e35}

/* About: confidence figures strip (added per owner request) */
.about-figures .figure-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.about-figures .figure{display:flex;flex-direction:column;gap:8px}
.about-figures .figure-num{font-weight:800;font-size:clamp(40px,6vw,64px);line-height:1;letter-spacing:-.02em;color:#12628c}
.about-figures .figure-label{color:var(--muted);font-size:15px;line-height:1.45;max-width:24ch}
@media(max-width:760px){.about-figures .figure-strip{grid-template-columns:1fr 1fr;gap:26px}}

/* Sticky header (added per owner request) */
.site-header{position:sticky;top:0;z-index:1000;box-shadow:0 6px 22px rgba(6,30,53,.18)}
[id]{scroll-margin-top:118px}
.toc{top:120px}
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){.stack-projects .project-card{top:calc(118px + var(--stack-index,0)*10px)}}
@media(max-width:760px){[id]{scroll-margin-top:96px}}