/* A folded-paper system: shared edges, hinges, folds and explicit controls. */
:root{--paper:#eceee4;--light:#f7f8f0;--ink:#1c3029;--muted:#566359;--line:#b6bfae;--acid:#d3ed75;--crease:#819574;--red:#9a4430;--fold-ease:cubic-bezier(.2,.75,.2,1)}
main{overflow:clip}.hero-open-hint{pointer-events:auto!important;cursor:pointer}.hero-open-hint:hover{background:#425732;color:#efffc5}
.viewer-close:focus-visible,.menu-toggle:focus-visible,.fold-play:focus-visible,.photo-controls button:focus-visible{box-shadow:inset 0 0 0 2px #91ac55;outline-offset:-4px}.detail-copy{animation:wing-open .46s var(--fold-ease)}@keyframes wing-open{from{opacity:.4;transform:perspective(1100px) rotateY(-14deg)}to{opacity:1;transform:perspective(1100px) rotateY(0deg)}}
body{background-image:linear-gradient(115deg,transparent 0 68%,#ffffff24 68% 68.07%,transparent 68.1%),linear-gradient(90deg,transparent calc(50% - .5px),#6e7e5b0b 50%,transparent calc(50% + .5px));background-size:100% 100vh}
.site-header{height:98px;position:relative;z-index:30;padding-top:14px;padding-bottom:14px;border-bottom-color:#859578;gap:20px}
.brand{font-weight:600;letter-spacing:-.8px;flex-shrink:0}.brand-sub{font-size:9px;font-weight:400;letter-spacing:1.6px}.fold-mark{width:44px;height:44px;background:conic-gradient(from 40deg at 48% 48%,#8f9f5b 0 28%,#244538 28% 50%,#d3ed75 50% 78%,#728b50 78%);transition:transform .5s var(--fold-ease)}.brand:hover .fold-mark{transform:rotate(14deg) rotateY(25deg)}
nav{gap:0;align-self:stretch;align-items:center;perspective:700px}nav a{padding:14px 19px 13px;border-left:1px solid #87947866;min-width:81px;font-size:13px;transition:background .25s,transform .35s,color .25s;transform-origin:left center}nav a:last-child{border-right:1px solid #87947866}nav a::before{content:attr(data-index);display:block;font:10px/1 var(--sans);letter-spacing:1.3px;color:#758269;margin-bottom:8px}nav a:after{height:10px;bottom:-7px;left:0;right:0;transform:scaleY(0);transform-origin:top;clip-path:polygon(0 0,100% 0,86% 100%);background:#91a749}nav a:hover{background:#e1e7d3;transform:perspective(700px) rotateY(-8deg)}nav a[aria-current=page]{background:var(--acid);color:var(--ink);transform:translateY(-3px)}nav a[aria-current=page]:after{transform:scaleY(1)}nav a:hover:after{transform:scaleY(.5)}nav a[aria-current=page]::before{color:#45582c}
.hero{min-height:715px;grid-template-columns:1fr 1.08fr;gap:2%;padding:74px 0 80px;isolation:isolate}.hero:before{content:"";position:absolute;right:-5%;top:0;bottom:0;width:60%;z-index:-1;background:conic-gradient(from 0deg at 48% 52%,#d9dfce 0 18%,#e5e9dc 18% 39%,#cfd9bc 39% 51%,#e1e5d4 51% 75%,#f6f7ed 75% 100%);clip-path:polygon(21% 0,100% 0,100% 100%,0 100%,17% 52%)}.hero:after{left:50%;border-left-color:#6f805644;z-index:0;pointer-events:none}.hero-copy{z-index:2}.hero h1{font-size:clamp(58px,5.6vw,91px);line-height:.99;letter-spacing:-5px;margin:36px 0 27px}.hero-line{display:block;font-family:var(--sans);font-weight:500;letter-spacing:-6px}.hero h1 em{display:block;font-size:1.45em;font-family:var(--serif);font-weight:400;line-height:.89;letter-spacing:-5px;margin:8px 0 32px;color:var(--ink)}.hero .intro{max-width:390px;font-size:15px}.hero .eyebrow{letter-spacing:1.5px;max-width:450px}.hero .text-link{background:var(--ink);color:var(--light);padding:13px 20px 13px 18px;border:0;min-height:54px;gap:38px;position:relative;isolation:isolate}.hero .text-link:after{content:"";position:absolute;right:0;bottom:0;border-bottom:17px solid var(--paper);border-left:17px solid #d3ed75;transition:border-width .3s}.hero .text-link:hover:after{border-bottom-width:27px;border-left-width:27px}
.hero-art{min-height:495px;margin:0;z-index:2;transform-style:preserve-3d;--rx:0deg;--ry:0deg}.hero-art:before,.hero-art:after{display:none}.hero-facets{position:absolute;inset:-14px -3% -10px -4%;pointer-events:none;filter:drop-shadow(0 25px 22px #35482720);transform:rotate(-7deg) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s ease-out}.hero-facets i{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s var(--fold-ease)}.hero-facets i:nth-child(1){background:#bfd86d;clip-path:polygon(0 18%,49% 0,49% 100%);transform:perspective(700px) rotateY(-9deg);transform-origin:49% center}.hero-facets i:nth-child(2){background:#778d4c;clip-path:polygon(49% 0,100% 25%,49% 100%);transform:perspective(700px) rotateY(14deg);transform-origin:49% center}.hero-facets i:nth-child(3){background:#e9f4c3;clip-path:polygon(0 18%,49% 39%,49% 100%)}.hero-facets i:nth-child(4){background:#a4b461;clip-path:polygon(49% 39%,100% 25%,49% 100%)}.hero-art:hover .hero-facets i:nth-child(1){transform:perspective(700px) rotateY(-25deg)}.hero-art:hover .hero-facets i:nth-child(2){transform:perspective(700px) rotateY(30deg)}.hero-print{width:84%;max-width:455px;padding:10px 10px 0;transform:rotate(4deg) rotateX(var(--rx)) rotateY(var(--ry));box-shadow:8px 16px 5px #283a3026,25px 30px 50px #23382c29;transform-origin:center;transition:transform .65s var(--fold-ease),box-shadow .65s}.hero-print:hover,.hero-print:focus-visible{transform:rotate(0deg) translateY(-6px) rotateY(-4deg);box-shadow:10px 18px 7px #283a301d,30px 35px 50px #23382c25}.hero-print img{height:355px}.print-caption{min-height:58px;font-size:9px;font-weight:500;letter-spacing:1.1px}.hero-print:after{width:48px;height:48px;background:linear-gradient(135deg,#a6b875 0 49%,var(--acid) 50% 51%,transparent 52%);box-shadow:none;clip-path:polygon(0 0,100% 100%,0 100%);transform:rotate(180deg);transform-origin:center;transition:width .4s,height .4s}.hero-print:hover:after{width:64px;height:64px}.fold-coordinate{position:absolute;left:10px;top:-35px;font-size:10px;letter-spacing:2px;transform:rotate(-7deg)}.hero-open-hint{position:absolute;bottom:5px;left:25px;background:var(--ink);color:var(--acid);padding:9px 16px;font-size:11px;letter-spacing:1.1px;transform:rotate(-7deg);pointer-events:none;border-left:2px solid var(--acid)}.art-note{bottom:-54px;right:5px;transform:none;font-family:var(--sans);font-size:12px;letter-spacing:1px}.hero-bottom{padding:22px 0;position:relative;border-top-style:dashed}.hero-bottom:before{content:"";position:absolute;width:14px;height:14px;left:50%;top:-7px;background:var(--acid);border:1px solid var(--crease);transform:rotate(45deg)}.hero-bottom span:last-child{color:var(--ink)}
.section-heading h2{font-size:61px}.section-heading .text-link{font-size:13px}.text-link{position:relative;transition:color .25s}.text-link>span{display:inline-grid;place-items:center;width:29px;height:29px;background:linear-gradient(135deg,transparent 50%,#b8c3a34d 50%);transform-origin:center;transition:transform .3s,background .3s}.text-link:hover>span{transform:translate(3px,-3px) rotate(-8deg);background:linear-gradient(135deg,transparent 50%,var(--acid) 50%);color:var(--ink)}
.work-card{perspective:1000px}.work-image{padding:0;background:#dce3d1;box-shadow:0 10px 17px #2c3b2512;overflow:visible;transform:perspective(900px) rotateY(-2deg);transform-origin:left center}.work-image:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 45%,#f6ffed22 45.2%,#2d412911 46%,transparent 47%);border:1px solid #29382716}.work-image img{width:100%;height:340px;object-fit:cover;clip-path:polygon(0 0,100% 0,100% calc(100% - 43px),calc(100% - 43px) 100%,0 100%)}.work-image:after{border-width:0 0 43px 43px;border-color:transparent transparent var(--paper) #acbc83;filter:drop-shadow(-3px -3px 2px #1c302926);transition:border-width .4s,filter .4s}.work-card:hover .work-image,.work-card:focus-visible .work-image{transform:perspective(900px) rotateY(-7deg) translateY(-5px);box-shadow:15px 20px 23px #2c3b251c}.work-card:hover .work-image img{transform:none}.work-card:hover .work-image:after,.work-card:focus-visible .work-image:after{border-width:0 0 58px 58px;border-left-color:var(--acid)}.work-tab{position:absolute;left:0;bottom:16px;z-index:3;background:var(--light);color:var(--ink);padding:6px 22px 6px 13px;font-size:10px;letter-spacing:1.3px;clip-path:polygon(0 0,100% 0,calc(100% - 11px) 100%,0 100%);transform:translateX(-5px);transition:transform .35s,background .35s}.work-card:hover .work-tab,.work-card:focus-visible .work-tab{transform:translateX(0);background:var(--acid)}.work-info{border-bottom-style:dashed;padding:20px 0}.work-info h3{font-size:29px}.work-info p{font-size:12px}.work-info>span{width:33px;height:33px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 66%,66% 100%,0 100%);background:#dce4cf;flex-shrink:0;font-size:19px;transition:background .25s}.work-card:hover .work-info>span{background:var(--acid)}.feature-grid{gap:30px}.feature-grid .work-card:nth-child(2){padding-top:45px}.feature-grid .work-card:nth-child(3){padding-top:90px}
.paper-quote{background:#1e332a;isolation:isolate}.paper-quote:before{content:"";position:absolute;inset:0;z-index:-1;background:conic-gradient(from 0deg at 73% 48%,#40543d 0 19%,#283d2e 19% 50%,#172b24 50% 74%,transparent 74%);opacity:.6}.paper-quote:after{border-top-width:90px;border-left-width:90px;border-left-color:#637444}.quote-inner{grid-template-columns:1.18fr .82fr;gap:70px;padding:85px 0}.quote-inner h2{font-size:67px;letter-spacing:-1px;margin-top:22px}.quote-art{padding:20px 12px;perspective:1000px}.crease-paper{width:270px;height:270px;transform:rotate(-12deg);--fold:0;perspective:900px;margin-bottom:30px}.crease-wing{background:var(--acid);color:#243c2d;box-shadow:inset 0 0 0 1px #95aa54}.quote-art .crease-wing svg{width:270px;height:270px}.quote-art .crease-wing.right svg{left:-135px}.crease-wing.left{transform:rotateY(calc(var(--fold) * 1deg));filter:brightness(calc(1 - var(--fold) * .0016));transition:transform .5s var(--fold-ease),filter .5s}.crease-wing.right{transform:rotateY(calc(var(--fold) * -.12deg));transition:transform .5s var(--fold-ease)}.crease-paper.dragging .crease-wing{transition:none}.quote-art.folded .crease-wing{animation:none}.paper-lab{max-width:310px;margin:auto}.paper-lab label{display:flex;justify-content:space-between;font-size:13px;color:var(--light)}.paper-lab output{color:var(--acid);font-variant-numeric:tabular-nums}.paper-lab input{display:block;width:100%;height:35px;margin:7px 0 0;accent-color:var(--acid);cursor:ew-resize;background:transparent}.paper-lab input::-webkit-slider-runnable-track{height:2px;background:#9aaa7b}.paper-lab input::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-7px;width:17px;height:17px}.fold-scale{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#b2c0a2}.fold-play{margin-top:20px;border:1px solid #778a62;padding:9px 17px;min-height:44px;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);background:#344832;color:var(--acid);transition:background .2s}.fold-play:hover{background:#486138}.fold-play:after{content:"";position:absolute;right:0;bottom:0;border-left:12px solid var(--acid);border-bottom:12px solid transparent}
.section-links{gap:0;perspective:1200px;border:1px solid #afbaa0}.chapter-link{border:0;padding:38px;position:relative;background:linear-gradient(135deg,#f4f6ec,#e2e7d7);transform-origin:left center;transition:transform .45s,background .45s}.chapter-link+ .chapter-link{border-left:1px dashed #95a57c;background:linear-gradient(135deg,#d9e1c9,#eef1e5)}.chapter-link:after{content:"";position:absolute;right:0;bottom:0;border-bottom:37px solid var(--paper);border-left:37px solid #a6b779;transition:border-width .35s}.chapter-link:hover{transform:perspective(1200px) rotateY(-3deg);z-index:1}.chapter-link:hover:after{border-width:0 0 52px 52px;border-left-color:var(--acid)}.chapter-no{color:#5b703f}.chapter-link h3{font-size:43px}.chapter-link .text-link{border-bottom:0}
.page-intro{isolation:isolate;padding:62px 0 49px;border-bottom:1px dashed #aebca0;margin-bottom:24px}.page-intro:before{content:"";position:absolute;z-index:-1;right:-3%;top:0;width:41%;height:100%;background:conic-gradient(from 45deg at 57% 55%,#c7d4af 0 25%,#e3e9d8 25% 50%,#d5dfc1 50% 75%,#f3f5e9 75%);clip-path:polygon(17% 0,100% 0,100% 100%,0 100%,26% 47%);opacity:.68}.page-intro h1{font-size:clamp(66px,7vw,106px);position:relative;z-index:1;letter-spacing:-3px;max-width:1050px}.page-intro h1 em{color:var(--ink);text-decoration:underline;text-decoration-color:#bdd46e;text-decoration-thickness:8px;text-underline-offset:9px;text-decoration-skip-ink:auto}.page-intro p{max-width:670px;position:relative;z-index:1}.page-intro .page-number{font-family:var(--sans);font-size:104px;line-height:1;font-weight:500;letter-spacing:-8px;color:#657b4f;opacity:.22;right:24px;top:60px}.page-intro .crease-emblem{position:absolute;right:4%;bottom:29px;width:85px;height:85px;opacity:.5;transform:rotate(-12deg)}
.filters{gap:0;border:0;padding:3px 0 30px;perspective:800px}.filter{position:relative;padding:12px 20px;min-height:48px;background:#e2e8d6;border:1px solid #a3b38b;border-right-width:0;border-radius:0;transform-origin:left center;transition:transform .3s,background .3s;font-size:13px}.filter:first-child{border-left-width:1px}.filter:nth-last-child(2){border-right-width:1px}.filter:after{content:"";position:absolute;right:-1px;bottom:-1px;width:15px;height:15px;clip-path:polygon(0 0,100% 100%,0 100%);background:#92a26f;transform:rotate(180deg);transition:width .3s,height .3s}.filter[aria-pressed=true]{background:var(--ink);color:var(--light);border-color:var(--ink);transform:translateY(-4px);box-shadow:0 5px 0 #aab975}.filter[aria-pressed=true]:after{background:var(--acid);width:21px;height:21px}.filter:hover{transform:translateY(-3px) rotateY(-5deg);background:#d3dec1}.filter[aria-pressed=true]:hover{background:var(--ink)}.result-count{font-size:12px;margin-left:auto;padding-left:20px}.gallery-grid{gap:44px 29px;perspective:1000px}.gallery-grid .work-image{padding:0}.gallery-grid .work-image img{height:325px}
.about-photo{background:linear-gradient(135deg,#d5dfbd 50%,#e3e8d6 50.1%);box-shadow:16px 15px 0 #9cab7733;padding:13px 13px 70px;transform:rotate(-3deg);position:relative}.about-photo:after{content:"";position:absolute;bottom:0;right:0;border-bottom:42px solid var(--paper);border-left:42px solid #93a95e}.about-text h2{font-size:51px}.interests{gap:0}.interests span{background:#e1e8d0;border-style:dashed;margin:-.5px;padding:8px 13px;clip-path:polygon(0 0,100% 0,100% 80%,95% 100%,0 100%)}.contact-block{position:relative;padding:28px 25px;background:#e0e8cf;border:1px solid #a8b98b;clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%)}.contact-block:after{content:"";position:absolute;right:0;bottom:0;border-left:26px solid #8ea65d;border-bottom:26px solid transparent}.contact-block a{font-size:15px}
.notes-grid{gap:0;perspective:1200px;border:1px solid #b0b99f;padding:0;margin:35px 0 90px;align-items:stretch}.note-card{box-shadow:none;border-right:1px dashed #96a77f;padding:21px 23px 33px;transform:none!important;background:linear-gradient(90deg,#f8f9f1,#edf0e3);transform-origin:left center;transition:box-shadow .4s,background .4s}.note-card:nth-child(2){background:linear-gradient(90deg,#dce5ce,#eff2e5)}.note-card:nth-child(3){border-right:0}.note-card:hover{box-shadow:inset 10px 0 20px #394c2912;background:#f6f9eb}.note-card img{height:310px;border:1px solid #adb5a0}.note-card:after{border-left:34px solid #96aa66;border-top:34px solid var(--paper);transition:border-width .3s}.note-card:hover:after{border-left-width:50px;border-top-width:50px}.note-card h2{font-size:32px}.note-foot{color:#53683b;gap:10px}.note-foot>span:first-child{font-size:10px}
.video-card{perspective:1000px}.video-poster{clip-path:polygon(0 0,100% 0,100% calc(100% - 32px),calc(100% - 32px) 100%,0 100%);border-bottom:1px solid #84996a;transition:transform .4s;transform-origin:left center}.video-poster:after{content:"";position:absolute;right:0;bottom:0;border-bottom:32px solid transparent;border-left:32px solid var(--acid);transform:rotate(180deg)}.video-card:hover .video-poster{transform:rotateY(-5deg) translateY(-4px)}.play{border-radius:0;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%);background:var(--acid);height:61px;width:66px;color:var(--ink);font-size:22px;box-shadow:none;transform:translate(-50%,-50%) rotate(-5deg);transition:transform .3s}.video-card:hover .play{transform:translate(-50%,-50%) rotate(0deg) scale(1.08)}.video-card:hover img{transform:scale(1.025)}.project{border-top-style:dashed;padding-top:45px}.project-visual{box-shadow:13px 13px 0 #c5d2b0;transform:rotate(-2deg);transition:transform .4s;cursor:pointer}.project-visual img{clip-path:polygon(0 0,100% 0,100% calc(100% - 45px),calc(100% - 45px) 100%,0 100%)}.project-visual:after{border-left-color:#91a960}.project:nth-child(even) .project-visual{transform:rotate(2deg)}.project-visual:hover{transform:rotate(0)}.project h2{font-size:54px}.project-index{color:#597137}.project .text-link{background:#d7e2bf;padding:8px 15px;border:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.site-footer{position:relative;background:linear-gradient(165deg,#dbe2d0 0 49.8%,#e3e9d9 50%);border-top-style:dashed;isolation:isolate;overflow:hidden}.site-footer:before{content:"";position:absolute;right:-3%;bottom:-40px;width:230px;height:180px;background:#c5d59c;clip-path:polygon(0 0,100% 60%,45% 100%);z-index:-1;transform:rotate(-8deg)}.site-footer>a:nth-of-type(2){padding:8px 16px;background:var(--ink);color:var(--light);border:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.top-link:hover{color:var(--ink)}
dialog{border:0;border-radius:0;background:var(--light);width:min(1170px,94vw);perspective:1500px}dialog[open]{animation:paper-spread .46s var(--fold-ease)}@keyframes paper-spread{from{opacity:0;transform:perspective(1800px) rotateY(-12deg) scale(.96);clip-path:inset(0 18% 0 18%)}to{opacity:1;transform:none;clip-path:inset(0)}}dialog::backdrop{background:#13281dc9;backdrop-filter:blur(8px)}.viewer-close{display:flex;align-items:center;gap:15px;justify-content:center;width:auto;min-width:102px;height:46px;border-radius:0;border:0;background:var(--ink);color:var(--light);clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%);font-size:13px;top:12px;margin-top:12px}.viewer-close b{font-size:23px;font-weight:400}.viewer-close:hover{background:#485e37}.detail{grid-template-columns:1.27fr 1fr;perspective:1300px}.detail-visual{background:linear-gradient(90deg,#d9e1ce,#e8edde 95%,#b7c2a3);border-right:1px dashed #92a47b;padding-top:52px;min-width:0}.detail-copy{background:linear-gradient(90deg,#bbc5a620,#f7f8f0 8%);padding-top:78px;min-width:0;transform-origin:left center}.detail-copy h2{font-size:48px}.detail-copy dl div{border-top-style:dashed}.detail-image{touch-action:pan-y;transform-origin:center;backface-visibility:hidden;transition:none}.photo-controls{gap:15px}.photo-controls button{display:flex;align-items:center;justify-content:center;gap:12px;min-width:96px;height:44px;border:0;background:#f3f6e9;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);font-size:18px}.photo-controls button:after{content:"";position:absolute;right:0;bottom:0;border-left:12px solid #99ac6d;border-bottom:12px solid transparent}.photo-controls button:hover:not(:disabled){background:var(--acid)}.photo-button-label{font-size:12px}.swipe-hint{font-size:11px;color:#637052;text-align:center;margin:13px 0 0}.thumbnails{gap:0;margin-top:8px;padding:0 0 8px}.thumbnails button{border:1px dashed #99a786;padding:4px;position:relative}.thumbnails button[aria-pressed=true]{border:2px solid #536c33;padding:3px;background:var(--acid)}.thumbnails img{width:46px;height:46px}.project-photos a{position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.project-photos a:after{content:"↗";position:absolute;right:10px;bottom:10px;background:var(--acid);color:var(--ink);width:32px;height:32px;display:grid;place-items:center}.note-detail{background:linear-gradient(90deg,#d4dfc7 0 4%,#f7f8f0 4% 96%,#dfe7d1 96%);padding:60px 45px 35px}.video-detail{background:linear-gradient(135deg,#f4f6eb 70%,#dae4c9 70.2%)}
#page-fold{background:none;overflow:hidden;display:flex;opacity:0;isolation:isolate}#page-fold.active{display:flex;animation:fold-mask .6s linear forwards}#page-fold i{width:25%;height:100%;background:linear-gradient(90deg,#bacb9277,#e8eedcee);transform-origin:left center;transform:perspective(1200px) rotateY(90deg);box-shadow:inset -1px 0 #7b8a58}#page-fold.active i{animation:fold-passage .62s var(--fold-ease) both}#page-fold i:nth-child(2){animation-delay:.045s!important}#page-fold i:nth-child(3){animation-delay:.09s!important}#page-fold i:nth-child(4){animation-delay:.135s!important}@keyframes fold-mask{0%,65%{opacity:1}100%{opacity:0}}@keyframes fold-passage{0%{transform:perspective(1200px) rotateY(88deg);opacity:0}20%{transform:perspective(1200px) rotateY(20deg);opacity:.55}100%{transform:perspective(1200px) rotateY(-90deg);opacity:0}}
.reveal{animation-name:crease-entrance;animation-duration:.7s;transform-origin:left center}@keyframes crease-entrance{from{opacity:0;transform:perspective(1400px) rotateY(-7deg) translateY(22px)}to{opacity:1;transform:perspective(1400px) rotateY(0) translateY(0)}}
@media(min-width:1600px){.hero{min-height:770px}.hero h1{font-size:92px}.hero-print img{height:400px}.hero-art{min-height:540px}.hero-print{max-width:495px}.hero:before{right:-8%}}
@media(max-width:1100px){.site-header{padding-left:4%;padding-right:4%}nav a{padding:12px 12px;min-width:66px}.brand-sub{font-size:8px}.hero h1{font-size:63px}.hero-line{letter-spacing:-4px}.hero-art{min-height:430px}.hero-print img{height:305px}.hero-facets{inset:0 -3%}.hero{min-height:660px}.hero .eyebrow{font-size:9px}.hero:before{right:-5.8%}.quote-inner{gap:35px}.quote-inner h2{font-size:56px}.feature-grid{gap:23px}.work-info h3{font-size:27px}.result-count{width:100%;margin:20px 0 0;padding:0}.about-text h2{font-size:44px}.note-card{padding:18px}.note-card .eyebrow{font-size:9px}.note-card img{height:260px}}
@media(max-width:760px){.site-header{height:84px;padding:0 6%}.brand{font-size:21px}.fold-mark{width:34px;height:34px}.brand-sub{font-size:8px}.menu-toggle{padding:7px 13px;gap:13px;background:#d9e5bf;border-left:1px dashed #8b9f6a;min-height:43px;clip-path:polygon(0 0,100% 0,100% 75%,85% 100%,0 100%)}.menu-toggle span{display:block;transition:transform .35s}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}nav{top:83px;align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:15px 6% 30px;background:var(--paper);perspective:600px}nav a{border:1px dashed #a7b48b!important;padding:13px 14px;min-height:73px;background:linear-gradient(90deg,#e8eddb,#d8e2c3);font-size:14px;min-width:0}nav a:nth-child(even){background:linear-gradient(90deg,#d1ddbc,#e3e9d5)}nav a[aria-current=page]{background:var(--acid)}nav.open a{animation:mobile-fold .4s var(--fold-ease) both}nav.open a:nth-child(2){animation-delay:.03s}nav.open a:nth-child(3){animation-delay:.06s}nav.open a:nth-child(4){animation-delay:.09s}nav.open a:nth-child(5){animation-delay:.12s}nav.open a:nth-child(6){animation-delay:.15s}@keyframes mobile-fold{from{opacity:0;transform:perspective(500px) rotateX(-35deg)}to{opacity:1;transform:rotateX(0)}}.hero{grid-template-columns:1fr;padding:43px 0 70px;gap:40px;min-height:0}.hero:before{width:114%;right:-7%;top:43%;height:57%;clip-path:polygon(0 14%,100% 0,100% 100%,0 100%)}.hero:after{display:none}.hero h1{font-size:clamp(53px,10.8vw,80px);letter-spacing:-3px;margin:27px 0}.hero-line{letter-spacing:-3.8px}.hero h1 em{font-size:1.6em;letter-spacing:-3px;margin-top:4px;margin-bottom:28px}.hero .eyebrow{font-size:10px;max-width:320px;line-height:1.7}.hero .intro{font-size:15px;max-width:100%}.hero .text-link{margin-top:23px;font-size:13px}.hero-art{margin:25px auto 20px;min-height:410px;width:95%;max-width:470px;padding:15px 0}.hero-print{width:89%;max-width:390px}.hero-print img{height:315px}.hero-facets{inset:-5px -7% -5px -7%}.fold-coordinate{top:-25px;left:6px;font-size:9px}.hero-open-hint{bottom:0;left:0;font-size:10px;padding:7px 12px}.art-note{bottom:-39px;font-size:11px;right:0}.print-caption{font-size:8px;min-height:53px}.hero-bottom:before{left:60%;width:11px;height:11px;top:-6px}.hero-bottom{font-size:9px}.section-heading h2{font-size:44px}.feature-grid{grid-template-columns:1fr;gap:29px}.feature-grid .work-card:nth-child(n){padding-top:0}.feature-grid .work-image img{height:360px}.work-info h3{font-size:31px}.work-info{padding:17px 0}.work-tab{font-size:10px}.section-links{grid-template-columns:1fr}.chapter-link{padding:29px 24px}.chapter-link+ .chapter-link{border-left:0;border-top:1px dashed #93a473}.chapter-link h3{font-size:39px}.quote-inner{grid-template-columns:1fr;padding:55px 0;gap:28px}.quote-inner h2{font-size:49px}.paper-quote:after{border-top-width:55px;border-left-width:55px}.quote-art{padding-top:10px}.crease-paper{width:225px;height:225px;margin-bottom:32px}.quote-art .crease-wing svg{width:225px;height:225px}.quote-art .crease-wing.right svg{left:-112.5px}.paper-lab{max-width:290px}.page-intro{padding:42px 0 32px;margin-bottom:22px}.page-intro h1{font-size:61px;letter-spacing:-2px;margin:22px 0 26px}.page-intro h1 em{text-decoration-thickness:5px;text-underline-offset:6px}.page-intro:before{width:80%;right:-7%;opacity:.55}.page-intro .page-number{font-size:64px;top:38px;right:0;letter-spacing:-5px}.page-intro .crease-emblem{display:none}.page-intro p{font-size:15px}.filters{flex-wrap:wrap;gap:0;padding:0 0 27px}.filter{font-size:12px;padding:10px 13px;min-height:44px;border:1px solid #a3b38b;margin:0 -1px -1px 0}.filter[aria-pressed=true]{transform:translateY(-2px)}.result-count{margin:18px 0 0}.gallery-grid{gap:29px 18px;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.gallery-grid .work-image img{height:210px;clip-path:polygon(0 0,100% 0,100% calc(100% - 27px),calc(100% - 27px) 100%,0 100%)}.gallery-grid .work-image:after{border-width:0 0 27px 27px}.gallery-grid .work-card:hover .work-image:after{border-width:0 0 35px 35px}.gallery-grid .work-tab{font-size:8px;letter-spacing:.5px;padding:5px 15px 5px 8px;bottom:11px}.gallery-grid .work-info{gap:7px}.gallery-grid .work-info>span{width:24px;height:27px;font-size:17px}.gallery-grid .work-info h3{font-size:24px}.gallery-grid .work-info p{font-size:10px}.about-photo{margin:0 5px}.about-text h2{font-size:45px}.contact-block{padding:23px 19px}.contact-block a{font-size:14px}.notes-grid{grid-template-columns:1fr;margin:10px 0 60px}.note-card{padding:22px 23px 30px;border-right:0;border-bottom:1px dashed #95a97a}.note-card:last-child{border-bottom:0}.note-card img{height:340px;object-fit:contain}.note-card .eyebrow{font-size:10px}.note-card h2{font-size:34px}.video-grid{gap:28px 19px}.play{width:53px;height:49px;font-size:18px}.video-card .work-info h3{font-size:25px}.video-card .work-info>span{width:24px;height:27px;font-size:17px}.project{gap:34px}.project h2{font-size:45px}.project-visual{box-shadow:8px 8px 0 #c5d2b0;margin:0 5px}.project-visual img{height:290px}.site-footer{gap:20px}.site-footer>a:nth-of-type(2){padding:8px 13px}.viewer-close{height:43px;min-width:95px;font-size:12px;margin-right:10px;top:10px}.detail{grid-template-columns:1fr}.detail-visual{border-right:0;border-bottom:1px dashed #8b9d72;padding:67px 18px 19px;background:linear-gradient(0deg,#c0cdab,#e6edda 12%,#dbe5cf)}.detail-image{height:335px}.detail-copy{padding:29px;background:linear-gradient(180deg,#b8c69e33,#f7f8f0 8%)}.detail-copy h2{font-size:39px}.photo-controls button{min-width:87px;gap:9px}.photo-button-label{font-size:11px}.swipe-hint{font-size:10px}.note-detail{padding:66px 17px 25px}.note-detail h2{font-size:33px}.project-detail h2{font-size:39px}.hero-facets,.hero-print{--rx:0deg!important;--ry:0deg!important}}
@media(max-width:380px){.brand{font-size:19px}.brand-sub{font-size:7px;letter-spacing:1px}.brand{gap:8px}.hero h1{font-size:49px}.hero-line{letter-spacing:-3px}.hero-art{min-height:365px}.hero-print img{height:280px}.gallery-grid .work-image img{height:177px}.filter{padding:9px 10px;font-size:11px}.detail-image{height:290px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#page-fold{display:none!important}.hero-print,.hero-facets{--rx:0deg!important;--ry:0deg!important}.work-card:hover .work-image,.work-card:focus-visible .work-image{transform:none}.crease-wing.left{transform:rotateY(calc(var(--fold) * 1deg))}.crease-wing.right{transform:rotateY(calc(var(--fold) * -.12deg))}}
