/* Hallmark · shape: discipline selection · hero: stage · theme: Aylyn · signature: artwork and oversized section names · v2.0.0 */
/* Hallmark · pre-emit critique: three real choices lead to existing galleries; native scrolling continues to Info. */
/* Hallmark · waive 77 · user explicitly requested three discipline choices · Extra sections would obscure the requested selection flow. */
/* Hallmark · waive 59 · continuous native scroll stages · Motion, Design and Photography share a cinematic sequence; large empty separators would interrupt the requested flow. */
/* Hallmark · waive 71 · captions are attached to the animated artwork stage · Category titles and their captions keep a fixed reading position while the independent images turn. */
/* Hallmark · waive 83 · user requested an artwork-led creative portfolio · Supplied Motion, Design and Photography imagery is the content visitors are choosing, not filler photography. */
/* Hallmark · waive 44a · full-height opening with bottom scroll cue · The title stays central and the cue deliberately anchors the viewport bottom before the pinned rail. */
/* Hallmark · waive 44c · asymmetric artwork constellation · The offset print layers spread through the right half; a shared centre would flatten the requested depth composition. */
@import url('./fonts.css');
@import url('./tokens.css');
@import url('./base.css');
@import url('./page-loader.css');
@import url('./chapter-navigation.css');
@import url('./symbol.css');
:root{--sans:var(--font-body);--sections-bg:#0b0d10;--sections-ink:#f0f1f3;--sections-muted:#b2b5bd;--sections-rule:#363a43;--sections-gutter:clamp(20px,4.8vw,80px);--sections-ease:cubic-bezier(.22,1,.36,1);}
html{scroll-behavior:smooth;scroll-padding-top:110px;}body{background:var(--sections-bg);color:var(--sections-ink);}a{color:inherit;text-decoration:none;}a:focus-visible{outline:2px solid currentColor;outline-offset:6px;}a:active{opacity:.8;}
.skip{position:fixed;top:16px;left:16px;z-index:1200;padding:var(--space-md);background:var(--sections-ink);color:var(--sections-bg);transform:translateY(-200%);}.skip:focus{transform:none;}
.sections-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-inline:var(--sections-gutter);max-width:1440px;margin-inline:auto;}.sections-brand{font-size:28px;letter-spacing:-.04em;font-weight:600;}.sections-header nav{display:flex;gap:clamp(20px,4vw,56px);font-size:14px;}.sections-header nav a{padding-block:var(--space-sm);}.sections-header nav a[aria-current],.sections-header nav a:hover{border-bottom:1px solid currentColor;}
.sections-main,.sections-footer{max-width:1440px;margin-inline:auto;padding-inline:var(--sections-gutter);}.sections-intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end;gap:var(--space-xl);padding:var(--space-2xl) 0 var(--space-3xl);}.sections-intro h1{font-size:clamp(64px,8vw,116px);font-weight:500;line-height:.95;letter-spacing:-.04em;}.sections-intro>p{font-size:18px;color:var(--sections-muted);padding-bottom:var(--space-xs);}
.discipline{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center;padding-block:var(--space-2xl);border-top:1px solid var(--sections-rule);scroll-margin-top:var(--space-xl);}.discipline-cover{overflow:hidden;aspect-ratio:5/4;background:var(--sections-bg);}.discipline-cover img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 850ms var(--sections-ease);}.discipline:nth-child(2) .discipline-cover img{object-fit:contain;}.discipline-copy h2{font-size:clamp(38px,5vw,76px);font-weight:500;letter-spacing:-.04em;line-height:1.1;}.discipline-copy>p{margin-top:var(--space-md);color:var(--sections-muted);font-size:16px;}.discipline-open{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-top:var(--space-2xl);font-size:14px;}.discipline-open svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform 500ms var(--sections-ease);}.discipline:hover img,.discipline:focus-visible img{transform:scale(1);}.discipline:hover svg{transform:translate(5px,-5px);}.discipline:nth-child(2) .discipline-cover{order:2;}
.sections-footer{display:flex;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-xl);color:var(--sections-muted);font-size:14px;}.section-continue{border-color:var(--sections-rule);}
@media(max-width:800px){.discipline{gap:var(--space-lg);}.sections-intro{gap:var(--space-lg);}.discipline-copy h2{font-size:clamp(32px,5vw,52px);}}
@media(max-width:600px){.sections-header{height:88px;}.sections-brand{font-size:23px;}.sections-header nav{gap:20px;font-size:13px;}.sections-intro{grid-template-columns:minmax(0,1fr);padding:var(--space-xl) 0 var(--space-2xl);}.sections-intro>p{font-size:16px;}.discipline{grid-template-columns:minmax(0,1fr);padding-block:var(--space-xl);gap:var(--space-lg);}.discipline:nth-child(2) .discipline-cover{order:0;}.discipline-cover{aspect-ratio:4/3;}.discipline-copy h2{font-size:44px;}.discipline-open{padding-top:var(--space-lg);}.sections-footer{flex-direction:column;gap:var(--space-xs);}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}.discipline img,.discipline svg{transition:none;transform:none;}}

