:root{--paper:#f8f6f0;--ink:#282822;--muted:#68685e;--purple:#7338c3;--line:#dcd9cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--purple);outline-offset:6px}a:hover{text-decoration:underline}.shell{max-width:1344px;margin:auto;padding-left:64px;padding-right:64px}header{height:106px;display:flex;align-items:center;justify-content:space-between}.logo{display:block;width:143px;height:auto}nav{display:flex;gap:35px;align-items:center;font-size:13px}.nav-contact{border-bottom:1px solid var(--ink);padding:12px 0}.nav-contact span{margin-left:27px}.eyebrow{font:10px/1.6 Arial,sans-serif;font-weight:600;letter-spacing:1.6px;margin:0 0 26px}.hero{text-align:center;padding-top:58px}.hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:10px}.hero .eyebrow span{height:6px;width:6px;background:#ee8057;border-radius:50%}h1{font-size:clamp(78px,8.8vw,128px);line-height:.94;letter-spacing:-7px;font-weight:500;margin:0 0 30px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--purple);letter-spacing:-7px}.hero-description{font-size:20px;line-height:1.5;letter-spacing:-.4px;margin:0 0 27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--ink);color:#fffdf6;padding:18px 23px;border-radius:4px;font-size:13px;transition:background .18s,transform .18s}.button:hover{background:var(--purple);text-decoration:none;transform:translateY(-2px)}.pilot-note{font-size:10px;color:var(--muted);line-height:1.6;margin:14px 0 0}figure{margin:0}img{max-width:100%}.hero-art{margin-top:47px;text-align:left}.hero-art img{display:block;width:100%;height:390px;object-fit:cover;object-position:center 55%;border-radius:3px}figcaption{display:flex;justify-content:space-between;font-family:monospace;font-size:10px;line-height:1.6;color:var(--muted);padding:15px 0;letter-spacing:.1px}.hero-art figcaption span:first-child{font-size:9px;letter-spacing:1px}.statement{padding-top:106px;padding-bottom:104px;text-align:center}.statement h2{font-size:54px;letter-spacing:-2.4px;line-height:1.12;margin:0 0 27px;font-weight:500}.statement h2 span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}.statement>p:last-child{max-width:640px;margin:auto;font-size:16px;line-height:1.85;color:var(--muted)}.work{padding-bottom:90px}.section-label{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between}.section-label>span{font-family:monospace;letter-spacing:1px;font-size:9px;color:var(--muted)}.work-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}h2{font-size:48px;line-height:1.1;letter-spacing:-2px;font-weight:500;margin:0 0 26px}.work-title h2{margin:0}.work-title>p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:0}.work-layout{display:grid;grid-template-columns:1fr 1fr;gap:58px}.work-art img{display:block;width:100%;height:440px;object-fit:cover;border-radius:3px}.work-art figcaption{font-size:10px}.roles article{display:flex;gap:28px;padding:25px 0;border-top:1px solid var(--line)}.role-number{font-family:monospace;font-size:10px;color:#8a7d94;margin-top:6px}.roles h3{font-size:22px;letter-spacing:-.6px;font-weight:500;margin:0 0 11px}.roles article p{font-size:14px;line-height:1.75;color:var(--muted);margin:0;max-width:380px}.example-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:20px}.process{background:#eae9df;padding:64px 0 60px}.process h2{font-size:46px}.process ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:0;margin:45px 0 0}.process li{border-top:1px solid #c7c8ba;padding-top:20px}.process li>span{font:9px monospace;letter-spacing:1px;color:var(--muted)}.process h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:26px 0 13px}.process li p{font-size:14px;line-height:1.75;color:#5b5d52;max-width:285px;margin:0}.control{padding-top:95px;padding-bottom:86px;position:relative}.control figure{width:76%}.control img{display:block;width:100%;height:430px;object-fit:cover;border-radius:3px}.control-copy{position:relative;background:var(--paper);margin-left:40%;margin-top:-100px;padding:42px 0 0 45px;max-width:670px}.control-copy h2{font-size:43px;line-height:1.14}.control-copy>p:last-child{font-size:15px;line-height:1.8;color:var(--muted);max-width:470px}.contact{border-top:1px solid var(--line);text-align:center;padding-top:68px;padding-bottom:75px}.contact h2{font:italic 58px/1.08 Georgia,'Times New Roman',serif;letter-spacing:-2px}.contact>p:not(.eyebrow):not(.pilot-note){font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 27px}footer{min-height:113px;display:flex;align-items:center;gap:35px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer .logo{width:112px}footer p{margin-left:auto}footer p a{color:var(--ink)}.skip{position:absolute;top:-100px;left:15px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}@media(min-width:1500px){.hero-art img{height:440px}}@media(max-width:1000px){.shell{padding-left:35px;padding-right:35px}.hero-art img{height:350px}h1{letter-spacing:-5px}h1 em{letter-spacing:-5px}.work-layout{gap:30px}.work-art img{height:420px}.process ol{gap:30px}.control-copy{margin-left:32%;padding-left:30px}.control-copy h2{font-size:37px}}@media(max-width:650px){.shell{padding-left:23px;padding-right:23px}header{height:83px}.logo{width:119px}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:12px;padding:9px 0}.nav-contact span{margin-left:18px}.hero{padding-top:43px}.eyebrow{font-size:8px;letter-spacing:1.35px;margin-bottom:24px}h1{font-size:74px;letter-spacing:-4.5px;margin-bottom:25px}h1 em{letter-spacing:-4px}.hero-description{font-size:16px;line-height:1.55;letter-spacing:-.2px}.button{padding:17px 21px;font-size:12px}.pilot-note{font-size:9px}.hero-art{margin:35px -23px 0}.hero-art img{height:235px;border-radius:0;object-position:center}.hero-art figcaption{padding:12px 23px;font-size:8px;gap:12px}.hero-art figcaption span:first-child{font-size:8px;flex-shrink:0}.statement{padding-top:63px;padding-bottom:62px}.statement h2{font-size:35px;letter-spacing:-1.4px}.statement>p:last-child{font-size:14px;line-height:1.8}.work{padding-bottom:45px}.section-label{padding-top:20px;align-items:start}.section-label .eyebrow{max-width:170px}.section-label>span{font-size:7px;letter-spacing:0;margin-top:1px}.work-title{display:block;margin-bottom:27px}h2{font-size:37px;letter-spacing:-1.5px}.work-title>p{font-size:13px;margin-top:20px}.work-title>p br{display:none}.work-layout{grid-template-columns:1fr;gap:22px}.work-art img{height:270px}.work-art figcaption{font-size:9px}.roles article{padding:24px 0;gap:22px}.roles h3{font-size:22px}.roles article p{font-size:14px}.example-note{font-size:9px}.process{padding:45px 0}.process h2{font-size:35px}.process ol{grid-template-columns:1fr;gap:27px;margin-top:33px}.process li{padding-top:17px}.process h3{font-size:23px;margin:15px 0 10px}.process li p{max-width:none}.control{padding-top:48px;padding-bottom:43px}.control figure{width:100%}.control img{height:260px}.control figcaption{font-size:9px}.control-copy{margin:0;padding:25px 0 0;max-width:none}.control-copy h2{font-size:35px;letter-spacing:-1.4px}.control-copy>p:last-child{font-size:14px}.contact{padding-top:46px;padding-bottom:49px}.contact h2{font-size:39px;letter-spacing:-1.4px}.contact>p:not(.eyebrow):not(.pilot-note){font-size:14px}.contact>p br{display:none}footer{padding-top:26px;padding-bottom:26px;flex-wrap:wrap;gap:12px}footer .logo{width:100px}footer p{font-size:9px;margin-left:auto}footer>span{width:100%;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Each chapter uses its own composition, without alternating split panels. */
.work-layout{display:flex;flex-direction:column;gap:30px}.work-art{order:2}.work-art img{height:310px;object-position:center 52%}.roles{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px}.roles article{gap:16px;padding:24px 0}.roles h3{font-size:21px}.example-note{grid-column:1/-1;margin:0}.work-art figcaption{justify-content:flex-end}@media(max-width:900px){.roles{column-gap:22px}.roles article{gap:12px}.roles h3{font-size:19px}.roles article p{font-size:13px}}@media(max-width:650px){.roles{display:block}.roles article{padding:24px 0;gap:22px}.roles h3{font-size:22px}.roles article p{font-size:14px}.example-note{margin-top:12px}.work-art img{height:235px}.work-layout{gap:25px}.work-art figcaption{justify-content:flex-start}}
/* Show each contextual scene in full so the work remains understandable. */
.hero-art img{height:auto;max-height:620px;object-fit:contain;background:#fff9ef}
.work-art img{height:440px;object-fit:contain;background:#fff9ef}
.control img{height:auto;max-height:570px;object-fit:contain;background:#fff9ef}
.control-copy{margin-top:-45px}
@media(max-width:650px){.hero-art img{height:auto;max-height:none}.work-art img{height:auto}.control img{height:auto}.control-copy{margin-top:0}.hero-art figcaption{font-size:7px}.hero-art figcaption span:first-child{font-size:7px}}

.hero-art img,.work-art img,.control img{height:auto;max-height:none;object-fit:contain;background:transparent}