/* DRAFTIDE design study — scoped progressive enhancement */
body{--motion-y:0px}.reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;transform:scaleX(var(--progress,0));transform-origin:left;background:var(--coral);z-index:100;pointer-events:none}.motion-control{position:fixed;bottom:18px;right:18px;z-index:40;border:1px solid #bd4c4055;border-radius:30px;background:#fffdfbf2;color:#73675f;padding:8px 16px;font-size:11px;cursor:pointer;box-shadow:0 3px 20px #302c2a08}.site-header{height:90px;background:#fffdfbee;border-bottom:0}.site-header .logo{width:194px}.site-header nav{gap:32px}.site-header nav a{font-size:12px}.editorial-hero{display:block;position:relative;min-height:calc(100svh - 90px);max-width:none;padding:6vh 7% 70px;isolation:isolate}.editorial-hero>div{position:relative;z-index:2;pointer-events:none}.editorial-hero h1{font-size:clamp(68px,8.5vw,140px);letter-spacing:-.065em;line-height:1.05;max-width:900px;font-weight:400}.editorial-hero .eyebrow{letter-spacing:.25em;margin-bottom:28px}.editorial-hero .hero-jp{margin-top:40px;font-size:15px;line-height:2.3;max-width:400px}.editorial-hero .hero-composition{position:absolute;inset:0 0 0 25%;z-index:-1;max-width:none;margin:0;overflow:hidden;opacity:.85}.editorial-hero .hero-composition img{width:100%;height:100%;object-fit:cover;margin:0;mix-blend-mode:multiply;transform:translateY(var(--motion-y)) scale(1.1)}.scroll-cue{position:absolute;bottom:32px;left:7%;font:9px/1.5 sans-serif;letter-spacing:.24em;display:flex;align-items:center;gap:25px}.scroll-cue i{font:25px Georgia;display:block}.chapters{background:var(--paper);padding:26px 7%;gap:24px 45px}.chapters a{font-size:10px;letter-spacing:.06em}.chapter,.story-section,.values,.culture{padding-top:120px;padding-bottom:120px}.chapter>.eyebrow,.section-label{display:flex;align-items:center;gap:20px;letter-spacing:.2em}.chapter>.eyebrow:before,.section-label:before{content:'';width:45px;height:1px;background:var(--coral)}body:not(.founder-page) .chapter h2{font-size:clamp(32px,3.8vw,60px);line-height:1.6;font-weight:500;letter-spacing:-.04em}.prose{font-size:15px}.prose p{line-height:2.35}.split{gap:12%}.editorial-art{width:57%;margin:64px 0 -24px auto;overflow:hidden;aspect-ratio:1.7}.editorial-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:translateY(var(--motion-y)) scale(1.07)}#new-philosophy .editorial-art{width:75%;margin-left:-6%;aspect-ratio:2}#new-mission{background:#b74e42;color:#fff8ef;position:relative;overflow:hidden}#new-mission>.eyebrow{color:#ffe4d6}#new-mission>.eyebrow:before{background:#ffe4d6}#new-mission .split{grid-template-columns:1.25fr 1fr;align-items:center}#new-mission h2{font-size:clamp(38px,5.6vw,82px);font-weight:400}.type-ribbon{padding:55px 0 20px;overflow:hidden;border-bottom:1px solid var(--line);color:#bd4c4038;white-space:nowrap;font:italic clamp(55px,9vw,155px)/1.3 Georgia,serif;letter-spacing:-.055em}.type-ribbon span{display:inline-block;transform:translateX(var(--ribbon-x,0px))}.image-interlude{margin:0;position:relative;height:65vh;max-height:700px;min-height:300px;overflow:hidden;background:#fbf2eb}.image-interlude img{height:115%;width:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply;transform:translateY(var(--motion-y))}.image-interlude figcaption{position:absolute;left:7%;bottom:24px;font-size:10px;letter-spacing:.24em;color:#93483c}.page-hero{padding-top:100px;padding-bottom:100px}.page-hero h1{font-weight:500;letter-spacing:-.055em;font-size:clamp(42px,5.2vw,82px)}.page-art{overflow:hidden}.page-art img{transform:translateY(var(--motion-y)) scale(1.04)}.story-grid{gap:50px}.story-grid article:nth-child(2){padding-top:65px}.story-grid article:nth-child(3){padding-top:125px}.plans article{padding:35px 20px 20px 0}.closing{padding:120px 7%}.closing h2{font-weight:400}.text-link,.button{transition:background .25s,color .25s,transform .25s}.text-link:hover{color:var(--coral);transform:translateX(5px)}.button:hover{background:#963b32}.founder-page .chapter{padding-top:65px;padding-bottom:65px}.founder-page .reading-progress{height:2px}.founder-page .chapter h2{font-family:inherit}.motion-paused *{animation:none!important;transition:none!important}.motion-paused img,.motion-paused .type-ribbon span{transform:none!important}
@media(min-width:1100px){#new-story .split>h2{position:sticky;top:145px;align-self:start}#new-story .split{display:grid!important;max-width:1300px!important;grid-template-columns:1fr 1.15fr;gap:12%}#new-story h2{font-size:38px!important}#new-story .prose{margin-left:0!important}.editorial-hero h1{position:relative}}
@media(max-width:760px){.site-header{height:82px}.editorial-hero{padding:42px 6% 65px;min-height:790px}.editorial-hero h1{font-size:clamp(52px,12vw,86px)}.editorial-hero .hero-composition{inset:220px -20% 20px 5%;opacity:.63}.editorial-hero .hero-jp{font-size:14px;margin-top:34px}.editorial-hero>div{pointer-events:auto}.scroll-cue{left:6%;bottom:25px}.chapter,.story-section,.values,.culture{padding-top:70px;padding-bottom:70px}.chapters{gap:15px 23px}.editorial-art,#new-philosophy .editorial-art{width:100%;margin:35px 0 0;aspect-ratio:1.35}.type-ribbon{padding:24px 0;font-size:58px}#new-mission .split{grid-template-columns:1fr}#new-mission h2{font-size:42px}.page-hero{padding-top:52px;padding-bottom:50px}.image-interlude{height:380px;min-height:0}.story-grid article:nth-child(n){padding-top:0}.motion-control{bottom:12px;right:12px;font-size:10px;padding:7px 12px}.closing{padding:75px 6%}.founder-page .chapter{padding-top:45px;padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.hero-composition img,.editorial-art img,.page-art img,.image-interlude img,.type-ribbon span{transform:none!important}}
@media print{.motion-control,.reading-progress,.scroll-cue{display:none!important}*{transform:none!important;animation:none!important}#new-mission{background:white;color:#302c2a}.editorial-hero{min-height:0}}

.editorial-hero .hero-composition{width:auto}.editorial-hero .hero-composition img{max-height:none}.editorial-hero .hero-composition:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffdfbe6 0%,#fffdfb55 28%,transparent 65%),linear-gradient(0deg,#fffdfb 0%,transparent 28%)}

/* More legible scroll-linked movement, without scroll hijacking. */
.scroll-heading{position:relative;translate:var(--heading-shift,0px) 0;padding-bottom:20px}
.scroll-heading:after{content:"";position:absolute;left:0;bottom:0;width:90px;height:2px;background:currentColor;opacity:.35;transform:scaleX(var(--heading-line,0));transform-origin:left}
.image-interlude img{height:130%;margin-top:-5%}.editorial-hero .hero-composition img{transform:translateY(var(--motion-y)) scale(1.2)}
.page-art img,.editorial-art img{transform:translateY(var(--motion-y)) scale(1.08)}
.motion-paused .scroll-heading{translate:none}.motion-paused .scroll-heading:after{transform:none}
@media(max-width:760px){.scroll-heading{translate:calc(var(--heading-shift,0px)*.5) 0}.page-art img,.editorial-art img{transform:translateY(calc(var(--motion-y)*.65)) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.scroll-heading{translate:none!important}.scroll-heading:after{transform:none!important}.editorial-hero .hero-composition img,.page-art img,.editorial-art img,.image-interlude img{transform:none!important}}

.field-illustration{margin:32px -18px 0;max-width:460px}.field-illustration img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.business-hero .business-art img{max-height:none;object-fit:contain}.business-hero .business-art{max-width:680px}#fields .field{align-items:start}@media(max-width:760px){.field-illustration{max-width:480px;margin:24px auto}.business-hero .business-art img{max-height:360px}}

/* Section-specific reveal and scroll compositions, v3. */
body:not(.founder-page) main{overflow-x:clip}
.scroll-heading{translate:none!important}
.editorial-hero .hero-composition img,.editorial-art img,.image-interlude img,.page-art img,.business-art img{transform:translate(var(--motion-x,0px),var(--motion-y,0px)) scale(var(--motion-scale,1));transform-origin:center}
.motion-paused .hero-composition img,.motion-paused .editorial-art img,.motion-paused .image-interlude img,.motion-paused .page-art img,.motion-paused .business-art img{transform:none!important}
@media(prefers-reduced-motion:reduce){.editorial-hero .hero-composition img,.editorial-art img,.image-interlude img,.page-art img,.business-art img{transform:none!important}}
@media print{.editorial-hero .hero-composition img,.editorial-art img,.image-interlude img,.page-art img,.business-art img{transform:none!important}}

/* Mobile hero: preserve the complete artwork; desktop composition is unchanged. */
@media(max-width:760px){
 .editorial-hero{min-height:0;padding-bottom:64px}
 .editorial-hero .hero-composition{position:relative;inset:auto;z-index:0;width:calc(100% + 12vw);max-width:none;margin:18px -6vw 0;aspect-ratio:3/2;opacity:1;overflow:hidden}
 .editorial-hero .hero-composition img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;transform:none!important}
 .editorial-hero .hero-composition:after{background:linear-gradient(0deg,#fffdfb 0%,transparent 12%,transparent 92%,#fffdfb 100%)}
 .editorial-hero .scroll-cue{bottom:22px}
}