.skip:focus-visible{outline-color:var(--sections-ink);}

/* Reference-led scale: one discipline fills the viewport, with native scroll progression. */
:root{--section-design-ground:#e7eef0;--section-design-ink:#14171b;--section-overlay:rgba(5,7,10,.78);--section-clear:rgba(5,7,10,0);}
.sections-intro{padding-bottom:var(--space-2xl);}
.discipline-list{display:grid;gap:var(--space-lg);}
.discipline{position:relative;display:block;min-height:640px;height:88svh;max-height:1000px;padding:0;border:0;isolation:isolate;overflow:clip;view-timeline-name:--discipline;view-timeline-axis:block;}
.discipline-cover,.discipline:nth-child(2) .discipline-cover{position:absolute;inset:0;aspect-ratio:auto;order:0;z-index:-2;}
.discipline-cover img{object-fit:cover;transform:scale(1.08);opacity:.8;}
.discipline::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--section-overlay),var(--section-clear) 80%);pointer-events:none;}
.discipline-copy{position:absolute;inset:auto var(--space-xl) var(--space-xl);display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-lg);align-items:end;}
.discipline-copy h2{grid-column:1/-1;font-size:clamp(64px,10vw,144px);line-height:.95;letter-spacing:-.04em;transform-origin:left bottom;}
.discipline-copy>p{margin-top:var(--space-lg);color:inherit;}
.discipline-open{padding:0;gap:var(--space-xl);font-size:16px;}.discipline-open svg{width:48px;height:48px;}
.discipline:nth-child(2){background:var(--section-design-ground);color:var(--section-design-ink);}
.discipline:nth-child(2)::before{display:none;}
.discipline:nth-child(2) .discipline-cover{inset:var(--space-xl) 12% 24%;background:transparent;}
.discipline:nth-child(2) .discipline-cover img{object-fit:contain;opacity:1;}
.discipline:focus-visible{outline:3px solid var(--sections-ink);outline-offset:6px;}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  .discipline-cover img{animation:discipline-depth linear both;animation-timeline:--discipline;animation-range:entry 0% exit 100%;transition:none;}
  .discipline-copy{animation:discipline-type linear both;transform-origin:left bottom;animation-timeline:--discipline;animation-range:entry 10% cover 45%;}
 }
}
@keyframes discipline-depth{from{transform:translateY(3%) scale(1.13);}to{transform:translateY(-3%) scale(1.03);}}
@keyframes discipline-type{from{transform:perspective(900px) translateY(24px) rotateX(8deg);}to{transform:perspective(900px) translateY(0) rotateX(0);}}
@media(max-width:800px){.discipline{min-height:560px;height:76svh;}.discipline-copy{inset:auto var(--space-lg) var(--space-xl);}.discipline-open{gap:var(--space-md);}.discipline-open svg{width:32px;height:32px;}}
@media(max-width:600px){.discipline{min-height:510px;height:74svh;}.discipline-copy{grid-template-columns:minmax(0,1fr);inset:auto var(--space-lg) var(--space-lg);}.discipline-copy h2{font-size:clamp(40px,11vw,64px);}.discipline-open{margin-top:var(--space-xl);}.discipline-copy>p{margin-top:var(--space-md);font-size:14px;}.discipline:nth-child(2) .discipline-cover{inset:var(--space-lg) 4% 32%;}}
@media(prefers-reduced-motion:reduce){.discipline-cover img,.discipline-copy,.discipline-copy h2,.discipline-copy>p,.discipline-open{animation:none;transform:none;opacity:1;}}

