/* The approved cover is held; the inner world unfolds as continuous architecture. */
:root{--night:#11160f;--soft:#c4c7b7;--cinema-line:rgba(232,230,221,.25)}
body{background:var(--night);color:var(--paper)}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-color:var(--paper)}em{color:var(--stone)}.caption{color:var(--soft)}.text-link{color:var(--paper)}.section-label{display:none}.site-header{background:linear-gradient(180deg,rgba(10,16,9,.88),rgba(10,16,9,.62))}.site-header.is-scrolled{background:rgba(16,21,15,.96)}.hero-kicker{font-size:.75rem;line-height:1.8;letter-spacing:.2em}.hero h1 em{color:var(--white)}
.intro{position:relative;min-height:115svh;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden;padding-top:260px;padding-bottom:100px;background:var(--night)}.intro-vista{position:absolute;right:0;top:80px;width:72%;height:calc(100% - 160px);z-index:-2;overflow:hidden}.intro-vista img{width:100%;height:100%;object-fit:cover;object-position:center}.intro:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--night) 8%,rgba(17,22,15,.78) 33%,transparent 75%),linear-gradient(0deg,var(--night) 0%,transparent 50%);z-index:-1;pointer-events:none}.intro-grid{width:100%;grid-template-columns:1.4fr .65fr;gap:12%;align-items:end}.intro-grid .eyebrow{margin-bottom:32px;color:var(--soft)}.intro .ko-display{font-size:clamp(3rem,5.6vw,5.6rem);font-weight:300}.intro-copy{padding-bottom:12px}.intro-copy .lead{font-size:1.5rem}.intro-copy p:not(.lead){color:var(--paper);text-shadow:0 1px 12px rgba(0,0,0,.65)}.intro-vista-caption{position:absolute;right:var(--gutter);bottom:38px;color:var(--soft)}.portal{background:var(--night);min-height:100svh;padding:0}.portal-frame{height:100svh;min-height:720px}.portal-shade{background:linear-gradient(90deg,rgba(8,15,6,.78),transparent 90%),linear-gradient(0deg,rgba(8,15,6,.8),transparent 65%)}.portal-copy{top:auto;bottom:24%}.portal-copy h2{font-size:clamp(3rem,6.5vw,6.5rem);font-weight:300}.portal-note{color:var(--soft)}.world-index{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;padding-top:140px;padding-bottom:140px;align-items:center}.world-index-heading .serif{font-size:clamp(4rem,7vw,7.5rem);margin:32px 0}.world-index-heading .serif em{color:var(--stone)}.world-index-heading>p:last-child{font-size:.875rem;color:var(--soft);line-height:1.9}.world-index nav{border-top:1px solid var(--cinema-line)}.world-index nav>a{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:28px 0;border-bottom:1px solid var(--cinema-line)}.world-index nav>a>span{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.4;letter-spacing:-.035em}.world-index nav small{display:block;font-size:.75rem;color:var(--soft);margin-top:10px;letter-spacing:0}.world-index nav svg{transition:transform 320ms var(--ease);flex-shrink:0}.world-index nav>a:hover svg{transform:translateX(8px)}.home-application{padding:0;position:relative}.application-panorama{height:100svh;max-height:none;min-height:720px;object-position:center}.home-application:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,16,9,.9),transparent 60%);pointer-events:none}.home-application-caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:56px;z-index:1;padding:0;align-items:flex-end}.home-application-caption h2{font-size:clamp(2rem,3vw,3rem);line-height:1.4}.home-application-caption .image-credit{top:auto;bottom:80px;background:transparent;padding:0;color:var(--paper)}.cinema-film{position:relative;min-height:85svh;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:var(--night)}.cinema-film:before{content:'';position:absolute;inset:0;background:url('assets/scene-film-surface.webp') center/cover;opacity:.55;z-index:-2}.cinema-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,22,15,.85),rgba(17,22,15,.2)),linear-gradient(0deg,var(--night),transparent);z-index:-1}.film-grid{width:100%;grid-template-columns:1.7fr .75fr}.film-grid>div{max-width:360px}.film h2{font-size:clamp(3rem,5.8vw,6rem);font-weight:300}.film-status{color:var(--soft)}
/* Brand: a garden world first, original meaning available in the reading. */
.cinema-brand-hero{min-height:100svh;padding-top:180px;padding-bottom:96px;position:relative;overflow:hidden;isolation:isolate;border:0;display:flex;align-items:center}.brand-hero-bg{position:absolute;inset:0;z-index:-2}.brand-hero-bg img{width:100%;height:110%;object-fit:cover;object-position:center}.cinema-brand-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,16,8,.9),rgba(9,16,8,.15)),linear-gradient(0deg,rgba(9,16,8,.7),transparent);z-index:-1}.brand-hero-grid{width:100%;grid-template-columns:1.2fr 1fr;gap:12%}.brand-hero .ko-display{font-size:clamp(3rem,5.8vw,6rem);font-weight:300}.brand-hero .opening-copy{color:var(--paper)}.brand-hero .name-art{color:var(--paper);font-size:clamp(8rem,15vw,16rem);opacity:.85}.name-section{background:var(--night);padding-top:140px;padding-bottom:140px}.name-grid{grid-template-columns:1.3fr 1fr;align-items:center}.name-grid .serif{font-size:clamp(4rem,8vw,8rem);color:var(--stone)}.name-grid>div{color:var(--soft)}.name-grid .lead{color:var(--paper)}.name-formula{border-color:var(--cinema-line);margin-top:72px;padding-top:56px;justify-content:space-between;gap:6vw}.name-formula>div{flex:1;justify-content:center}.name-formula>div>span{color:var(--paper);font-size:clamp(6rem,12vw,12rem);line-height:1}.name-formula small,.name-formula>i{color:var(--soft)}.keywords-cinema{position:relative;height:110svh;min-height:780px;background:var(--night);isolation:isolate;overflow:hidden}.keyword-scenes,.keyword-cinema-shade{position:absolute;inset:0;z-index:-2}.keyword-scene{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.keyword-cinema-shade{z-index:-1;background:linear-gradient(90deg,rgba(9,16,8,.65),transparent 85%),linear-gradient(0deg,rgba(9,16,8,.9),transparent 60%)}.keyword-cinema-heading{position:absolute;left:var(--gutter);top:28%}.keyword-cinema-heading .serif{font-size:clamp(6rem,12vw,12rem);margin:24px 0}.keyword-cinema-heading>p:last-child{font-size:1rem;color:var(--paper)}.keyword-selectors{position:absolute;left:var(--gutter);right:var(--gutter);bottom:96px;display:flex;border-top:1px solid var(--cinema-line)}.keyword-selectors button{position:relative;flex:1;text-align:left;padding:24px 0 16px;color:var(--paper);line-height:1.4;min-height:88px;border-top:2px solid transparent;transition:border-color 320ms}.keyword-selectors button>span{font-family:var(--serif);font-size:clamp(1.5rem,2.2vw,2.2rem);display:block}.keyword-selectors small{font-size:.75rem;display:block;margin-top:8px;color:var(--soft)}.keyword-selectors button[aria-pressed=true]{border-top-color:var(--paper)}.keyword-selectors button[aria-pressed=true] small{color:var(--paper)}.keyword-selectors button:focus-visible{outline-offset:4px;outline-color:var(--white)}.keyword-cinema-caption{position:absolute;right:var(--gutter);bottom:32px;color:var(--soft)}.opportunity-cinema{position:relative;min-height:115svh;overflow:hidden;isolation:isolate;padding:140px var(--gutter) 100px;display:flex;align-items:flex-end}.opportunity-cinema-image{position:absolute;inset:0;z-index:-2}.opportunity-cinema-image img{width:100%;height:110%;object-fit:cover}.opportunity-cinema:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,16,8,.76),transparent 80%),linear-gradient(0deg,rgba(9,16,8,.9),transparent 80%)}.opportunity-cinema-copy{max-width:740px}.opportunity-cinema-copy h2{font-size:clamp(3rem,5.5vw,6rem);font-weight:300;margin:32px 0 48px}.opportunity-lines p{font-size:.875rem;color:var(--paper);max-width:58ch}.opportunity-lines strong{display:block;font-size:1rem;font-weight:400;margin-bottom:4px}.audience{background:var(--night);padding-top:140px;padding-bottom:120px}.audience-heading{display:grid;grid-template-columns:1fr 2fr;gap:8%;align-items:start}.audience-heading .eyebrow{padding-top:12px;color:var(--soft)}.audience h2{font-size:clamp(3rem,6.2vw,6.2rem);line-height:1.35;font-weight:300}.audience h2 em{color:var(--stone)}.audience-details{color:var(--soft);grid-template-columns:1fr 1fr;gap:12%;margin-top:72px;border-color:var(--cinema-line);font-size:1rem}.audience-details li{border-color:var(--cinema-line)}.audience .caption{color:var(--soft)}
/* The identity is a sculptural space; standards remain usable as a web tool. */
.cinema-identity{position:relative;isolation:isolate;background:var(--night)}.identity-landscape{position:absolute;inset:0;z-index:-3}.identity-landscape img{width:100%;height:100%;object-fit:cover;filter:brightness(.4) saturate(.7)}.cinema-identity:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,22,15,.9),rgba(17,22,15,.45));z-index:-2}.sculpture-ring{border-color:rgba(232,230,221,.16)}.identity-intro h1{font-weight:300}.logo-concept{background:var(--night);--line:var(--cinema-line);--muted:var(--soft)}.anatomy{background:var(--paper);border:0}.anatomy-v,.anatomy-h{border-color:rgba(40,45,36,.25)}.logo-concept-grid article p{color:var(--soft)}.logo-system{background:#1a2016;color:var(--paper);--line:var(--cinema-line);--muted:var(--soft)}.logo-system>.section-heading p{color:var(--soft)}.logo-workbench{color:var(--ink);--line:rgba(40,45,36,.25);--muted:#565b4d}.logo-workbench button:focus-visible{outline-color:var(--olive)}.logo-view{background:var(--paper)}.logo-tools{background:var(--paper)}.logo-tools .outline-button{color:var(--olive)}.logo-tools .segmented button{color:var(--olive)}.logo-tools .segmented button[aria-pressed=true]{color:var(--white)}.rules-list h3{color:var(--paper)}.rules-list p,.rules-list article>span,.logo-system>.caption{color:var(--soft)}.color-section{background:var(--paper);color:var(--ink)}.color-section em{color:var(--olive)}.color-section .caption,.color-section>.section-heading>p{color:var(--muted)}.color-section .text-link{color:var(--olive)}.color-section :focus-visible{outline-color:var(--olive)}.material-note{border-color:rgba(40,45,36,.25)}
/* A visitor moves through landscape, rather than a stack of presentation slides. */
.experience-hero{height:100svh;min-height:760px}.experience-hero-copy{margin-top:10svh}.experience-hero h1{font-weight:300}.cinema-stories{display:block;padding:0;background:var(--night)}.cinema-story{position:relative;margin:0;height:120svh;min-height:850px;overflow:clip;isolation:isolate}.cinema-story .story-image{position:absolute;inset:0;height:100%;z-index:-3}.cinema-story .story-image img{height:112%;object-position:center}.story-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(8,15,6,.93),transparent 80%),linear-gradient(90deg,rgba(8,15,6,.3),transparent)}.cinema-story .story-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:100px;display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:end;padding:0}.cinema-story .story-copy h2{font-size:clamp(6rem,10.6vw,11rem);line-height:.95;margin:0;font-weight:400;overflow-wrap:normal;letter-spacing:-.06em}.cinema-story .story-copy h3{font-size:clamp(1.5rem,2.6vw,2.5rem);font-weight:300;line-height:1.6}.cinema-story .story-copy p{font-size:1rem;color:var(--soft);margin-top:24px;max-width:40ch}.scene-caption{position:absolute;right:var(--gutter);bottom:32px;color:var(--soft)}.light-study{background:var(--night)}.light-study .section-heading{margin-bottom:48px;align-items:flex-end}.light-study .section-heading h2{font-size:clamp(2.5rem,4.5vw,4.5rem);font-weight:300}.daylight-scene{height:86svh;max-height:none;min-height:640px}.daylight-night{position:absolute;inset:0;opacity:0;pointer-events:none}.daylight-controls label{color:var(--paper)}.water-interlude{height:100svh;min-height:720px}.water-copy h2{font-weight:300}
/* The architecture leads the application page. Paper follows at a tactile scale. */
.cinema-applications-hero{padding:0;position:relative;height:100svh;min-height:780px;overflow:hidden;isolation:isolate}.cinema-applications-hero .application-hero-image{position:absolute;inset:0;height:100%;max-height:none;z-index:-3}.cinema-applications-hero .application-hero-image img{height:110%;object-fit:cover}.cinema-applications-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,15,6,.95),transparent 75%);z-index:-2}.cinema-applications-hero .applications-title{position:absolute;left:var(--gutter);right:var(--gutter);bottom:96px;margin:0;gap:12%}.applications-title h1{font-size:clamp(3rem,5.7vw,6rem);font-weight:300;line-height:1.35}.applications-title h1 em{color:var(--paper)}.applications-title p{color:var(--paper);font-size:.875rem;max-width:30ch}.application-image-label{position:absolute;bottom:32px;left:var(--gutter);right:var(--gutter);padding:0;color:var(--soft);font-size:.75rem}.application-gallery{background:var(--night);padding-top:120px;padding-bottom:120px}.gallery-heading h2{font-weight:300;font-size:clamp(2.5rem,4vw,4rem)}.gallery-hint{color:var(--soft)}.gallery-controls button{border-color:var(--cinema-line);color:var(--paper)}.gallery-controls button:hover:enabled{background:var(--paper);color:var(--ink)}.gallery-item figcaption p{color:var(--soft)}.application-gallery>.caption{color:var(--soft)}.gallery-item{flex-basis:82%}.application-open{background:var(--night)}.application-editorial{background:#1a2016;padding-top:120px;padding-bottom:120px;grid-template-columns:1.25fr 1fr;gap:12%}.application-editorial-copy h2{font-weight:300}.application-editorial-copy>p:not(.eyebrow){color:var(--soft)}.application-closing{background:var(--night);padding-top:140px;padding-bottom:140px}.application-closing h2{font-weight:300}.closing-symbol{background:var(--paper)}
.next-chapter{background:var(--night);border-color:var(--cinema-line)}.next-chapter>span{color:var(--soft)}.footer{background:var(--night)}.footer-wordmark{color:var(--paper)}.footer-top p,.footer-bottom{color:var(--soft)}.footer-bottom{border-color:var(--cinema-line)}.menu-dialog,.film-dialog,.image-dialog{background:var(--paper);color:var(--ink)}.menu-dialog a:focus-visible,.menu-dialog button:focus-visible,.film-dialog button:focus-visible,.image-dialog button:focus-visible{outline-color:var(--olive)}.menu-aside p{color:var(--ink)}.menu-dialog em{color:var(--olive)}.image-dialog>.caption{color:var(--muted)}
@media(max-width:1100px){.intro{min-height:105svh}.intro-grid{gap:7%;grid-template-columns:1.2fr .8fr}.intro .ko-display{font-size:clamp(3rem,5.4vw,4.5rem)}.world-index{gap:8%}.cinema-story .story-copy{grid-template-columns:1.1fr 1fr;gap:8%}.cinema-story .story-copy h2{font-size:clamp(5rem,9vw,8rem)}.brand-hero-grid{gap:6%}.audience-heading{grid-template-columns:.6fr 1.5fr}.cinema-film .film-grid{gap:6%;grid-template-columns:1.4fr 1fr}.cinema-film h2{font-size:clamp(3rem,5.5vw,5rem)}}
@media(max-width:800px){.intro{display:block;min-height:1100px;padding-top:100px;padding-bottom:80px}.intro-vista{width:100%;top:280px;height:660px}.intro:after{background:linear-gradient(180deg,var(--night) 8%,rgba(17,22,15,.4) 42%,rgba(17,22,15,.88) 80%,var(--night))}.intro-grid{display:block;position:relative}.intro .ko-display{font-size:3.25rem}.intro-grid .eyebrow{margin-bottom:24px}.intro-copy{margin-top:260px;margin-left:40%;max-width:400px}.intro-copy .lead{font-size:1.5rem}.intro-vista-caption{font-size:.75rem}.world-index{grid-template-columns:1fr 1fr;gap:8%;padding-top:96px;padding-bottom:96px}.world-index-heading .serif{font-size:4.5rem}.world-index nav>a{padding:24px 0}.world-index nav>a>span{font-size:1.25rem}.world-index nav small{font-size:.75rem}.portal-frame{min-height:680px}.portal-copy h2{font-size:3.5rem}.home-application-caption{bottom:40px}.home-application-caption h2{font-size:2rem}.home-application-caption .image-credit{bottom:88px}.brand-hero .ko-display{font-size:3.25rem}.brand-hero .name-art{font-size:7.5rem}.name-section{padding-top:96px;padding-bottom:96px}.name-grid{gap:8%;grid-template-columns:1fr 1fr}.name-grid .serif{font-size:4rem}.name-formula>div>span{font-size:7rem}.name-formula small{font-size:.75rem}.keywords-cinema{height:100svh;min-height:760px}.keyword-cinema-heading{top:25%}.keyword-cinema-heading .serif{font-size:6rem}.keyword-selectors{bottom:80px;gap:16px}.keyword-selectors button>span{font-size:1.5rem}.keyword-selectors small{font-size:.75rem}.opportunity-cinema{min-height:900px;padding-top:96px;padding-bottom:80px}.opportunity-cinema-copy h2{font-size:3.5rem}.audience{padding-top:96px;padding-bottom:96px}.audience-heading{grid-template-columns:.6fr 1.4fr;gap:6%}.audience h2{font-size:3.5rem}.audience-details{gap:8%;font-size:1rem}.cinema-story{height:110svh;min-height:850px}.cinema-story .story-copy{display:block;bottom:80px}.cinema-story .story-copy h2{font-size:5.5rem;margin-bottom:40px}.cinema-story .story-copy>div{margin-left:30%;max-width:450px}.cinema-story .story-copy h3{font-size:1.75rem}.daylight-scene{min-height:600px;height:80svh}.cinema-applications-hero .applications-title{gap:8%;bottom:96px}.applications-title h1{font-size:3rem}.applications-title p{max-width:25ch}.application-gallery{padding-top:96px;padding-bottom:96px}.application-editorial{padding-top:96px;padding-bottom:96px}.application-closing{padding-top:96px;padding-bottom:96px}.cinema-film .film-grid{grid-template-columns:1.3fr 1fr}.cinema-film h2{font-size:3rem}}
@media(max-width:600px){.intro{min-height:1120px;padding-top:88px;padding-bottom:80px}.intro-vista{top:250px;height:660px;right:0;width:100%}.intro-vista img{object-position:64% center}.intro .ko-display{font-size:2.75rem;line-height:1.4}.intro-copy{margin-top:350px;margin-left:0;max-width:350px}.intro-copy .lead{font-size:1.375rem}.intro-copy p:not(.lead){font-size:1rem}.intro-vista-caption{font-size:.75rem;left:var(--gutter);right:auto;bottom:28px}.portal-frame{height:100svh;min-height:720px}.portal-copy{bottom:25%;top:auto}.portal-copy h2{font-size:3rem}.portal-note{font-size:.75rem}.world-index{display:block;padding-top:80px;padding-bottom:80px}.world-index-heading .serif{font-size:4.25rem;margin:24px 0}.world-index-heading>p:last-child{font-size:.875rem}.world-index nav{margin-top:48px}.world-index nav>a{padding:24px 0}.world-index nav>a>span{font-size:1.5rem}.world-index nav small{font-size:.75rem}.home-application .application-panorama{height:100svh;min-height:740px;object-position:25% center}.home-application-caption{left:var(--gutter);right:var(--gutter);bottom:36px}.home-application-caption h2{font-size:1.75rem}.home-application-caption .image-credit{bottom:176px;top:auto;font-size:.75rem}.home-application-caption>.text-link{margin-top:24px}.cinema-film{min-height:800px;padding-top:88px;padding-bottom:88px}.cinema-film .film-grid{display:block}.film h2,.cinema-film h2{font-size:2.75rem;line-height:1.5}.film-grid>div{padding-top:32px;margin-top:40px;border-color:var(--cinema-line)}.film-description{font-size:1.125rem}.film-status{font-size:.75rem}.cinema-brand-hero{padding-top:150px;padding-bottom:60px;min-height:980px;display:block}.brand-hero-grid{display:block}.brand-hero .ko-display{font-size:2.75rem}.brand-hero-bg img{object-position:62% center}.cinema-brand-hero:after{background:linear-gradient(90deg,rgba(9,16,8,.8),rgba(9,16,8,.2)),linear-gradient(0deg,rgba(9,16,8,.9),transparent)}.brand-hero .name-art{font-size:8.5rem;justify-content:flex-end;margin-top:56px;padding-bottom:40px}.name-art small{font-size:.75rem}.name-section{padding-top:80px;padding-bottom:80px}.name-grid{display:block}.name-grid .serif{font-size:4rem}.name-grid>div{margin-top:36px;font-size:1rem}.name-formula{gap:16px;margin-top:48px;padding-top:40px}.name-formula>div{display:block;flex:1;text-align:center}.name-formula>div>span{font-size:6rem}.name-formula p{font-size:1.125rem}.name-formula small{font-size:.75rem}.keywords-cinema{height:100svh;min-height:760px}.keyword-cinema-heading{top:30%;right:var(--gutter)}.keyword-cinema-heading .serif{font-size:clamp(4rem,18vw,6rem);margin:24px 0}.keyword-cinema-heading>p:last-child{font-size:.875rem}.keyword-scene{object-position:60% center}.keyword-selectors{bottom:76px;gap:0;flex-wrap:wrap;justify-content:space-between;border:0}.keyword-selectors button{flex:0 0 31%;border-top:1px solid var(--cinema-line);padding:14px 0;min-height:74px}.keyword-selectors button>span{font-size:1.5rem}.keyword-selectors small{font-size:.75rem;margin-top:5px}.keyword-selectors button[aria-pressed=true]{border-top:2px solid var(--paper);padding-top:13px}.keyword-cinema-caption{font-size:.75rem;bottom:24px}.opportunity-cinema{min-height:1000px;padding:96px var(--gutter) 80px}.opportunity-cinema-image img{object-position:65% center}.opportunity-cinema-copy h2{font-size:3rem;line-height:1.45;margin:24px 0 40px}.opportunity-lines p{font-size:.875rem;line-height:1.9}.opportunity-lines strong{font-size:1rem}.audience{padding-top:80px;padding-bottom:80px}.audience-heading{display:block}.audience-heading .eyebrow{margin-bottom:32px;padding:0}.audience h2{font-size:2.75rem}.audience-details{display:block;margin-top:40px;font-size:1rem;line-height:1.9}.audience-details ul{margin-top:32px;font-size:.875rem}.audience .caption{font-size:.75rem}.cinema-identity .identity-landscape img{object-position:65% center;filter:brightness(.35) saturate(.65)}.cinema-identity .sculpture{width:74vw}.sculpture-label small{font-size:.75rem}.logo-concept .anatomy{padding:40px 24px}.logo-system .section-heading>p,.rules-list p,.logo-concept-grid article p{font-size:1rem}.logo-system>.caption,.color-section>.caption{font-size:.75rem}.experience-hero{min-height:760px;height:100svh}.experience-hero-image{object-position:60% center}.experience-hero-copy{margin-top:12svh}.experience-hero h1{font-size:3.75rem}.cinema-story{height:110svh;min-height:880px}.cinema-story .story-copy{bottom:80px;left:var(--gutter);right:var(--gutter);display:block}.cinema-story .story-copy h2{font-size:clamp(3rem,13vw,5rem);margin:0 0 40px;overflow-wrap:normal}.cinema-story .story-copy>div{margin-left:0;max-width:350px}.cinema-story .story-copy h3{font-size:1.625rem;font-weight:400;line-height:1.6}.cinema-story .story-copy p{font-size:1rem;line-height:1.9;margin-top:20px}.cinema-story .story-image img{object-position:58% center}.scene-caption{font-size:.75rem;bottom:24px}.light-study .section-heading{display:block}.light-study .section-heading h2{font-size:2.5rem}.light-study .section-heading>p{font-size:.875rem;margin-top:24px}.daylight-scene{min-height:580px;height:80svh}.daylight-scene>img{object-position:60% center}.light-study>.caption{font-size:.75rem}.water-copy h2{font-size:2.5rem}.water-copy .eyebrow{font-size:.75rem}.cinema-applications-hero{min-height:900px;height:100svh}.cinema-applications-hero .application-hero-image img{object-position:20% center}.cinema-applications-hero .applications-title{bottom:110px;display:block}.applications-title h1{font-size:2.75rem;line-height:1.45}.applications-title p{font-size:.875rem;max-width:28ch;margin-top:28px}.application-image-label{font-size:.75rem;flex-direction:column;gap:4px;bottom:28px}.application-gallery{padding-top:80px;padding-bottom:80px}.gallery-heading h2{font-size:2rem;line-height:1.4}.gallery-hint{font-size:.75rem}.gallery-item{flex-basis:94%}.gallery-item figcaption p{font-size:.875rem}.application-gallery>.caption{font-size:.75rem}.application-editorial{display:block;padding-top:80px;padding-bottom:80px}.application-editorial-copy{margin-top:40px}.application-editorial-copy h2{font-size:2.5rem}.application-editorial-copy>p:not(.eyebrow){font-size:1rem}.application-closing{padding-top:96px;padding-bottom:96px}.application-closing h2{font-size:2.75rem}.application-closing>.eyebrow{font-size:.75rem}.menu-body nav small{font-size:.75rem}.menu-aside>span{font-size:.75rem}.motion-toggle{font-size:.75rem}.footer-top p,.footer-bottom{font-size:.75rem}.image-dialog>.caption{font-size:.75rem}.next-chapter>span{font-size:.75rem}}
@media(max-width:360px){.intro .ko-display{font-size:2.5rem}.brand-hero .ko-display{font-size:2.375rem}.brand-hero .name-art{font-size:7.5rem}.audience h2{font-size:2.5rem}.applications-title h1{font-size:2.375rem}.keyword-selectors button>span{font-size:1.375rem}.world-index-heading .serif{font-size:3.75rem}.hero-kicker{font-size:.75rem;letter-spacing:.14em}.cinema-film h2{font-size:2.5rem}.film-grid>div{max-width:100%}.cinema-story .story-copy h2{font-size:13vw}.experience-hero h1{font-size:3.25rem}}
@media(prefers-reduced-motion:reduce){.keyword-scene,.hero-image,.portal-frame,.story-image img{transform:none!important}}
@media(forced-colors:active){.keyword-cinema-heading,.story-copy,.opportunity-cinema-copy,.intro-grid{background:Canvas;color:CanvasText;padding:16px}.keyword-selectors button[aria-pressed=true]{outline:3px solid Highlight}.keyword-scenes,.brand-hero-bg,.identity-landscape{forced-color-adjust:none}}
@media(max-width:600px){.cinema-applications-hero .application-hero-image img{object-position:12% center}.application-open img{aspect-ratio:3/2;object-fit:contain;background:var(--night)}}

/* SOKWON leads; the approved emblem and lettering retain their source geometry. */
.brand{width:132px}.brand-lockup{display:block;aspect-ratio:1276/720;overflow:hidden}.brand .brand-lockup img{width:100%;height:auto;max-width:none;object-fit:initial}.site-header.is-scrolled .brand{width:112px}
.hero-content{top:34%;width:calc(100% - 2 * var(--gutter))}.hero h1{font-size:clamp(4rem,14.3vw,15rem);line-height:.95;letter-spacing:-.04em;font-weight:400}.hero-kicker{font-size:clamp(.875rem,1.1vw,1.125rem);letter-spacing:.19em;line-height:1.8;margin:30px 0 0}.hero-ko{margin-top:24px;font-size:1rem;letter-spacing:.06em}.hero-credits{text-align:right}.hero-credits p{font-size:.75rem;letter-spacing:.13em;line-height:1.8}.hero-credits>span{display:block;font-size:.75rem;letter-spacing:.13em;color:var(--soft);margin-top:10px}.hero-bottom .image-credit{bottom:76px;color:var(--soft)}
/* The garden opens through native sticky scrolling; the wheel remains native. */
.portal{display:block;height:180svh;min-height:0;overflow:clip}.portal-frame{position:sticky;top:0;height:100svh;min-height:700px;transform:none;will-change:clip-path}.portal-image{height:112%;transform-origin:center 46%;will-change:transform}
.identity-architecture{position:absolute;inset:0;overflow:hidden;z-index:-3;background:radial-gradient(ellipse at 82% 28%,#353c29,transparent 60%),#11160f}.identity-architecture i{position:absolute;right:6%;top:14%;width:49%;height:72%;border:1px solid rgba(218,219,198,.15);background:linear-gradient(115deg,rgba(189,192,156,.08),transparent 40%);transform:skewY(-8deg)}.identity-architecture i:nth-child(2){right:12%;top:19%;width:37%;height:62%;opacity:.65}.identity-architecture i:nth-child(3){right:18%;top:24%;width:25%;height:52%;opacity:.4}.cinema-identity:after{background:linear-gradient(90deg,rgba(17,22,15,.8),transparent 80%)}.sculpture{transition:none;will-change:transform}.sculpture-front{transform:translateZ(18px)}.sculpture-ring{display:none}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:32px 0 24px}.gallery-toolbar .gallery-hint{margin:0}.gallery-filters,.material-selectors{display:flex;gap:24px;flex-wrap:wrap}.gallery-filters button,.material-selectors button{min-height:44px;padding:8px 0;border-bottom:1px solid transparent;font-size:.875rem;color:var(--soft);transition:color 150ms,border-color 150ms}.gallery-filters button[aria-pressed=true],.material-selectors button[aria-pressed=true]{color:var(--paper);border-color:currentColor}.gallery-filters button:hover,.material-selectors button:hover{color:var(--paper)}.gallery-track{scroll-padding-left:0}.application-open img{object-fit:contain;transition:transform 360ms var(--ease)}.application-open:active img{transform:scale(1.015)}.gallery-controls button:active:enabled{transform:scale(.95)}
.material-lab{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:center;padding-top:80px}.material-surface{--light-x:35%;--light-y:25%;position:relative;aspect-ratio:1.12;display:grid;place-items:center;perspective:900px;overflow:hidden;background:radial-gradient(ellipse at var(--light-x) var(--light-y),rgba(225,222,199,.18),transparent 70%),repeating-linear-gradient(4deg,transparent 0 19px,rgba(13,18,11,.04) 20px 21px),#77796a}.material-surface:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.material-relief{width:53%;aspect-ratio:535/480;position:relative;will-change:transform;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.55)) drop-shadow(-1px -1px 0 rgba(231,232,209,.35))}.material-relief:before{content:'';position:absolute;inset:0;background:#656958;mask:url('assets/sokwon-symbol.png') center/contain no-repeat;-webkit-mask:url('assets/sokwon-symbol.png') center/contain no-repeat}.material-surface[data-material=paper]{background:radial-gradient(ellipse at var(--light-x) var(--light-y),rgba(255,255,255,.5),transparent 70%),#dcd9c9}.material-surface[data-material=paper] .material-relief:before{background:#d8d5c5}.material-surface[data-material=paper] .material-relief{filter:drop-shadow(1px 1px 1px #9f9f8e) drop-shadow(-1px -1px 0 #f3f0e4)}.material-surface[data-material=olive]{background:radial-gradient(ellipse at var(--light-x) var(--light-y),rgba(206,209,159,.18),transparent 70%),#505635}.material-surface[data-material=olive] .material-relief:before{background:#575e3c}.material-surface-caption{position:absolute;bottom:24px;left:24px;right:24px;font-size:.75rem;letter-spacing:.08em;color:#080b06;z-index:1}.material-surface[data-material=olive] .material-surface-caption{color:var(--paper)}.material-lab-copy h2{margin:24px 0 32px;font-weight:300}.material-lab-copy>p:not(.eyebrow){color:var(--soft);font-size:1rem;max-width:38ch}.material-selectors{margin-top:32px;gap:32px}.material-lab-copy .caption{margin:20px 0 28px;font-size:.75rem}
@view-transition{navigation:auto}::view-transition-old(root){animation:sokwonExit 200ms ease both}::view-transition-new(root){animation:sokwonEnter 300ms cubic-bezier(.2,.7,.2,1) both}@keyframes sokwonExit{to{opacity:0}}@keyframes sokwonEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.brand{width:112px}.material-lab{grid-template-columns:1fr 1fr;gap:6%}.gallery-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.hero-content{top:35%}}
@media(max-width:600px){.brand,.site-header.is-scrolled .brand{width:104px}.hero{min-height:720px}.hero-content{top:36%}.hero h1{font-size:15vw;letter-spacing:-.035em}.hero-kicker{font-size:.8125rem;letter-spacing:.14em;margin-top:28px}.hero-ko{font-size:.875rem;letter-spacing:0;gap:16px;margin-top:22px}.hero-ko>span{width:28px}.hero-side{top:22%;font-size:1.75rem}.hero-bottom{bottom:28px;align-items:flex-end;gap:16px}.hero-bottom .scroll-link{max-width:140px;font-size:.75rem;gap:12px;line-height:1.6}.hero-credits p{font-size:.75rem;letter-spacing:.04em;max-width:22ch}.hero-credits>span{font-size:.75rem;letter-spacing:.04em}.hero-bottom .image-credit{position:absolute;right:0;bottom:90px;max-width:none;font-size:.75rem}.portal{height:155svh}.portal-frame{height:100svh;min-height:700px}.portal-copy{bottom:22%}.gallery-toolbar{margin:24px 0 20px}.gallery-filters{gap:28px}.gallery-filters button{font-size:.875rem}.gallery-heading{align-items:flex-start}.gallery-controls{gap:12px}.gallery-controls button{width:44px;height:44px}.gallery-controls span{min-width:48px}.material-lab{display:block;padding-top:40px;padding-bottom:80px}.material-lab-copy{margin-top:40px}.material-lab-copy h2{font-size:2.5rem}.material-surface{aspect-ratio:1}.material-surface-caption{left:20px;bottom:20px;font-size:.75rem}}
@media(max-width:360px){.hero-credits p{font-size:.75rem;max-width:18ch}.hero-credits>span{font-size:.75rem}.hero-bottom .scroll-link{max-width:108px}.hero h1{font-size:15.4vw}.hero-ko{font-size:.8125rem}.gallery-heading{flex-wrap:wrap;gap:24px}.gallery-controls{margin-left:auto}}
html[data-motion=reduce] .portal{height:auto;min-height:100svh}html[data-motion=reduce] .portal-frame{position:relative;clip-path:none!important;will-change:auto}html[data-motion=reduce] .portal-image,html[data-motion=reduce] .sculpture,html[data-motion=reduce] .material-relief{will-change:auto}html[data-motion=reduce]::view-transition-old(root),html[data-motion=reduce]::view-transition-new(root){animation:none}
@media(prefers-reduced-motion:reduce){.portal{height:auto;min-height:100svh}.portal-frame{position:relative;clip-path:none!important}::view-transition-old(root),::view-transition-new(root){animation:none}}
@media(max-width:600px){.name-formula{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.name-formula>div{min-width:0}.name-formula>div>span{font-size:clamp(3rem,24vw,6rem)}}
