:root{--paper:#f2f0e8;--ink:#23231f;--red:#db4027;--line:#c9c8bf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}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:2px solid var(--red);outline-offset:6px}.skip{position:fixed;left:16px;top:-100px;padding:12px;background:var(--ink);color:var(--paper);z-index:20}.skip:focus{top:12px}header,main,footer{max-width:1600px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 5%;border-bottom:1px solid var(--line)}.wordmark{font-size:28px;letter-spacing:-1.8px;font-weight:700;display:inline-flex;align-items:center;gap:9px}.mark{color:var(--red);font-size:32px;font-weight:400}nav{display:flex;gap:48px}nav a{font-size:14px;padding:6px 0}nav a:hover,.back:hover{color:var(--red)}nav span{font:10px monospace;color:#73736c;vertical-align:super;margin-left:5px}.header-note,.small-label,.eyebrow,.frame-meta,.tiny,.display-caption{font:11px/1.5 'Courier New',monospace;letter-spacing:.05em}.header-note,.small-label{text-transform:uppercase}.hero{padding:39px 5% 54px}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase}.dot{width:7px;height:7px;border-radius:50%;background:var(--red)}.edition{margin-left:auto;color:#62625b}h1{font-size:clamp(110px,19.7vw,310px);line-height:.92;letter-spacing:-.085em;font-weight:500;margin:47px 0 30px -10px}.period{color:var(--red)}.hero-bottom{display:flex;align-items:end;gap:28px}.hero-bottom p{font-size:clamp(25px,3.1vw,46px);line-height:1.05;letter-spacing:-1.5px;margin:0}.hero-note{font:12px/1.6 'Courier New',monospace;margin-left:auto;padding-bottom:3px}.round-link{width:67px;height:67px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:34px;margin-left:38px;transition:background .2s,color .2s}.round-link:hover{background:var(--ink);color:var(--paper)}.work-section{padding:35px 5% 70px}.section-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);padding:23px 0 29px;gap:20px}h2{font-size:24px;font-weight:400;letter-spacing:-.8px;margin:0}.index{font:11px 'Courier New',monospace;letter-spacing:0;margin-right:27px}.holding-frame{background:#e7e4d9;padding:22px 26px 20px;overflow:hidden}.frame-meta{display:flex;justify-content:space-between}.composition{position:relative;height:clamp(230px,35vw,490px);max-width:850px;margin:auto}.orbit{position:absolute;border:1px solid #6f7066;border-radius:50%;width:63%;height:60%;left:18%;top:18%;transform:rotate(-28deg)}.orbit-two{transform:rotate(28deg);height:50%;top:23%;left:17%}.red-disc{position:absolute;background:var(--red);width:clamp(125px,19vw,260px);aspect-ratio:1;border-radius:50%;left:37%;top:15%;box-shadow:inset -13px -7px 0 #c93723}.ink-block{position:absolute;background:var(--ink);height:44%;width:14%;top:36%;left:38%;transform:rotate(-30deg);mix-blend-mode:multiply}.cross{position:absolute;left:18%;top:30%;font:28px monospace}.frame-number{position:absolute;right:10%;bottom:18%;font:11px monospace}.frame-caption{display:flex;justify-content:space-between;gap:20px;font-size:14px}.tiny{color:#66665e;font-size:10px}.work-note{display:flex;align-items:center;gap:25px;padding:26px 0 0}.asterisk{font-size:40px;color:var(--red)}.work-note p{font-size:14px;line-height:1.7;margin:0}.work-note p span{color:#66665e}.work-line{flex:1;height:1px;background:var(--line);margin:0 15px}.about-section{padding:0 5% 75px}.about-body{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;padding:33px 0 30px}.about-display{font-size:clamp(35px,4.4vw,65px);letter-spacing:-2.8px;line-height:1.12}.about-display em{font-family:Georgia,serif;font-weight:400;color:var(--red)}.display-caption{display:block;letter-spacing:0;color:#696960;margin-top:27px}.red{color:var(--red)}h3{font-size:27px;line-height:1.15;letter-spacing:-.9px;font-weight:400;margin:15px 0 24px}.bio p{font-size:15px;line-height:1.8;max-width:385px;color:#56564f}dl{margin-top:35px}dl div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}dt{color:#696960}dd{margin:0}footer{border-top:1px solid var(--ink);padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span,.back{font-size:11px}footer .wordmark{font-size:23px}footer .mark{font-size:27px}@media(min-width:1600px){h1{font-size:310px}}@media(max-width:650px){header{padding:18px 6%}.header-note{display:none}.wordmark{font-size:25px}nav{gap:25px}.hero{padding:25px 6% 37px}.edition{display:none}h1{font-size:24vw;margin:43px 0 30px -4px}.hero-note{font-size:10px}.hero-bottom{gap:10px}.round-link{margin-left:6px;width:46px;height:46px;font-size:27px}.hero-bottom p{font-size:25px;letter-spacing:-1px}.work-section{padding:25px 6% 48px}.small-label{font-size:9px}.index{margin-right:10px}.section-head{padding:20px 0}.holding-frame{padding:15px}.frame-meta{font-size:9px}.frame-caption{flex-direction:column;gap:8px;font-size:12px}.composition{height:235px}.red-disc{left:34%;top:18%;width:130px}.ink-block{left:36%}.work-note{gap:13px}.work-note p{font-size:12px}.work-line{margin:0}.about-section{padding:0 6% 35px}.about-body{grid-template-columns:1fr;gap:45px;padding-top:20px}.about-display{font-size:45px}.bio p{max-width:none}footer{padding:22px 6%;flex-wrap:wrap}footer>span{order:3;width:100%;color:#696960}.eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Independent pages and spring-like interactions */
@view-transition{navigation:auto}
nav a{display:inline-flex;align-items:center;gap:5px;min-height:44px;position:relative;transition:transform .45s cubic-bezier(.22,1.7,.36,1),color .2s}
nav a:hover{transform:translateY(-4px)}nav a:active{transform:translateY(1px) scale(.96)}nav a[aria-current="page"]{color:var(--red)}nav a[aria-current="page"]:after{content:"";position:absolute;bottom:2px;left:0;width:16px;height:2px;background:var(--red)}
.round-link{transition:transform .55s cubic-bezier(.22,1.7,.36,1),background .2s,color .2s}.round-link:hover{transform:rotate(-12deg) scale(1.08)}
.page-portals{margin:0 5% 65px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.page-portals>a{padding:27px 25px 30px 0;display:flex;flex-direction:column;gap:22px}.page-portals>a+ a{border-left:1px solid var(--line);padding-left:32px}.portal-title{display:flex;justify-content:space-between;font-size:clamp(25px,3vw,44px);letter-spacing:-1.4px}.portal-title>span{transition:transform .6s cubic-bezier(.22,1.7,.36,1);color:var(--red)}.page-portals a:hover .portal-title>span{transform:translate(7px,-7px)}.portal-note{font-size:12px;color:#66665e}.page-intro{padding:55px 5% 42px}.page-intro h1{font-size:clamp(88px,13vw,180px);margin:28px 0 25px -5px}.page-intro p{font-size:16px;margin:0;color:#62625b}.next-page{margin:0 5% 60px;border-top:1px solid var(--ink);padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.next-page>a{font-size:28px;letter-spacing:-1px}.next-page>a span{display:inline-block;color:var(--red);transition:transform .55s cubic-bezier(.22,1.7,.36,1)}.next-page>a:hover span{transform:translate(5px,-5px)}main{animation:page-arrive .65s cubic-bezier(.2,.9,.25,1) both}.page-about .about-section{padding-bottom:40px}.page-index .hero{padding-bottom:65px}.page-work .composition:hover .red-disc{transform:translateY(-8px) rotate(10deg)}.red-disc{transition:transform .7s cubic-bezier(.22,1.7,.36,1)}
@keyframes page-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){header{gap:12px}nav{gap:14px}nav a{font-size:12px;gap:2px}nav span{font-size:8px;margin-left:0}.page-portals{margin:0 6% 40px;grid-template-columns:1fr}.page-portals>a{padding:24px 0;gap:15px}.page-portals>a+a{border-left:0;border-top:1px solid var(--line);padding:24px 0}.portal-title{font-size:31px}.page-intro{padding:40px 6% 20px}.page-intro h1{font-size:24vw}.next-page{margin:0 6% 40px}.next-page>a{font-size:24px}.page-index .hero{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){main{animation:none}nav a:hover,.round-link:hover,.page-portals a:hover .portal-title>span,.next-page>a:hover span,.page-work .composition:hover .red-disc{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none}}