/* Layered, native-scroll stages. All category links remain usable without animation. */
:root{--section-motion-ground:#bdcbdc;--section-motion-edge:#8297b0;--section-motion-back:#99adc5;--section-motion-front:#a9bbcf;--section-photo-ground:#151a18;--section-print-paper:#eeeee7;--section-print-shadow:rgba(0,0,0,.25);}
.sections-header{position:relative;z-index:5;}
.sections-intro{position:relative;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:690px;height:calc(100svh - 96px);max-height:920px;align-items:center;padding-block:var(--space-xl) var(--space-2xl);}
.intro-heading{position:relative;z-index:2;}
.intro-heading h1{font-size:clamp(84px,9.5vw,150px);line-height:.95;letter-spacing:-.06em;}
.intro-heading h1>span{display:block;}
.intro-heading p{margin-top:var(--space-lg);color:var(--sections-muted);font-size:17px;line-height:1.5;}
.intro-art{position:relative;height:100%;min-height:420px;perspective:1100px;}
.intro-print{position:absolute;width:42%;height:66%;object-fit:cover;top:14%;box-shadow:16px 24px 48px var(--section-print-shadow);}
.intro-print-back{left:0;transform:rotate(-18deg) translateY(25px);}
.intro-print-middle{left:25%;transform:rotate(-5deg) translateY(-24px);}
.intro-print-front{left:50%;transform:rotate(13deg) translateY(28px);}
.intro-scroll{position:absolute;bottom:var(--space-lg);left:0;right:0;display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:13px;color:var(--sections-muted);}
.intro-scroll span{font-size:28px;color:var(--sections-ink);}
.discipline-list{gap:var(--space-2xl);}
.discipline-scene{min-width:0;position:relative;scroll-margin-top:var(--space-md);}
.discipline-scene .discipline{height:82svh;min-height:580px;max-height:900px;overflow:hidden;isolation:isolate;perspective:1400px;transform-origin:50% 35%;}
.sections-motion-ready .discipline-scene{height:140svh;min-height:860px;}
.sections-motion-ready .discipline{position:sticky;top:8svh;}
.discipline .scene-art{position:absolute;inset:0;perspective:1200px;transform-style:preserve-3d;}
.discipline .discipline-cover,.discipline:nth-child(2) .discipline-cover{z-index:1;inset:auto;aspect-ratio:auto;background:transparent;}
.discipline .discipline-cover img{animation:none;transition:none;transform:none;opacity:1;}
.scene-plane{position:absolute;transform-style:preserve-3d;}
.discipline .scene-plane img{width:100%;height:100%;object-fit:cover;}
.discipline::before{display:none;}
.discipline .discipline-copy{inset:auto var(--space-xl) var(--space-xl);z-index:3;animation:none;transform:none;grid-template-columns:minmax(0,1fr) auto;pointer-events:none;}
.discipline-copy h2{overflow:clip;padding-bottom:.12em;margin-bottom:-.12em;font-size:clamp(72px,10vw,144px);}
.discipline-copy h2 span{display:block;transform-origin:left bottom;}
.discipline-copy>p{font-size:16px;margin-top:var(--space-md);line-height:1.5;}
.discipline .discipline-open{grid-column:2;grid-row:1/3;align-self:end;margin:0;padding:0;}
.discipline-open svg{width:56px;height:56px;}
.discipline-motion{background:var(--section-motion-ground);color:var(--section-design-ink);}
.discipline-motion .discipline-cover{left:29%;top:13%;width:58%;height:auto;aspect-ratio:16/9;box-shadow:16px 24px 48px var(--section-print-shadow);}
.discipline-motion .scene-echo{left:29%;top:13%;width:58%;aspect-ratio:16/9;border:1px solid var(--section-motion-edge);background:var(--section-motion-front);}
.discipline-motion .echo-back{background:var(--section-motion-back);transform:translate(-70px,-30px) rotate(-9deg);}
.discipline-motion .echo-front{transform:translate(-35px,-15px) rotate(-5deg);}
.discipline-design{background:var(--section-design-ground);color:var(--section-design-ink);}
.discipline-design .discipline-cover{left:54%;top:6%;width:28%;height:72%;transform:rotate(9deg);}
.discipline-design .discipline-cover img{object-fit:contain;}
.discipline-design .scene-secondary{left:23%;top:13%;width:23%;height:52%;transform:rotate(-12deg);}
.discipline-design .scene-secondary img{object-fit:contain;}
.discipline-photography{background:var(--section-photo-ground);color:var(--sections-ink);}
.discipline-photography .discipline-cover{inset:-4%;width:108%;height:108%;z-index:0;}
.discipline-photography .scene-secondary{left:59%;top:10%;width:25%;height:53%;z-index:2;transform:rotate(10deg);border:8px solid var(--section-print-paper);box-shadow:16px 24px 48px var(--section-print-shadow);}
.discipline-photography .scene-art::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,var(--section-overlay),var(--section-clear) 80%);pointer-events:none;}
.discipline:focus-visible{outline:3px solid var(--sections-ink);outline-offset:6px;}
.discipline:hover svg{transform:translate(8px,-8px);}
@media(max-width:800px){.sections-intro{grid-template-columns:minmax(0,1fr);height:auto;min-height:0;padding-block:var(--space-xl) var(--space-2xl);}.intro-heading h1{font-size:clamp(70px,13vw,108px);}.intro-art{position:absolute;right:0;top:12%;width:45%;height:280px;min-height:0;opacity:.7;}.intro-heading{max-width:80%;}.intro-heading p{max-width:28ch;}.intro-scroll{position:relative;grid-column:1/-1;bottom:auto;margin-top:var(--space-lg);}.discipline-scene .discipline{min-height:600px;height:76svh;}.sections-motion-ready .discipline-scene{height:120svh;min-height:780px;}.sections-motion-ready .discipline{top:10svh;}.discipline .discipline-copy{inset:auto var(--space-lg) var(--space-lg);}.discipline-copy h2{font-size:clamp(60px,10vw,100px);}.discipline-motion .discipline-cover,.discipline-motion .scene-echo{width:72%;left:18%;top:20%;}.discipline-design .discipline-cover{width:38%;left:52%;height:65%;}.discipline-design .scene-secondary{width:34%;left:14%;height:50%;}.discipline-photography .scene-secondary{width:32%;left:55%;height:50%;}}
@media(max-width:540px){.sections-intro{padding-top:var(--space-lg);padding-bottom:var(--space-xl);gap:var(--space-md);}.intro-heading{max-width:none;}.intro-heading h1{font-size:clamp(66px,16vw,88px);}.intro-heading p{font-size:16px;margin-top:var(--space-md);}.intro-art{position:relative;inset:auto;width:100%;height:280px;opacity:1;}.intro-print{width:35%;height:76%;}.intro-print-back{left:8%;}.intro-print-middle{left:31%;}.intro-print-front{left:54%;}.intro-scroll{margin-top:0;}.discipline-list{gap:var(--space-xl);}.discipline-scene .discipline{min-height:540px;height:75svh;}.sections-motion-ready .discipline-scene{height:112svh;min-height:730px;}.discipline .discipline-copy{inset:auto var(--space-md) var(--space-lg);}.discipline-copy h2{font-size:clamp(38px,10.2vw,54px);}.discipline-copy>p{font-size:14px;}.discipline-open svg{width:32px;height:32px;}.discipline-motion .discipline-cover,.discipline-motion .scene-echo{width:82%;left:10%;top:24%;}.discipline-design .discipline-cover{width:46%;height:62%;left:47%;top:6%;}.discipline-design .scene-secondary{width:41%;height:47%;left:8%;top:10%;}.discipline-photography .scene-secondary{width:47%;height:46%;left:40%;top:10%;}}
@media(prefers-reduced-motion:reduce){.sections-motion-ready .discipline-scene{height:auto;min-height:0;}.sections-motion-ready .discipline{position:relative;top:0;}.discipline .scene-plane,.discipline-copy h2 span,.intro-art,.intro-heading{animation:none!important;}.discipline,.discipline-open svg{transition:none;}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.discipline .scene-art{transition:transform 450ms var(--sections-ease);}}

