@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500&family=Instrument+Serif:ital@0;1&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;font-size:16px;color:#eeeae3;background:#171a17;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}h1,h2,p,figure{margin:0}h1,h2{font-weight:400}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.skip{position:fixed;z-index:100;top:-100px;left:12px;background:#171a17;color:#fff;padding:12px}.skip:focus{top:12px}.quiet-nav{position:absolute;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;gap:30px;padding:26px 3%;color:#fff;text-shadow:0 1px 10px #0008}.quiet-nav .identity{font-size:14px}.quiet-nav nav{display:flex;gap:25px;font-size:13px}.quiet-nav a:hover{text-decoration:underline;text-underline-offset:5px}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.08em}.prologue{height:100svh;position:relative;background:#171a17}.cinema .prologue{height:620svh}.prologue-pin{position:sticky;top:0;height:100svh;min-height:500px;overflow:hidden;isolation:isolate}.first-territory{position:absolute;inset:0;z-index:1;opacity:0;overflow:hidden}.first-territory>.project-portal{position:absolute;inset:0;display:block}.first-territory img{width:100%;height:100%;object-fit:cover;object-position:52% center}.opening-art{position:absolute;inset:0;z-index:3;pointer-events:none}.shard{position:absolute;inset:0;background:url('/assets/seeing-children.webp') center/cover no-repeat;transform-origin:center}.opening-identity{position:absolute;z-index:7;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:clamp(13px,1.5vw,21px);letter-spacing:.15em;white-space:nowrap;text-shadow:0 2px 20px #17303e;pointer-events:none}.opening-title{position:absolute;z-index:6;bottom:28px;left:3%;font-size:11px;letter-spacing:.12em;color:#fff;pointer-events:none}.woven-statement{position:absolute;z-index:5;inset:0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:10vh 16%;opacity:0;pointer-events:none;color:#eeeae3}.woven-statement h1{font-size:clamp(26px,3.2vw,49px);line-height:1.3;letter-spacing:-.015em}.woven-statement h1 em{font-family:'Instrument Serif',Georgia,serif;font-size:1.15em;font-weight:400}.woven-statement p{font-size:clamp(16px,1.6vw,22px);line-height:1.7;max-width:660px;margin-top:24px}.woven-statement p:last-child{font-size:clamp(15px,1.25vw,18px);color:#bdc2b8;max-width:630px}.perspective{position:absolute;z-index:6;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,1.8vw,25px);letter-spacing:.15em;opacity:0;pointer-events:none}.scene-caption{position:absolute;z-index:8;left:5%;bottom:9%;color:white;max-width:620px;text-shadow:0 2px 16px #0009}.scene-caption h2{font-size:clamp(28px,3.7vw,58px);line-height:1.15;letter-spacing:.015em;margin:13px 0}.scene-caption p{font-size:15px;line-height:1.5}.scene-caption a{display:inline-block}.scene-caption a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}.first-territory .scene-caption{color:#1c3325;text-shadow:0 1px 12px #fff9;bottom:8%}.academic-index{position:relative;background:#171a17;padding:68px 7%;display:grid;grid-template-columns:1fr 2.1fr;gap:10%;border:0}.academic-index>h2{font-size:13px;font-weight:400;color:#aeb8ac;padding-top:12px;line-height:1.5}.academic-index nav{display:flex;flex-direction:column}.academic-index nav a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;font-size:clamp(16px,1.5vw,22px);letter-spacing:.03em;border-bottom:1px solid #343c33;transition:color .25s}.academic-index nav a:hover{color:#b8cda7}.academic-index nav span{font-size:12px;letter-spacing:0;color:#aeb8ac}.project-sequence{height:100svh;position:relative}.cinema .project-sequence{height:245svh}.sequence-pin{position:sticky;top:0;height:100svh;min-height:500px;overflow:hidden;background:#1c231d}.sequence-image{position:absolute;inset:0;display:block}.sequence-image img{width:100%;height:100%;object-fit:cover;object-position:center}.sequence-irradiate .sequence-image img{object-position:center 55%}.sequence-irradiate .scene-caption{color:#1c211a;text-shadow:0 1px 12px #fff8}.radial-samples{position:absolute;inset:0;pointer-events:none;z-index:2}.radial-sample{position:absolute;inset:0;background:url('/assets/irradiate.webp') center 55%/cover no-repeat;transform-origin:50% 57%}.radial-0{clip-path:polygon(50% 57%,17% 0,82% 0)}.radial-1{clip-path:polygon(50% 57%,100% 40%,100% 100%,65% 100%)}.radial-2{clip-path:polygon(50% 57%,20% 100%,0 100%,0 10%)}footer{padding:65px 6%;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;background:#171a17;color:#b9c1b6}footer .contact-name{font-size:21px;color:#eeeae3;margin-bottom:10px}footer p{font-size:13px;line-height:1.7}.contact-links{display:grid;grid-template-columns:auto auto;gap:15px 35px;font-size:14px}.contact-links a:first-child{grid-column:1/-1}.contact-links a:hover{text-decoration:underline;text-underline-offset:5px}.project-arrival{height:100svh;position:relative}.cinema .project-arrival{height:200svh}.arrival-pin{height:100svh;position:sticky;top:0;overflow:hidden}.arrival-image{height:100%;width:100%;object-fit:cover}.arrival-title{position:absolute;bottom:7%;left:5%;right:5%;color:white;text-shadow:0 2px 15px #000a}.arrival-title h1{font-size:clamp(30px,4.5vw,65px);letter-spacing:.01em;line-height:1.15;margin:15px 0}.arrival-title p{font-size:15px}.project-canal .arrival-title,.project-irradiate .arrival-title{color:#142317;text-shadow:0 1px 10px #fff9}.project-context{padding:75px 8%;display:grid;grid-template-columns:1.8fr 1fr;gap:12%;align-items:start;background:#20291f}.context-lead{font-size:clamp(18px,1.8vw,25px);line-height:1.65;max-width:800px}.credits{color:#bac2b6;font-size:13px;line-height:1.7}.credits p{margin-bottom:18px}.reading-moment{display:grid;grid-template-columns:1fr 1.7fr;gap:10%;padding:65px 8%;background:#20291f;align-items:start}.reading-moment h2{font-size:clamp(22px,2.4vw,34px);line-height:1.3}.reading-moment>p{font-size:17px;line-height:1.75;max-width:750px;color:#c7cdbf}.art-frame{position:relative;width:100%;margin:0;background:#fff}.art-frame>a{display:block;cursor:zoom-in}.art-frame img{width:100%;height:auto;display:block}.art-frame figcaption{position:absolute;left:3%;bottom:15px;font-size:11px;color:#3d493c;line-height:1.5;max-width:85%;background:#fff;padding:4px 7px}.art-frame.photograph{height:100svh;background:#1c1e19}.art-frame.photograph>a{height:100%}.art-frame.photograph img{height:100%;object-fit:cover}.art-frame.photograph figcaption{background:none;color:#fff;text-shadow:0 2px 10px #000}.model-wide.photograph{height:auto;background:#fff}.model-wide.photograph img{height:auto;object-fit:initial}.model-wide.photograph figcaption{color:#263a28;text-shadow:none}.material-pair{display:grid;grid-template-columns:1fr 1fr;background:#fff;align-items:center}.material-pair .art-frame{height:auto}.plan-pair{display:grid;grid-template-columns:1fr 1fr;background:white;align-items:center}.project-home .project-context,.project-home .reading-moment{background:#27231e}.project-home .reading-moment>p{color:#d3c9bc}.project-irradiate .project-context,.project-irradiate .reading-moment{background:#25231f}.project-common .project-context,.project-common .reading-moment{background:#242d2c}.project-common .art-frame figcaption{color:#2a3b3e}.radial-detail{height:100svh;background:#d6d3cc}.cinema .radial-detail{height:300svh}.radial-detail-pin{height:100svh;position:sticky;top:0;overflow:hidden}.radial-detail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.object-reverse{opacity:0;clip-path:circle(0% at 50% 57%)}.project-irradiate .table-image img{object-position:center 58%}.next-work{padding:50px 8%;background:#171a17;border-bottom:1px solid #30382f}.next-work a{font-size:20px;letter-spacing:.035em}.next-work a:hover{text-decoration:underline;text-underline-offset:7px}.about-composition{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.about-image{min-height:100svh}.about-image img{height:100%;object-fit:cover}.about-text{padding:130px 10% 70px;background:#252820}.about-text h1{font-size:30px;margin-bottom:35px}.about-text p{font-size:17px;line-height:1.75;margin-bottom:22px;color:#d0d4c8}.about-record{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:65px 8%}.about-record h2{font-size:20px;margin-bottom:25px}.about-record p{font-size:15px;color:#b9c1b6;line-height:1.7;margin:18px 0}.portal-transition{position:fixed;inset:0;z-index:200;background:#171a17;opacity:0;pointer-events:none;transition:opacity .5s ease}.portal-transition img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform .65s cubic-bezier(.22,.61,.36,1)}.portal-transition.active{opacity:1}.portal-transition.active img{transform:scale(1)}.art-dialog{background:#121612;color:#eeeae3;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0}.art-dialog::backdrop{background:#121612}.viewer-toolbar{height:68px;padding:16px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px}.viewer-title{font-size:14px}.viewer-close{font-size:13px;border:0;background:none;color:inherit;cursor:pointer;padding:10px}.viewer-stage{height:calc(100dvh - 140px);display:flex;justify-content:center;align-items:center;overflow:auto;padding:10px}.viewer-stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.viewer-controls{height:72px;display:flex;justify-content:center;align-items:center;gap:30px}.viewer-controls button{font-size:13px;color:inherit;border:0;background:none;cursor:pointer;padding:10px}.viewer-controls button:disabled{opacity:.3}.viewer-controls a{font-size:13px}.viewer-controls button:hover,.viewer-close:hover{text-decoration:underline}.cinema .scene-caption,.cinema .arrival-title{opacity:0}
@media(max-width:900px){.quiet-nav{padding:22px 5%}.quiet-nav nav{gap:20px}.woven-statement{padding:10vh 10%}.project-context{gap:7%;padding:55px 6%}.reading-moment{padding:50px 6%;gap:6%}.material-pair,.plan-pair{grid-template-columns:1fr}.about-text{padding:110px 8% 45px}}
@media(max-width:600px){.quiet-nav{padding:20px 6%;gap:20px;align-items:start}.quiet-nav .identity{font-size:12px;max-width:95px;line-height:1.5}.quiet-nav nav{gap:17px;font-size:11px;padding-top:3px}.prologue-pin,.sequence-pin{min-height:480px}.cinema .prologue{height:590svh}.opening-identity{font-size:12px;letter-spacing:.1em}.opening-title{left:6%;font-size:10px;bottom:22px}.woven-statement{padding:80px 8%;justify-content:center}.woven-statement h1{font-size:28px}.woven-statement p{font-size:16px;line-height:1.65;margin-top:21px}.woven-statement p:last-child{font-size:15px}.perspective{font-size:13px;letter-spacing:.11em}.scene-caption{left:6%;right:6%;bottom:9%}.scene-caption h2{font-size:32px}.scene-caption p{font-size:14px}.eyebrow{font-size:10px;letter-spacing:.04em}.academic-index{padding:40px 6%;display:block}.academic-index>h2{margin-bottom:20px;font-size:12px}.academic-index nav a{font-size:15px;gap:10px;align-items:baseline}.academic-index nav span{font-size:10px;max-width:100px;text-align:right}.cinema .project-sequence{height:220svh}.sequence-irradiate .sequence-image img{object-position:50% 55%}.scene-caption{max-width:none}.cinema .project-arrival{height:180svh}.arrival-title{left:6%;bottom:8%}.arrival-title h1{font-size:35px}.project-context{display:block;padding:45px 7%}.context-lead{font-size:19px;line-height:1.6}.credits{margin-top:30px;font-size:12px}.credits p{margin-bottom:10px}.reading-moment{display:block;padding:42px 7%}.reading-moment h2{font-size:25px;margin-bottom:20px}.reading-moment p{font-size:16px;line-height:1.7}.art-frame figcaption{position:static;padding:9px 5%;margin:0;font-size:10px;background:#fff;color:#314131}.art-frame.photograph{height:85svh}.art-frame.photograph figcaption{position:absolute;bottom:13px;background:none;padding:0}.model-wide.photograph{height:auto}.model-wide.photograph figcaption{position:static;padding:9px 5%}.art-frame.drawing img{width:100%}.cinema .radial-detail{height:260svh}.next-work{padding:35px 7%}.next-work a{font-size:18px}footer{display:block;padding:45px 7%}.contact-links{margin-top:30px;font-size:13px;gap:15px}.contact-name{font-size:20px}.about-composition{display:block}.about-image{height:75svh;min-height:0}.about-text{padding:45px 7%}.about-text h1{font-size:28px}.about-text p{font-size:16px}.about-record{display:block;padding:35px 7%}.about-record>div{margin-bottom:35px}.viewer-title{font-size:12px;max-width:75%;line-height:1.5}.viewer-stage{padding:3px}.viewer-controls{gap:17px}.viewer-controls button,.viewer-controls a{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinema .prologue{height:300svh}.prologue-pin{position:relative;height:300svh;overflow:hidden}.opening-art{height:100svh}.opening-identity{top:50svh}.opening-title{top:94svh;bottom:auto}.woven-statement{top:100svh;height:100svh;opacity:1!important}.perspective{top:180svh;height:20svh;opacity:1!important;font-size:12px}.first-territory{top:200svh;height:100svh;opacity:1!important;clip-path:none!important}.first-territory .scene-caption{opacity:1!important}.cinema .project-sequence,.cinema .project-arrival{height:100svh}.scene-caption,.arrival-title{opacity:1!important}.radial-samples{display:none}.cinema .radial-detail{height:200svh}.radial-detail-pin{height:200svh;position:relative}.radial-detail .object-front{height:100svh}.radial-detail .object-reverse{top:100svh;height:100svh;opacity:1;clip-path:none}.portal-transition{display:none}*{transition:none!important}}
.portal-transition img{transform:scale(1)}.portal-transition.active img{transform:scale(1.16)}
/* A moving cover, followed by calm image-led pages. */
:root{background:#f6f6f3;color:#20241f}html{scroll-behavior:auto;scroll-padding-top:95px}.quiet-nav{position:fixed;background:#f6f6f3;color:#242b23;text-shadow:none;padding:22px 4%;border-bottom:1px solid #e4e7df;align-items:center}.quiet-nav .identity,.quiet-nav nav{font-size:14px}.cover-nav .quiet-nav{color:white;background:transparent;border-color:transparent;text-shadow:0 1px 12px #0008}.cinema .prologue{height:490svh}.prologue{color:#eeeae3;background:#171a17}.perspective{color:#eeeae3}.academic-index{background:#f6f6f3;color:#263123;padding:60px 8% 30px}.academic-index>h2,.academic-index nav span{color:#62705f}.academic-index nav a{border-color:#d9dfd4}.academic-index nav a:hover{color:#435c38}.project-sequence,.cinema .project-sequence{height:auto;padding:55px 8% 85px;max-width:1700px;margin:auto;background:transparent}.sequence-pin{position:relative;top:auto;height:auto;min-height:0;overflow:visible;background:transparent}.sequence-image{position:relative;inset:auto;display:block}.sequence-image img{width:100%;height:auto;object-fit:initial;transform:none!important}.sequence-irradiate .sequence-image{max-width:800px;margin:auto}.scene-caption,.cinema .scene-caption{position:static;opacity:1!important;transform:none!important;color:#283525;text-shadow:none;max-width:none;margin-top:22px}.scene-caption h2{font-size:clamp(25px,3vw,40px);margin:8px 0}.scene-caption p{font-size:16px;color:#64705e}.scene-caption .eyebrow{font-size:12px}.sequence-irradiate .scene-caption{color:#283525;text-shadow:none;max-width:800px;margin:22px auto 0}.project-page main{padding-top:100px}.project-back{position:fixed;top:80px;left:2%;z-index:39;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#f6f6f3;color:#273423;font-size:27px}.project-back:hover{background:#e9ede5}.project-arrival,.cinema .project-arrival{height:auto;width:84%;max-width:1450px;margin:30px auto 0}.arrival-pin{height:auto;position:relative;top:auto;overflow:visible}.arrival-image{width:100%;height:auto;object-fit:initial;transform:none!important}.arrival-title,.cinema .arrival-title{position:static;opacity:1!important;color:#273324;text-shadow:none;margin-top:25px}.arrival-title h1{font-size:clamp(29px,3.5vw,48px);margin:10px 0}.arrival-title p{font-size:16px;color:#66735e}.project-canal .arrival-title,.project-irradiate .arrival-title{color:#273324;text-shadow:none}.project-irradiate .project-arrival{max-width:850px}.project-context,.project-home .project-context,.project-irradiate .project-context,.project-common .project-context{background:transparent;padding:55px 8%;color:#293425}.context-lead{font-size:20px;line-height:1.7}.credits{color:#67715f;font-size:14px}.reading-moment,.project-home .reading-moment,.project-irradiate .reading-moment,.project-common .reading-moment{background:transparent;color:#293425;padding:55px 8%}.reading-moment>p,.project-home .reading-moment>p{color:#63705a}.art-frame{width:84%;max-width:1450px;margin:30px auto 60px;background:transparent}.art-frame.photograph{height:auto;background:transparent}.art-frame.photograph>a{height:auto}.art-frame.photograph img{height:auto;object-fit:initial;transform:none}.art-frame figcaption,.art-frame.photograph figcaption,.model-wide.photograph figcaption{position:static;color:#66735e;background:transparent;text-shadow:none;padding:14px 0 0;font-size:12px;max-width:100%}.project-irradiate .art-frame.photograph{max-width:850px}.material-pair,.plan-pair{display:block;background:transparent}.art-frame img{height:auto}.about-page{padding-top:70px}.about-text{background:#eef0e9;color:#283423;padding-top:80px}.about-text p{color:#526348}.about-record p{color:#526348}.extra-work{padding:55px 0 75px;border-top:1px solid #dce2d6;overflow:hidden}.reel-heading{display:flex;justify-content:space-between;align-items:center;padding:0 8% 26px}.reel-heading h2{font-size:20px;font-weight:400}.reel-toggle{border:0;border-bottom:1px solid #738168;background:none;color:#526348;padding:6px 0;font-size:13px;cursor:pointer}.reel-window{width:100%;overflow-x:auto;scrollbar-width:thin}.reel-track{display:flex;width:max-content;animation:reel-drift 100s linear infinite}.reel-set{display:flex;align-items:center;gap:28px;padding-right:28px;flex-shrink:0}.reel-set img{height:320px;width:auto;max-width:none;object-fit:contain}.reel-set>a{display:block;flex-shrink:0}.reel-window:hover .reel-track,.reel-window:focus-within .reel-track,.extra-work.paused .reel-track,body:has(dialog[open]) .reel-track{animation-play-state:paused}@keyframes reel-drift{to{transform:translateX(-50%)}}
@media(max-width:600px){.quiet-nav{padding:16px 5%;gap:14px}.quiet-nav .identity{font-size:12px;max-width:80px}.quiet-nav nav{gap:12px;font-size:12px}.cinema .prologue{height:470svh}.academic-index{padding:35px 6% 15px}.project-sequence,.cinema .project-sequence{padding:35px 6% 50px}.scene-caption h2{font-size:28px}.scene-caption p{font-size:15px}.project-page main{padding-top:110px}.project-back{top:76px;left:3%;width:34px;height:34px;font-size:25px}.project-arrival,.cinema .project-arrival{width:88%;margin-top:15px}.arrival-title h1{font-size:31px}.project-context{padding:35px 6%}.context-lead{font-size:18px}.credits{font-size:13px}.reading-moment{padding:35px 6%}.art-frame,.art-frame.photograph{width:88%;height:auto;margin:20px auto 40px}.art-frame figcaption,.art-frame.photograph figcaption{position:static;padding:10px 0;font-size:12px}.reel-set img{height:240px}.reel-set{gap:18px;padding-right:18px}.extra-work{padding:35px 0 50px}.reel-heading{padding:0 6% 22px}.reel-track{animation-duration:100s}}
@media(prefers-reduced-motion:reduce){.cinema .prologue{height:200svh}.prologue-pin{height:200svh}.woven-statement{height:85svh}.perspective{top:185svh;height:15svh}.cinema .project-sequence,.cinema .project-arrival{height:auto}.reel-track{animation:none}.reel-set[aria-hidden]{display:none}.reel-toggle{display:none}}
/* Project booklets: source spreads retain their complete composition. */
.quiet-nav{justify-content:flex-end}.quiet-nav nav{margin-left:auto}.project-book{width:84%;max-width:1450px;margin:25px auto 0}.book-shell{width:100%}.book-stage{position:relative;aspect-ratio:2 / 1;background:#fff;perspective:2000px;overflow:hidden;isolation:isolate;cursor:pointer;touch-action:pan-y pinch-zoom;box-shadow:0 9px 24px #25301c12}.book-image{width:100%;height:100%;object-fit:contain;display:block}.book-stage.is-cover .book-image{object-fit:cover}.book-spine{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#25301c26;box-shadow:0 0 8px 2px #25301c0a;pointer-events:none;z-index:2}.turn-sheet{position:absolute;z-index:3;left:50%;top:0;width:50%;height:100%;overflow:hidden;transform-origin:left center;backface-visibility:hidden;visibility:hidden;background:#fff;pointer-events:none}.turn-sheet img{position:absolute;height:100%;width:200%;max-width:none;left:-100%;object-fit:fill}.turn-sheet.backward{left:0;transform-origin:right center}.turn-sheet.backward img{left:0}.book-controls{display:flex;align-items:center;gap:18px;padding:16px 0;color:#48563f;font-size:13px}.book-controls button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:7px 9px}.book-controls button:disabled{opacity:.3;cursor:default}.book-prev,.book-next{font-size:24px!important}.book-status{min-width:45px;text-align:center;font-variant-numeric:tabular-nums}.book-actions{margin-left:auto;display:flex;align-items:center;gap:25px}.book-actions a:hover,.book-expand:hover{text-decoration:underline;text-underline-offset:5px}.book-introduction{width:84%;max-width:1450px;margin:35px auto 55px;display:grid;grid-template-columns:1fr 1.5fr;gap:10%}.book-introduction h1{font-size:clamp(26px,3vw,40px);line-height:1.2}.book-theme{font-size:15px;color:#67735f;margin-top:13px}.book-introduction>div>p:not(.book-theme){font-size:17px;line-height:1.75}.book-introduction .book-credit{font-size:13px!important;color:#68775e;margin-top:20px}.book-dialog{border:0;background:#f6f6f3;color:#26351e;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:20px 3%;overflow:auto}.book-dialog::backdrop{background:#f6f6f3}.book-dialog .book-shell{max-width:calc((100dvh - 100px)*2);margin:auto}.book-dialog .book-stage{height:auto;aspect-ratio:2 / 1}.book-dialog .book-controls{padding:7px 0}.contact-page-content{min-height:72svh;padding:150px 10% 90px;max-width:1300px}.contact-page-content>h1{font-size:clamp(30px,4vw,52px);margin:30px 0 15px}.contact-page-content>p{color:#617357;font-size:18px}.contact-details{margin-top:60px;display:grid;grid-template-columns:1.4fr 1fr;gap:60px}.contact-details h2{font-size:13px;color:#6a785f;margin-bottom:18px;font-weight:400}.contact-details a{font-size:clamp(16px,2vw,24px);overflow-wrap:anywhere;border-bottom:1px solid #b9c5b1;padding-bottom:5px}.experience-entry{border-top:1px solid #d6dfce;padding-top:18px}.experience-entry h3{font-size:19px;font-weight:400;margin:15px 0 10px}.experience-entry .experience-date{font-size:13px}.tools-heading{margin-top:35px}.cinema .prologue{height:430svh}
@media(max-width:600px){.project-book{width:88%;margin-top:15px}.book-controls{gap:9px;font-size:12px;padding:8px 0}.book-controls button{padding:6px}.book-actions{gap:10px}.book-status{min-width:38px}.book-introduction{width:88%;display:block;margin:25px auto 40px}.book-introduction>div+div{margin-top:25px}.book-introduction h1{font-size:30px}.book-introduction>div>p:not(.book-theme){font-size:16px}.book-dialog{padding:80px 2% 20px}.contact-page-content{padding:140px 8% 70px;min-height:70svh}.contact-details{display:block;margin-top:45px}.contact-details>div{margin-top:32px}.contact-details a{font-size:17px}.cinema .prologue{height:410svh}.quiet-nav nav{font-size:14px;gap:25px}}
@media(prefers-reduced-motion:reduce){.cinema .prologue{height:200svh}.turn-sheet{display:none}}

.turn-sheet.cover-sheet img{object-fit:cover}
/* A quiet title returns to the cover; navigation lives beside the book. */
.site-title{margin-right:auto;font-size:15px;font-weight:400;letter-spacing:.015em;line-height:1.3;text-decoration:none}
.home-page.cinema:not(.brand-ready) .site-title{opacity:0;visibility:hidden;pointer-events:none}
.site-title{transition:opacity .25s ease}
.book-shell{position:relative}
.book-prev,.book-next{position:absolute;top:calc(50% - 25px);transform:translateY(-50%);width:44px;height:52px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#35442c;cursor:pointer;z-index:5;padding:10px}
.book-prev{left:-52px}.book-next{right:-52px}
.book-prev svg,.book-next svg{width:24px;height:28px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:square;stroke-linejoin:miter}
.book-prev:disabled,.book-next:disabled{opacity:.22;cursor:default}
.book-prev:hover:not(:disabled),.book-next:hover:not(:disabled){background:#e9ede5}
.book-prev:focus-visible,.book-next:focus-visible,.site-title:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.book-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.book-dialog{padding-left:60px;padding-right:60px}
.section-comparison{width:84%;max-width:1450px;margin:30px auto 60px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.section-comparison .art-frame{width:100%;margin:0}
.extra-work .reel-track{animation-duration:240s}
.extra-work .reel-set{align-items:flex-start;gap:100px;padding-right:100px}
.reel-project{flex:none}
.reel-project h3{font-size:16px;font-weight:400;margin:0 0 22px;color:#526348;line-height:1.5}
.reel-drawings{display:flex;align-items:start;gap:36px}
.reel-drawings figure{margin:0;flex:none}
.reel-drawings a{display:block}
.extra-work .reel-set img{height:clamp(420px,66svh,760px);width:auto;max-width:90vw;object-fit:contain;object-position:center}
.reel-drawings figcaption{font-size:13px;color:#62705f;margin-top:15px}
@media(max-width:600px){.extra-work .reel-set img{height:58svh;min-height:350px;max-width:92vw}.extra-work .reel-set{gap:64px;padding-right:64px}.reel-drawings{gap:22px}}
footer>div:first-child{width:fit-content;text-align:center}
footer .contact-links{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
@media(max-width:600px){.quiet-nav{gap:14px}.quiet-nav nav{gap:14px;font-size:12px}.site-title{max-width:130px;font-size:12px}.project-book{width:calc(100% - 88px)}.book-prev{left:-42px}.book-next{right:-42px}.book-dialog{padding-left:44px;padding-right:44px}.section-comparison{width:88%;grid-template-columns:1fr;gap:25px}footer .contact-links{align-items:flex-start}footer .contact-links a{font-size:14px}}
/* Complete landscape spreads, with one continuous row per project. */
.academic-reel{margin:16px 0 64px}
.academic-reel>h3{font-size:16px;font-weight:400;margin:0 8% 24px;color:#526348}
.academic-reels .reel-set{gap:40px;padding-right:40px;align-items:center}
.academic-reels .reel-set img{display:block;width:82vw;max-width:none;height:auto;aspect-ratio:1190.55 / 595.276;object-fit:contain;min-height:0}
.academic-reels .reel-track{animation-duration:200s}
.academic-reels .reverse-reel .reel-track{animation-direction:reverse;animation-duration:225s}
.about-composition{min-height:0;align-items:start}
.about-image{min-height:0;padding:65px 6% 50px 12%;height:auto}
.about-image img{display:block;width:100%;height:auto;object-fit:contain}
.about-text{padding-top:65px;padding-bottom:65px}
@media(max-width:600px){.academic-reels .reel-set img{width:94vw;height:auto;min-height:0;max-width:none}.academic-reels .reel-set{gap:20px;padding-right:20px}.academic-reel{margin-bottom:42px}.about-image{height:auto;padding:35px 6% 0}.about-text{padding-top:35px}}
/* A fixed introduction beside each compact moving sequence. */
.academic-reels{padding:30px 0 35px}
.academic-reels .reel-heading{padding-bottom:18px}
.academic-reels .academic-reel{margin:0 0 22px}
.academic-reels .academic-reel>h3{margin:0 8% 12px;font-size:14px}
.academic-row{display:grid;grid-template-columns:min(41vw,56svh) minmax(0,1fr);gap:24px;margin-left:8%;margin-right:8%;align-items:start}
.reel-introduction{display:block;min-width:0}
.reel-introduction img{display:block;width:100%;height:auto;aspect-ratio:1190.55 / 595.276;object-fit:contain}
.academic-row .reel-window{min-width:0;overflow-x:auto}
.academic-reels .reel-set img{width:min(41vw,56svh);height:auto;min-height:0;max-width:none;aspect-ratio:1190.55 / 595.276}
.academic-reels .reel-set{gap:24px;padding-right:24px}
.academic-reels .reel-track{animation-duration:140s}
.academic-reels .reverse-reel .reel-track{animation-duration:160s}
.about-image img{width:50%;margin:0 auto}
.next-project{width:84%;max-width:1450px;margin:10px auto 65px;display:flex;justify-content:flex-end;text-align:right}
.next-project a{font-size:20px;line-height:1.6}
.next-project span{display:block;font-size:14px;color:#62705f;margin-bottom:4px}
.next-project a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){.academic-row{grid-template-columns:42vw minmax(0,1fr);gap:12px;margin-left:4%;margin-right:4%}.academic-reels .reel-set img{width:42vw;min-height:0;height:auto}.academic-reels .reel-set{gap:12px;padding-right:12px}.academic-reels .academic-reel>h3{margin-left:4%}.about-image img{width:50%;margin:0 auto}.next-project{width:88%;margin-bottom:40px}}
.contact-details{display:flex;flex-direction:column;gap:32px;margin-top:35px}
.contact-details h2{margin-bottom:12px}
/* Give each homepage project breathing room on laptop screens. */
.home-page .sequence-image{width:90%;margin-left:auto;margin-right:auto}
.home-page .sequence-image img{max-height:calc(100svh - 245px);width:auto;max-width:100%;margin:0 auto;object-fit:contain;display:block}
.home-page .sequence-irradiate .sequence-image{max-width:720px}
.home-page .scene-caption{width:90%;margin-left:auto;margin-right:auto}
.home-page .sequence-irradiate .scene-caption{max-width:720px}
@media(max-width:600px){.home-page .sequence-image img{max-height:calc(100svh - 210px)}}