:root{--paper:#e9dcc4;--cream:#eee2d3;--cream-2:#e5d7c4;--blush:#f0a599;--orange:#ab482d;--azur:#afc2da;--olive:#7a7640;--ochre:#d9a441;--ink:#2a241d;--soft:#5a5145;--display:"Fraunces",Georgia,serif;--sans:"Jost",-apple-system,"Helvetica Neue",Arial,sans-serif;--script:"Pinyon Script",cursive;--gutter:clamp(20px,5.5vw,86px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html,body,#root{color:var(--ink);font-family:var(--sans);margin:0;font-size:17px;font-weight:300;line-height:1.8;overflow-x:hidden;background-color:var(--paper)!important}img{filter:saturate(.92)sepia(.1)brightness(1.02)contrast(.97);max-width:100%;display:block}a{color:inherit}::selection{background:var(--blush);color:var(--ink)}.grain{z-index:70;pointer-events:none;opacity:.42;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/></filter><rect width='240' height='240' filter='url(%23g)' opacity='0.24'/></svg>");position:fixed;inset:0}.h1,.h2,.h3{font-family:var(--display);letter-spacing:-.005em;margin:0;font-weight:400;line-height:1.16}.h1{font-size:clamp(30px,4.6vw,60px)}.h2{font-size:clamp(25px,3.2vw,42px)}.h3{font-size:clamp(19px,2vw,26px)}.script{font-family:var(--script);font-weight:400;line-height:1}.tag{letter-spacing:.32em;text-transform:uppercase;color:var(--soft);font-size:10px;font-weight:400}.tracked{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase}p{margin:0 0 18px}p:last-child{margin-bottom:0}.body{color:var(--soft);max-width:60ch;font-size:16.5px}.head{z-index:60;padding:22px var(--gutter);justify-content:space-between;align-items:center;gap:20px;transition:background-color .5s,padding .5s;display:flex;position:fixed;top:0;left:0;right:0}.head.solid{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:14px var(--gutter);background:#e9dcc4f0}.head.solid .logo,.head.solid nav a{color:var(--ink)}.head.solid nav a:hover{color:var(--orange)}.logo{cursor:pointer;color:#d9d2c3;font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:10px;padding:0 0 0 4px;font-size:13px;display:flex;position:relative}.logo .glyph{width:22px;height:22px;transition:transform .5s cubic-bezier(.2,.9,.3,1.3)}.logo:hover .glyph{transform:translateY(-1px)rotate(-4deg)}.logo .bloom{width:20px;height:20px;left:-26px}.logo:hover .bloom,.logo:focus-visible .bloom{opacity:1;transform:translateY(-50%)scale(1)}.logo:focus-visible,.head nav a:focus-visible{outline:1px solid var(--ink);outline-offset:6px}.head nav ul{gap:clamp(16px,2.4vw,34px);margin:0;padding:0;list-style:none;display:flex}.head nav a{letter-spacing:.26em;text-transform:uppercase;color:#d9d2c3;padding-left:20px;font-size:11px;text-decoration:none;transition:color .3s;position:relative}.head nav a:hover{color:#fff}.bloom{opacity:0;pointer-events:none;width:18px;height:18px;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.3);position:absolute;top:50%;left:-4px;transform:translateY(-50%)scale(.6)}.head nav a:hover .bloom,.head nav a:focus-visible .bloom{opacity:1;transform:translateY(-50%)scale(1)}.overlay{z-index:65;background:var(--olive);color:var(--paper);clip-path:circle(0% at calc(var(--gutter) + 30px) 34px);visibility:hidden;justify-content:center;align-items:center;transition:clip-path .8s cubic-bezier(.7,0,.2,1);display:flex;position:fixed;inset:0}.overlay.open{clip-path:circle(150% at calc(var(--gutter) + 30px) 34px);visibility:visible}.overlay ul{text-align:center;margin:0;padding:0;list-style:none}.overlay li{margin:clamp(10px,2vw,20px) 0}.overlay a{font-family:var(--display);letter-spacing:.03em;color:var(--paper);opacity:.86;padding:0 46px;font-size:clamp(32px,6vw,72px);text-decoration:none;transition:opacity .35s;display:inline-block;position:relative}.overlay a:hover{opacity:1}.overlay .bloom{width:34px;height:34px;left:0}.overlay .close{top:20px;right:var(--gutter);cursor:pointer;color:var(--paper);letter-spacing:.28em;text-transform:uppercase;font-size:11px;font-family:var(--sans);background:0 0;border:0;position:absolute}.overlay .foot{text-align:center;color:#e9dcc4b3;position:absolute;bottom:34px;left:0;right:0}.motifs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.motif{opacity:0;pointer-events:none;transition:opacity .7s,transform 1.1s cubic-bezier(.2,.8,.2,1);position:absolute;transform:scale(.94)rotate(-3deg)}.motif svg{fill:none;width:100%;height:auto;stroke:var(--paper);stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.92;display:block}.motif.show{opacity:.85;transform:none}.motif.is-sticker{aspect-ratio:3/4;-webkit-mask-image:var(--mk);-webkit-mask-image:var(--mk);mask-image:var(--mk);-webkit-mask-mode:alpha;background:#fff;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.m1{width:clamp(180px,26vw,360px);top:12%;left:4%}.m2{width:clamp(170px,24vw,330px);top:16%;right:5%}.m3{width:clamp(160px,22vw,300px);bottom:8%;left:9%}.m4{width:clamp(190px,26vw,350px);bottom:6%;right:8%}.hero{background:var(--paper);min-height:100svh;padding:clamp(120px,15vw,180px) var(--gutter) clamp(60px,8vw,100px);justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.hero-draw{pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.hero-draw svg{opacity:.9;width:min(1180px,102%);height:auto}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-bg img{object-fit:cover;filter:none;width:100%;height:100%}.hero-bg:after{content:"";background:0 0;position:absolute;inset:0}.hero-in{z-index:2;text-align:center;padding:0 var(--gutter);position:absolute;top:49%;left:0;right:0;transform:translateY(-50%)}.hero-name{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:#d9d2c3;text-shadow:0 1px 10px #14100c38;text-align:center;margin:0 -.1em 0 0;font-size:clamp(15px,2.6vw,34px);font-weight:400;line-height:1;display:inline-block}.hero-in .tag,.hero-in .rotator span{color:#b8ae9f}.hero-name .amp{vertical-align:.08em;padding:0 .06em;font-size:.62em}.hero-rule{justify-content:center;align-items:center;gap:18px;margin-top:8px;display:flex}.hero-rule:before,.hero-rule:after{content:"";background:#2a241d59;width:clamp(28px,7vw,90px);height:1px}.rotator{text-align:center;display:inline-grid}.rotator span{opacity:0;font-family:var(--sans);color:var(--soft);letter-spacing:.1em;text-transform:lowercase;grid-area:1/1;font-weight:300;line-height:1.2;animation:10.5s infinite cycle}.rotator span:nth-child(2){animation-delay:3.5s}.rotator span:nth-child(3){animation-delay:7s}@keyframes cycle{0%{opacity:0;transform:translateY(5px)}5%,27%{opacity:1;transform:none}33%,to{opacity:0;transform:translateY(-5px)}}.hero-scroll{text-align:center;z-index:2;color:var(--soft);position:absolute;bottom:26px;left:0;right:0}.intro{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(28px,5vw,80px);display:grid}.intro-card{padding:clamp(6px,1vw,16px) 0;position:relative}.intro-card p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;color:var(--soft);font-size:15.5px;line-height:1.95}.dropcap{float:left;font-family:var(--display);color:var(--orange);margin:6px 14px 0 0;font-size:clamp(72px,9vw,116px);font-weight:400;line-height:.82}.intro-fig{padding:0}.intro-fig svg{width:100%;height:auto}.intro-fig img{filter:none;width:100%;height:auto;display:block}.roll{background:0 0;padding:clamp(50px,7vw,90px) 0;overflow:hidden}.roll-track{width:max-content;animation:58s linear infinite roll;display:flex}@keyframes roll{0%{transform:translate(0)}to{transform:translate(-50%)}}.roll-item{aspect-ratio:4/5;width:clamp(220px,24vw,320px);margin-right:clamp(16px,2vw,30px);overflow:hidden}.roll-item img{object-fit:cover;width:100%;height:100%;display:block}.quote-band{background:var(--azur);padding:clamp(64px,9vw,130px) var(--gutter);text-align:center}.quote-band blockquote{max-width:22ch;margin:0 auto}.quote-band .script{font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--soft);font-size:17px;font-weight:300;line-height:1.8}.quote-band cite{margin-top:30px;font-style:normal;display:block}.window-band{padding:clamp(64px,9vw,120px) var(--gutter);text-align:center}.window-plate{max-width:min(380px,72vw);margin:0 auto}.window-plate svg{width:100%;height:auto}.rail-wrap{padding:clamp(50px,7vw,100px) 0 clamp(70px,9vw,120px)}.rail-head{padding:0 var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(28px,4vw,48px);display:flex}.rail-nav{gap:10px;display:flex}.rail-btn{cursor:pointer;width:44px;height:44px;color:var(--ink);background:0 0;border:1px solid #2a241d47;border-radius:50%;place-items:center;transition:background .3s,color .3s,border-color .3s;display:grid}.rail-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.rail-btn:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.rail{scroll-snap-type:x mandatory;padding:0 var(--gutter) 16px;scrollbar-width:none;cursor:grab;gap:clamp(14px,2vw,28px);display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail.dragging{cursor:grabbing;scroll-snap-type:none}.card{scroll-snap-align:start;-webkit-user-select:none;user-select:none;flex:0 0 clamp(240px,26vw,340px);text-decoration:none}.card-fig{aspect-ratio:1;place-items:center;display:grid;overflow:hidden}.card-fig svg{width:100%;height:auto;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.card-fig img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.card:hover .card-fig svg,.card:hover .card-fig img{transform:scale(1.05)}.card-name{justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px;display:flex}.card-name .h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.3em;font-size:clamp(9.5px,1vw,13px);font-weight:400;transition:color .3s}.rail-head .h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.3em;font-weight:400}.card:hover .card-name .h3{color:var(--orange)}.wide-band{padding:clamp(50px,7vw,110px) var(--gutter) clamp(60px,8vw,120px);text-align:center}.wide-plate{background:var(--cream);max-width:1120px;margin:0 auto clamp(18px,2vw,26px);padding:clamp(20px,3.2vw,52px)}.wide-plate svg{width:100%;height:auto}.featured{background:var(--cream);padding:clamp(50px,7vw,90px) var(--gutter);text-align:center}.featured .names{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,5vw,64px);margin-top:26px;display:flex}.featured .names span{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-size:clamp(16px,2vw,24px)}footer{background:var(--olive);color:var(--paper);padding:clamp(60px,8vw,110px) var(--gutter) 34px}.foot-grid{grid-template-columns:1.2fr 1fr 1fr;gap:clamp(28px,4vw,60px);max-width:1240px;margin:0 auto;display:grid}footer ul{margin:14px 0 0;padding:0;list-style:none}footer li{color:#e9dcc4db;padding:5px 0;font-size:15.5px}footer a{color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .3s}footer a:hover{border-bottom-color:var(--blush)}footer .tag{color:#e9dcc499}.foot-base{border-top:1px solid #e9dcc438;flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:1240px;margin:clamp(40px,5vw,70px) auto 0;padding-top:20px;display:flex}.panel{padding:clamp(60px,9vw,130px) var(--gutter)}.inner{max-width:1240px;margin:0 auto}.center{text-align:center;margin-inline:auto}.lede-band{text-align:center;max-width:48ch;margin:0 auto}.lede-band p{font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--soft);font-size:17px;font-weight:300;line-height:1.8}.reveal{opacity:0;transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.reveal.d1.in{transition-delay:.12s}.reveal.d2.in{transition-delay:.24s}[data-para]{will-change:transform}.draw path,.draw circle,.draw line,.draw ellipse{stroke-dasharray:var(--len,4000);stroke-dashoffset:var(--len,4000);transition:stroke-dashoffset 1.6s cubic-bezier(.33,.05,.2,1)}.draw.drawn path,.draw.drawn circle,.draw.drawn line,.draw.drawn ellipse{stroke-dashoffset:0}.page{display:none}.page.is-on{display:block}.proj{padding:clamp(70px,9vw,120px) var(--gutter);border-top:1px solid #2a241d1f;scroll-margin-top:90px}.proj-in{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,70px);max-width:1100px;margin:0 auto;display:grid}.proj:nth-child(2n) .proj-fig{order:2}.proj-fig{padding:0}.proj-fig img{width:100%;height:auto;display:block}.proj .h2{letter-spacing:.1em;text-transform:uppercase}.gallery{position:relative}.gal-slide{cursor:zoom-in;text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.gal-main{position:relative;overflow:hidden}.gal-main img{width:100%;height:auto;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);display:block}.gal-main:hover img{transform:scale(1.04)}.gal-zoom{color:var(--ink);opacity:0;background:#e9dcc4eb;border:1px solid #2a241d38;padding:7px 13px;transition:opacity .35s,transform .35s;position:absolute;bottom:14px;left:14px;transform:translateY(4px)}.gal-main:hover .gal-zoom{opacity:1;transform:none}.gal-strip{opacity:0;grid-template-columns:repeat(4,1fr);gap:10px;max-height:0;margin-top:0;transition:max-height .55s cubic-bezier(.2,.7,.2,1),opacity .4s,margin-top .4s;display:grid;overflow:hidden}.gallery.open .gal-strip{opacity:1;max-height:640px;margin-top:14px}.gal-thumb{aspect-ratio:4/3;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;overflow:hidden}.gal-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s,filter .3s;display:block}.gal-thumb:hover img{filter:saturate(1.06);transform:scale(1.05)}.gal-more{cursor:pointer;color:var(--soft);background:0 0;border:0;align-items:center;gap:12px;margin-top:18px;padding:0;font-family:inherit;display:inline-flex}.gal-more .tag{color:inherit}.gal-arrow{font-size:14px;line-height:1;transition:transform .4s;display:inline-block}.gallery.open .gal-arrow{transform:rotate(180deg)}.gallery.single .gal-more{display:none}.lb{z-index:80;opacity:0;visibility:hidden;background:#14100cf0;justify-content:center;align-items:center;padding:clamp(24px,4vw,64px);transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.lb.open{opacity:1;visibility:visible}.lb-stage{justify-content:center;align-items:center;max-width:min(1200px,92vw);max-height:100%;display:flex;position:relative}.lb-img{object-fit:contain;max-width:min(1200px,92vw);max-height:84vh;display:block;box-shadow:0 30px 80px #00000080}.lb-btn{width:52px;height:52px;color:var(--paper);cursor:pointer;background:#e9dcc41a;border:1px solid #e9dcc466;border-radius:50%;place-items:center;font-size:24px;line-height:1;transition:background .3s,border-color .3s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lb-btn:hover{border-color:var(--paper);background:#e9dcc438}.lb-prev{left:-10px}.lb-next{right:-10px}.lb-close{color:var(--paper);cursor:pointer;letter-spacing:.28em;text-transform:uppercase;font-size:11px;font-family:var(--sans);background:0 0;border:0;position:absolute;top:clamp(14px,3vw,30px);right:clamp(16px,4vw,40px)}.lb-count{text-align:center;color:#e9dcc4b3;letter-spacing:.26em;text-transform:uppercase;font-size:11px;position:absolute;top:clamp(16px,3vw,32px);left:0;right:0}@media (width<=560px){.lb-prev{left:2px}.lb-next{right:2px}.gal-strip{grid-template-columns:repeat(3,1fr)}}.page-head{padding:clamp(130px,16vw,200px) var(--gutter) clamp(40px,5vw,70px);text-align:center}.page-head .h1{margin-top:14px}#works .page-head .h1{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-size:clamp(26px,5vw,74px);font-weight:400;line-height:1}.page-head .script{font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--orange);margin-top:18px;font-size:17px;font-weight:300;line-height:1.8;display:block}.meta{max-width:400px;margin:26px 0 0;padding:0;list-style:none}.meta li{color:var(--soft);border-top:1px solid #2a241d24;grid-template-columns:92px 1fr;gap:16px;padding:12px 0;font-size:15px;display:grid}.meta li:last-child{border-bottom:1px solid #2a241d24}.meta .k{letter-spacing:.26em;text-transform:uppercase;color:var(--orange);align-self:center;font-size:9.5px}.split{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,6vw,90px);display:grid}.split.rev .split-fig{order:2}.split-fig{background:var(--cream);padding:clamp(18px,2.8vw,44px)}.split-fig svg{width:100%;height:auto}.steps{max-width:640px;margin:34px 0 0;padding:0;list-style:none}.steps li{border-top:1px solid #2a241d24;grid-template-columns:56px 1fr;gap:20px;padding:24px 0;display:grid}.steps li:last-child{border-bottom:1px solid #2a241d24}.steps .k{font-family:var(--display);letter-spacing:.12em;color:var(--orange);padding-top:4px;font-size:16px}.steps h3{font-family:var(--display);margin:0 0 6px;font-size:20px;font-weight:400}.steps p{color:var(--soft);max-width:46ch;margin:0;font-size:15.5px}.btn{cursor:pointer;font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--ink);background:0 0;border:1px solid #2a241d4d;padding:15px 34px;font-size:10px;text-decoration:none;transition:background .4s,color .4s,border-color .4s;display:inline-block}.btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.field{margin-bottom:26px}label{letter-spacing:.26em;text-transform:uppercase;color:var(--orange);margin-bottom:9px;font-size:9.5px;display:block}input,textarea,select{width:100%;font-family:var(--sans);color:var(--ink);background:0 0;border:0;border-bottom:1px solid #2a241d40;border-radius:0;padding:9px 2px;font-size:16.5px;font-weight:300}textarea{resize:vertical;min-height:108px;line-height:1.7}input:focus,textarea:focus,select:focus{border-bottom-color:var(--orange);outline:0}.next-band{background:var(--cream);padding:clamp(56px,8vw,110px) var(--gutter);text-align:center}@media (width>=561px) and (width<=900px){.hero-in{top:51%}}@media (width<=900px){.intro,.foot-grid,.proj-in,.split{grid-template-columns:1fr}.split.rev .split-fig,.proj:nth-child(2n) .proj-fig{order:0}.head nav{display:none}.head{padding:14px var(--gutter)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}.reveal{opacity:1;transform:none}.draw path,.draw circle,.draw line,.draw ellipse{stroke-dashoffset:0}}
