@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Editorial;src:url('assets/serif.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--paper:#eeeae2;--ink:#292722;--muted:#756e63;--line:#c8c2b6;--accent:#a74326;--serif:Editorial,Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}::selection{background:#b94d2d;color:var(--paper)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}a:focus-visible,button:focus-visible,.art-stage:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:default}em{font-family:var(--serif);font-weight:400}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--ink);color:var(--paper);z-index:100}.skip:focus{top:10px}.header{height:112px;display:flex;align-items:center;padding:0 4.2%;gap:7vw;border-bottom:1px solid var(--line)}.wordmark{font-size:49px;font-weight:650;letter-spacing:-4px;line-height:1}.wordmark span{font-size:13px;letter-spacing:0;vertical-align:top;margin-left:6px;display:inline-block;margin-top:7px}.header-note{font-size:10px;line-height:1.5;letter-spacing:.03em}.header nav{display:flex;align-items:center;gap:35px;margin-left:auto;font-size:12px}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:1px;background:currentColor;transition:width .3s}.header nav a:hover:after{width:100%}sup{font-size:8px;margin-left:4px}.contact-link{padding:12px 0;border-bottom:1px solid var(--ink);font-size:12px}.contact-link span{margin-left:28px;font-size:20px}.hero{padding:0 4.2%}.hero-top,.hero-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.09em}.hero-top{padding:26px 0 0}.status-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:1px}.hero-body{height:min(690px,54vw);min-height:550px;position:relative}.hero-copy{position:relative;z-index:2;padding-top:95px;pointer-events:none;width:70%}.hero-copy a{pointer-events:auto}h1{font-size:clamp(74px,8.35vw,150px);font-weight:450;line-height:.99;letter-spacing:-.075em;margin:0 0 37px}.line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.line>span{display:block;animation:enter 1.2s cubic-bezier(.22,1,.36,1) both}.line:nth-child(2)>span{animation-delay:.15s}h1 em{letter-spacing:-.06em;color:var(--accent);font-size:1.12em}.hero-copy p{font-size:13px;line-height:1.75;margin:0 0 28px}.round-link{display:inline-flex;align-items:center;gap:13px;font-size:11px}.round-arrow{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--ink);border-radius:50%;font-size:22px;transition:background .3s,color .3s,transform .3s}.round-link:hover .round-arrow{background:var(--ink);color:var(--paper);transform:rotate(45deg)}.art-stage{position:absolute;right:-2.5%;top:13%;width:67%;height:77%;isolation:isolate;cursor:crosshair}.hero-art{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;will-change:transform;animation:art-enter 1.7s ease both;mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent)}.art-lens{position:absolute;width:170px;height:170px;border-radius:50%;border:1px solid #eeeae299;box-shadow:0 3px 20px #2b17051a;pointer-events:none;background-image:url('assets/amber.webp');background-repeat:no-repeat;opacity:0;transition:opacity .3s;z-index:4}.art-stage:hover .art-lens{opacity:1}.art-caption{position:absolute;left:12%;right:8%;bottom:-6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.09em;opacity:.7}.art-cross{position:absolute;font-size:22px;font-weight:300;opacity:.5}.cross-a{left:9%;top:0}.cross-b{right:6%;bottom:2%}.vertical-note{position:absolute;right:-2%;top:51%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.1em}.hero-seal{position:absolute;width:105px;height:105px;right:1%;bottom:-2%;z-index:3}.hero-seal svg{width:100%;animation:rotate 35s linear infinite}.hero-seal text{font-family:Manrope,Arial,sans-serif;font-size:9.2px;letter-spacing:1.05px;fill:var(--ink)}.hero-seal>span{position:absolute;inset:0;display:grid;place-items:center;font-size:41px;font-weight:300;color:var(--accent)}.hero-bottom{padding:22px 0 25px;border-bottom:1px solid var(--line);margin-top:8px}.down{margin-left:35px;font-size:17px;display:inline-block;animation:bob 2s ease-in-out infinite}.section-pad{padding:105px 4.2%}.eyebrow{font-size:9px;letter-spacing:.1em}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}h2{font-weight:450;letter-spacing:-.055em;line-height:1.08;font-size:clamp(42px,4.8vw,78px);margin:27px 0 0}h2 em{font-size:1.12em}.section-heading>p{font-size:12px;line-height:1.7;margin:0 6% 10px 20px}.work-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:9px;letter-spacing:.07em}.filters{display:flex;gap:5px}.filters button{padding:8px 15px;font-size:10px;border:1px solid transparent;border-radius:30px;transition:.25s}.filters button.active,.filters button:hover{border-color:var(--ink)}.filters button.active{background:var(--ink);color:var(--paper)}.project-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:65px 30px;align-items:start}.project{text-align:left;padding:0;width:100%;display:block}.project[hidden]{display:none}.project-image{position:relative;height:420px;overflow:hidden;background:#ded6ca}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.3,1)}.project:hover .project-image img{transform:scale(1.055)}.project-tag{position:absolute;left:18px;top:18px;font-size:8px;letter-spacing:.06em;padding:8px 10px;background:var(--paper);color:var(--ink)}.project-open{position:absolute;right:20px;bottom:20px;background:var(--paper);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:22px;transform:translateY(65px) rotate(-45deg);transition:transform .45s}.project:hover .project-open,.project:focus-visible .project-open{transform:translateY(0) rotate(0)}.project-meta{padding-top:18px}.project-meta h3{margin:0 0 7px;font-weight:500;font-size:20px;letter-spacing:-.04em}.project-meta>span{font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.project-narrow{padding-top:135px}.project-narrow .project-image{height:470px}.project-third{grid-column:1;max-width:85%;margin-top:-120px}.project-third .project-image{height:370px}.field-poster{background:#a64228;color:#efe8d9;position:relative;padding:75px 34px}.poster-type{font-size:67px;line-height:.9;letter-spacing:-.065em;position:relative}.poster-type em{font-size:1.2em}.poster-small{position:absolute;right:25px;bottom:25px;font-size:8px;line-height:1.6;letter-spacing:.08em}.poster-lines{position:absolute;width:110%;height:180%;right:-46%;top:-30%;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0,transparent 10px,#e9bd8b80 11px,transparent 12px);transform:rotate(-30deg);transition:transform 1.5s}.project-third:hover .poster-lines{transform:rotate(-10deg) scale(1.1)}.about{border-top:1px solid var(--line);padding-top:55px;padding-bottom:45px}.about-layout{display:grid;grid-template-columns:1fr 2.2fr;margin:50px 0 65px}.about h2{margin:0;font-size:clamp(40px,4.5vw,73px)}.asterisk{font-size:170px;line-height:1;color:var(--accent);transform-origin:center;align-self:start;justify-self:start}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:35px;max-width:670px}.about-bottom p{font-size:12px;line-height:1.9;margin:0}.principles{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;font-size:9px;letter-spacing:.06em}.playground{height:680px;background:#a44229;color:#f2e7d5;position:relative;overflow:hidden;transition:background .8s}.play-heading,.play-footer{position:absolute;left:4.2%;right:4.2%;display:flex;justify-content:space-between;align-items:center;z-index:2}.play-heading{top:35px}.play-heading button{font-size:10px;color:inherit;padding:8px;border:1px solid #f2e7d560;border-radius:20px}.play-heading button span{margin-left:13px}#field{width:100%;height:100%;display:block;touch-action:pan-y}.play-copy{position:absolute;left:8%;top:25%;pointer-events:none}.play-copy>span{font-size:8px;letter-spacing:.12em}.play-copy h2{font-size:clamp(60px,7.5vw,120px);margin:22px 0 28px}.play-copy p{font-size:11px;line-height:1.8}.play-footer{bottom:30px;font-size:8px;letter-spacing:.09em}.palette{display:flex;gap:12px}.swatch{height:18px;width:18px;border-radius:50%;background:#a44229;border:1px solid #f2e7d580;padding:0;outline-offset:4px}.swatch[data-color=blue]{background:#253f59}.swatch[data-color=green]{background:#384e40}.swatch.active{outline:1px solid #f2e7d5}.contact{padding-top:65px;padding-bottom:65px}.contact-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.04em}.contact-title{text-align:left;font-size:clamp(55px,8.3vw,134px);letter-spacing:-.065em;line-height:1.07;padding:0;display:block;position:relative;width:100%;margin-top:65px;font-weight:450}.contact-title em{font-size:1.05em}.contact-title>span{position:absolute;right:3%;top:8%;font-size:100px;transition:transform .5s;color:var(--accent)}.contact-title:hover>span{transform:translate(12px,-12px)}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:45px}.contact-bottom p{font-size:12px;line-height:1.7;margin:0}.brief-button{padding:16px 0;border-bottom:1px solid var(--ink);font-size:13px;min-width:230px;text-align:left}.brief-button span{float:right;font-size:19px}footer{margin:0 4.2%;padding:30px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer .wordmark{font-size:38px}footer>span,footer>a:last-child{font-size:8px;letter-spacing:.04em;line-height:1.7}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.2,1)}.js .reveal.visible{opacity:1;transform:none}dialog{border:0;background:var(--paper);color:var(--ink);padding:55px;max-width:850px;width:calc(100% - 40px);max-height:90vh;overscroll-behavior:contain}dialog::backdrop{background:#201b16a8;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:12px;font-size:32px;z-index:3;width:38px;height:38px;background:var(--paper);border-radius:50%}dialog h2{font-size:52px;margin-top:15px}dialog p{font-size:13px;line-height:1.8;max-width:600px}#project-content img{width:100%;max-height:430px;object-fit:cover;margin-bottom:30px}#project-content .eyebrow{display:block}#project-content a{display:inline-block;margin-top:15px;border-bottom:1px solid;padding:10px 0}#contact-dialog{max-width:620px}form{display:grid;gap:20px;margin-top:30px}label{font-size:11px;display:grid;gap:9px}input,textarea,select{border:0;border-bottom:1px solid var(--line);padding:10px 0;border-radius:0;background:transparent;color:var(--ink);width:100%;outline-color:var(--accent);font-size:13px}textarea{resize:vertical}#form-status{font-size:11px;color:var(--accent)}.empty-message{padding:40px;text-align:center}@keyframes enter{from{transform:translateY(115%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes art-enter{from{opacity:0}to{opacity:1}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(4px)}}
@media(min-width:1700px){body{max-width:2000px;margin:auto}.hero-body{height:800px}.hero-copy{padding-top:145px}.project-image{height:530px}.project-narrow .project-image{height:600px}.project-third .project-image{height:450px}.poster-type{font-size:90px}}
@media(max-width:1000px){.header{gap:5vw;height:90px}.header nav{gap:20px}.hero-body{min-height:530px}.hero-copy{padding-top:90px}h1{font-size:9vw}.art-stage{width:70%;top:19%;height:65%}.hero-copy p{font-size:11px}.hero-seal{width:85px;height:85px;bottom:0}.section-pad{padding-top:75px;padding-bottom:75px}.project-image{height:330px}.project-narrow .project-image{height:370px}.project-third{margin-top:-65px;max-width:95%}.project-third .project-image{height:330px}.poster-type{font-size:56px}.about-bottom{gap:25px}.asterisk{font-size:120px}.contact-title>span{font-size:70px}.playground{height:610px}}
@media(max-width:650px){.header{height:82px;padding:0 6%;gap:0}.wordmark{font-size:42px}.header-note{display:none}.header nav{gap:20px;font-size:10px}.header nav a:nth-child(2){display:none}.contact-link{font-size:10px}.contact-link span{margin-left:10px}.hero{padding:0 6%}.hero-top{font-size:7px;padding-top:23px}.hero-top>span:last-child{display:none}.hero-body{height:760px;min-height:0}.hero-copy{padding-top:52px;width:100%}h1{font-size:clamp(55px,13vw,85px);letter-spacing:-.07em;margin-bottom:27px}.hero-copy p{font-size:11px}.round-link{font-size:10px;gap:10px}.round-arrow{width:35px;height:35px;font-size:19px}.art-stage{top:365px;right:-6%;width:112%;height:310px}.art-caption{font-size:6px;left:8%;right:9%;bottom:-8%}.art-cross{display:none}.hero-seal{width:77px;height:77px;right:0;bottom:13px}.hero-seal>span{font-size:32px}.vertical-note{display:none}.hero-bottom{font-size:7px;line-height:1.5;gap:25px;margin-top:0}.hero-bottom>span:first-child{max-width:155px}.down{margin-left:12px}.section-pad{padding:65px 6%}.section-heading{display:block;margin-bottom:35px}h2{font-size:43px}.section-heading>p{margin:25px 0 0;font-size:11px}.eyebrow{font-size:8px}.work-tools{display:block}.work-tools>span{display:none}.filters{justify-content:flex-start;margin-bottom:22px}.filters button{font-size:10px;padding:8px 13px}.project-grid{display:block}.project{margin:0 0 40px;padding:0;max-width:none}.project-image,.project-narrow .project-image,.project-third .project-image{height:340px}.project-meta h3{font-size:19px}.project-meta>span{font-size:9px}.project-open{transform:none;width:34px;height:34px;font-size:18px}.poster-type{font-size:68px}.about{padding-top:35px;padding-bottom:30px}.about-layout{display:block;margin:30px 0 40px}.asterisk{font-size:78px;margin-bottom:30px}.about h2{font-size:38px}.about-bottom{gap:20px;margin-top:25px}.about-bottom p{font-size:11px;line-height:1.8}.principles{gap:14px;font-size:7px;line-height:1.8}.playground{height:620px}.play-heading{top:25px;left:6%;right:6%}.play-heading .eyebrow{font-size:7px;max-width:135px;line-height:1.6}.play-heading button{font-size:9px}.play-copy{top:25%;left:8%}.play-copy h2{font-size:67px}.play-copy p{font-size:10px}.play-footer{left:6%;right:6%;font-size:7px;gap:15px}.play-footer>span:first-child{max-width:140px;line-height:1.6}.play-footer>span:last-child{display:none}.contact-top{font-size:7px;gap:20px;line-height:1.6}.contact-top>span:last-child{max-width:115px}.contact-title{font-size:12.1vw;margin-top:40px}.contact-title>span{font-size:45px;right:0;top:0}.contact-bottom{display:block;margin-top:35px}.contact-bottom p{font-size:11px}.brief-button{margin-top:15px;width:100%}footer{margin:0 6%;flex-wrap:wrap;gap:25px}footer>.wordmark{width:28%}footer>span:nth-child(2){width:60%;font-size:7px}footer>span:nth-child(3){width:45%}footer>a:last-child{margin-left:auto}dialog{padding:45px 25px 30px}dialog h2{font-size:42px}.art-lens{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.art-lens{display:none}}

/* Keep the artwork annotation clear of its rotating maker's seal. */
.art-caption{right:22%}.art-stage:hover .art-lens{opacity:0}h1{letter-spacing:-.065em}
@media(max-width:650px){.art-caption{right:26%}.art-caption>span:last-child{display:none}}

h1{word-spacing:.055em;letter-spacing:-.055em}