@media(min-width:801px){.intro-scroll{bottom:calc(var(--space-xl) + var(--space-xl));}}
@media(min-width:801px){.intro-scroll{bottom:calc(var(--space-2xl) + var(--space-2xl));}}
@media(prefers-reduced-motion:reduce){.discipline-scene .discipline,.discipline .scene-art,.discipline .scene-plane,.discipline-copy h2 span,.intro-art,.intro-heading{transform:none!important;opacity:1!important;}.sections-motion-ready .discipline{position:relative!important;top:0!important;}}
.discipline-copy h2{grid-row:1;}.discipline-copy>p{grid-column:1;grid-row:2;}
@media(prefers-reduced-motion:reduce){.sections-main *{animation:none!important;transition:none!important;}}
/* Project each image independently so rotating planes cannot intersect one another. */
.discipline .scene-art{transform-style:flat;}
.discipline .scene-echo{z-index:0;}
@media(max-width:540px){.discipline-motion .discipline-cover,.discipline-motion .scene-echo{width:96%;left:2%;top:27%;}}

/* Development keeps the same scroll stage, led by the supplied gameplay recording. */
:root{--development-ground:#182d40;--development-ink:#fff1d4;}
.discipline-development{background:var(--development-ground);color:var(--development-ink);}
.discipline-development .discipline-cover{left:12%;top:5%;width:76%;height:62%;aspect-ratio:1440/792;box-shadow:16px 24px 48px var(--section-print-shadow);}
.discipline-development .discipline-cover img{object-fit:contain;}
.discipline-development .discipline-copy h2{font-size:clamp(64px,8vw,115px);}
@media(max-width:800px){.discipline-development .discipline-cover{width:88%;left:6%;top:10%;height:55%;}.discipline-development .discipline-copy h2{font-size:clamp(40px,8vw,74px);}}
@media(max-width:540px){.discipline-development .discipline-cover{width:96%;left:2%;top:24%;height:auto;}.discipline-development .discipline-copy h2{font-size:clamp(32px,8.5vw,46px);}}

/* One pinned rail: native vertical distance advances the four choices, then releases. */
.sections-horizontal .discipline-scroll{position:relative;height:var(--rail-height);}
.sections-horizontal .discipline-pin{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:clip;}
.sections-horizontal .discipline-list{display:flex;gap:var(--space-lg);width:100%;will-change:transform;}
.sections-horizontal .discipline-scene{flex:0 0 100%;height:auto;min-height:0;}
.sections-horizontal .discipline-scene .discipline{position:relative;top:auto;height:82svh;min-height:0;max-height:900px;}
.sections-horizontal .discipline:focus-visible{outline-offset:-6px;outline-color:currentColor;}
@media(max-width:800px){.sections-horizontal .discipline-scene .discipline{height:80svh;}}
@media(max-height:540px) and (min-width:801px){.sections-horizontal .discipline-copy h2{font-size:clamp(40px,6vw,80px);}.sections-horizontal .discipline .discipline-copy{inset:auto var(--space-lg) var(--space-md);}}
@media(prefers-reduced-motion:reduce){.discipline-pin{position:static;height:auto;}.discipline-list{transform:none!important;}}

/* Sections: sculptural image stages, adapted from Lusion's depth and editorial scale. */
:root{--section-stage-radius:24px;--section-image-shadow:0 32px 60px var(--section-print-shadow);}
.sections-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);height:calc(100svh - 96px);min-height:660px;max-height:1000px;align-items:center;padding-bottom:100px;overflow:clip;}
.intro-heading{align-self:center;}
.intro-heading h1{font-size:clamp(84px,10vw,154px);letter-spacing:-.065em;}
.intro-heading p{max-width:30ch;}
.intro-art{height:100%;min-height:460px;perspective:1600px;}
.intro-print{top:15%;width:36%;height:60%;box-shadow:var(--section-image-shadow);backface-visibility:hidden;}
.intro-print-back{left:1%;top:15%;}
.intro-print-middle{left:25%;top:6%;}
.intro-print-front{left:55%;top:17%;}
.intro-print-motion{left:6%;top:62%;width:62%;height:auto;aspect-ratio:16/9;transform:rotate(-12deg);}
.intro-scroll{bottom:var(--space-lg);}
.discipline-scene{perspective:1800px;}
.discipline-scene .discipline{border-radius:var(--section-stage-radius);transform-origin:50% 50%;}
.scene-reveal{position:absolute;inset:0;perspective:1600px;transform-origin:50% 60%;}
.discipline .scene-art{perspective:1600px;}
.discipline .scene-plane{backface-visibility:hidden;}
.discipline .scene-plane img{transition:transform 800ms var(--sections-ease);}
.discipline .discipline-copy{inset:auto var(--space-xl) var(--space-xl);}
.discipline-copy h2{font-size:clamp(72px,11vw,158px);letter-spacing:-.065em;}
.discipline-motion .discipline-cover,.discipline-motion .scene-echo{left:37%;top:16%;width:56%;height:auto;aspect-ratio:16/9;border:0;box-shadow:var(--section-image-shadow);overflow:hidden;}
.discipline-motion .scene-echo{opacity:1;}
.discipline-motion .echo-front{z-index:1;}
.discipline-motion .discipline-cover{z-index:2;}
.discipline-design .discipline-cover{left:55%;top:4%;width:30%;height:77%;}
.discipline-design .scene-secondary{left:17%;top:8%;width:30%;height:61%;}
.discipline-design .scene-plane img{object-fit:contain;}
.discipline-photography .scene-secondary{left:62%;top:9%;width:25%;height:56%;border:0;box-shadow:var(--section-image-shadow);}
.discipline-photography .scene-tertiary{left:20%;top:13%;width:34%;height:46%;z-index:2;box-shadow:var(--section-image-shadow);transform:rotate(-12deg);}
.discipline-development .discipline-cover{left:28%;top:15%;width:67%;height:auto;aspect-ratio:1440/792;box-shadow:var(--section-image-shadow);}
.discipline-development .scene-secondary{left:7%;top:7%;width:55%;height:54%;overflow:hidden;opacity:.7;box-shadow:var(--section-image-shadow);}
.discipline-development .scene-secondary img{object-position:left top;}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .discipline:hover .discipline-cover img{transform:scale(1.045);}
 .discipline:hover .scene-secondary img{transform:scale(1.065);}
 .discipline .scene-art{transition:transform 650ms var(--sections-ease);}
}
@media(max-width:800px){
 .sections-intro{grid-template-columns:minmax(0,1fr);min-height:780px;height:calc(100svh - 96px);padding-top:var(--space-lg);align-content:start;}
 .intro-heading{max-width:none;align-self:start;}
 .intro-heading h1{font-size:clamp(68px,12vw,100px);}
 .intro-heading p{font-size:16px;}
 .intro-art{position:absolute;left:26%;right:auto;top:30%;width:70%;height:58%;min-height:0;opacity:1;}
 .intro-scroll{position:absolute;bottom:var(--space-lg);margin:0;}
 .discipline-motion .discipline-cover,.discipline-motion .scene-echo{left:22%;top:23%;width:74%;}
 .discipline-design .discipline-cover{left:49%;top:9%;width:43%;height:64%;}
 .discipline-design .scene-secondary{left:8%;top:15%;width:39%;height:49%;}
 .discipline-photography .scene-secondary{left:53%;top:15%;width:35%;height:46%;}
 .discipline-photography .scene-tertiary{left:8%;top:28%;width:42%;height:32%;}
 .discipline-development .discipline-cover{left:12%;top:30%;width:84%;height:auto;}
 .discipline-development .scene-secondary{left:5%;top:12%;width:75%;height:43%;}
 .discipline-copy h2{font-size:clamp(56px,10vw,100px);}
}
@media(max-width:540px){
 :root{--section-stage-radius:16px;}
 .sections-intro{min-height:720px;height:calc(100svh - 88px);padding-bottom:var(--space-xl);}
 .intro-heading h1{font-size:clamp(66px,18vw,90px);}
 .intro-art{left:0;top:39%;width:100%;height:47%;}
 .intro-print{width:34%;height:61%;}
 .intro-print-motion{width:63%;height:auto;}
 .discipline .discipline-copy{inset:auto var(--space-lg) var(--space-lg);}
 .discipline-copy h2{font-size:clamp(38px,10.2vw,54px);}
 .discipline-copy>p{max-width:28ch;}
 .discipline-motion .discipline-cover,.discipline-motion .scene-echo{top:28%;left:20%;width:80%;}
 .discipline-design .discipline-cover{left:47%;width:49%;top:10%;height:61%;}
 .discipline-design .scene-secondary{left:4%;top:17%;width:45%;height:45%;}
 .discipline-photography .scene-secondary{left:49%;top:13%;width:44%;height:44%;}
 .discipline-photography .scene-tertiary{left:5%;top:36%;width:48%;height:28%;}
 .discipline-development .discipline-copy h2{font-size:clamp(30px,8.5vw,46px);}
}
@media(prefers-reduced-motion:reduce){.scene-reveal,.intro-print{transform:none!important;opacity:1!important;}.discipline .scene-plane img{transition:none;}}

@media(min-width:801px){
 .discipline-motion .discipline-cover,.discipline-motion .scene-echo{left:43%;top:16%;width:52%;}
 .discipline-design .scene-secondary{top:6%;height:56%;}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.intro-art{transition:transform 700ms var(--sections-ease);}}
@media(min-width:801px){.discipline-development .discipline-cover{left:34%;top:12%;width:60%;}}