:root{--ink:#151413;--paper:#eeeae1;--gold:#bc984d;--line:rgba(238,234,225,.2);--serif:'Playfair Display',serif;--sans:'DM Sans',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}header{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:absolute;top:0;width:100%;z-index:3}.logo{font-weight:600;letter-spacing:.16em;font-size:17px}.logo span{font-size:8px;vertical-align:top;margin-left:2px}nav{display:flex;gap:31px;font-size:13px;color:#d1cbc0}.menu{display:none}.button{background:var(--paper);color:var(--ink);padding:15px 19px;display:inline-flex;gap:18px;align-items:center;font-size:13px;font-weight:600;transition:.3s}.button:hover{background:var(--gold);transform:translateY(-2px)}.button.small{padding:12px 16px}.button i,.text-link i{font-style:normal;font-size:18px}.eyebrow{font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#cbbd9b}.eyebrow b,footer b{color:var(--gold)}h1,h2{font:500 clamp(40px,6vw,93px)/.98 var(--serif);letter-spacing:-.045em;margin:0}h2{font-size:clamp(38px,5vw,70px)}em{color:var(--gold);font-weight:500}.lede{font-size:17px;line-height:1.6;color:#c7c2b8;max-width:430px}.text-link{font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:6px;display:inline-flex;gap:15px;align-items:center}.hero{min-height:810px;padding:170px 8vw 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 48%,#343026 0,transparent 31%)}.hero h1{position:relative;z-index:1;max-width:890px}.hero .lede{position:relative;z-index:1;margin:28px 0}.actions{display:flex;gap:27px;align-items:center;position:relative;z-index:1;margin-top:34px}.rings{position:absolute;width:760px;height:760px;border:1px solid #fff1;right:-80px;top:80px;border-radius:50%;box-shadow:0 0 0 90px #fff1,0 0 0 180px #fff1}.rings:after{content:'';position:absolute;inset:200px;border:1px solid #fff1;border-radius:50%}.hero-art{--accent:#6f91a4;position:absolute;right:13vw;top:190px;width:305px;height:430px;transform:rotate(8deg);transition:.7s ease}.mock-cover{height:390px;padding:28px;color:#f2f0ea;background:var(--accent);box-shadow:-32px 25px 43px #0009;display:flex;flex-direction:column;justify-content:space-between;transition:.7s}.mock-cover:after{content:'';position:absolute;width:17px;height:390px;background:#fff3;right:-17px;top:0;transform:skewY(42deg);transform-origin:left top}.mock-kicker,small{font:9px var(--mono);letter-spacing:.12em}.mock-cover strong{font:500 39px/.95 var(--serif);letter-spacing:-.06em}.shadow{height:30px;background:#0008;filter:blur(20px);transform:rotate(-8deg) translate(20px,40px)}.hero-label{position:absolute;bottom:50px;left:8vw;right:8vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font:10px var(--mono);text-transform:uppercase;color:#b9b3a8}.intro,.capacity,.about{padding:140px 8vw;display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;background:var(--paper);color:var(--ink)}.intro>div{padding-top:18px}.intro p:not(.eyebrow),.capacity>div>p:not(.eyebrow),.about p:not(.eyebrow){line-height:1.7;color:#615d55;max-width:430px}.intro .text-link,.about .text-link{margin-top:18px}.work,.portfolio,.reviews{padding:130px 8vw}.section-head{display:grid;grid-template-columns:1fr 2fr auto;align-items:end;margin-bottom:65px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 24px}.project{cursor:pointer}.project:nth-child(3n){grid-column:span 2;width:68%;margin-left:auto}.art{height:370px;padding:25px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:.5s}.project:hover .art{transform:scale(.985)}.book{width:165px;height:245px;box-shadow:-19px 16px 22px #0005;display:grid;align-items:end;padding:20px;font:29px/.9 var(--serif);letter-spacing:-.05em;transform:rotate(-5deg);position:relative}.book:before{content:'';position:absolute;left:13px;top:0;height:100%;border-left:1px solid #fff5}.project-info{display:flex;justify-content:space-between;gap:15px;padding-top:13px}.project-info h3{margin:0;font:23px var(--serif)}.project-info p{margin:4px 0 0;font-size:12px;color:#aaa39a}.project-info span{font:10px var(--mono);color:var(--gold);text-transform:uppercase}.services{padding:130px 8vw;background:#22201d}.services h2{margin:16px 0 65px}.service{border-top:1px solid var(--line);display:grid;grid-template-columns:80px 1.3fr 1fr;padding:21px 0;align-items:center}.service b{font:10px var(--mono);color:var(--gold)}.service h3{margin:0;font:27px var(--serif);font-weight:500}.service p{margin:0;font-size:13px;color:#aaa39a}.capacity{background:#c6a76b;padding-bottom:115px}.capacity .eyebrow{color:#54462e}.capacity em{color:#fff5e8}.capacity aside{border-top:1px solid #453a2b}.capacity article{border-bottom:1px solid #453a2b;padding:20px 0}.capacity article b,.process b{font:10px var(--mono)}.capacity h3{font:25px var(--serif);margin:10px 0 7px}.capacity article p{font-size:13px;line-height:1.5;margin:0;max-width:310px}.capacity .button{background:var(--ink);color:var(--paper);margin-top:20px}.ongoing{padding:130px 8vw;background:#3b4538}.ongoing .lede{margin:27px 0 65px}.flow{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.flow div{text-transform:uppercase;font:13px var(--mono);max-width:160px}.flow span{font-size:10px;color:#c6a76b;display:block;margin-bottom:8px}.flow i{color:#c6a76b}.portfolio{background:#e3ddd3;color:var(--ink)}.portfolio-title{display:flex;align-items:end;justify-content:space-between;gap:30px}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.filters button{background:none;border:1px solid #b6aea1;padding:8px 10px;font:10px var(--mono);text-transform:uppercase;cursor:pointer}.filters button.active{background:var(--ink);color:var(--paper)}.concept-note{font-size:12px;color:#625c54;margin:38px 0}.portfolio-list{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 20px}.portfolio-list .art{height:250px}.portfolio-list .book{transform:scale(.75) rotate(-5deg)}.portfolio-list .project:nth-child(3n){grid-column:auto;width:auto;margin:0}.white-label{padding:140px 8vw;background:#251f25}.white-label h2{margin:18px 0}.white-label p:not(.eyebrow){max-width:515px;line-height:1.7;color:#beb4bb}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:60px 8vw;background:#b54c36}.stats div{border-left:1px solid #fff6;padding-left:18px}.stats b{font:49px var(--serif);display:block}.stats span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.reviews{background:#f5f0e8;color:var(--ink)}.reviews h2{margin:14px 0 60px}.quote{border-top:1px solid #c6beb1;padding:22px 0;display:grid;grid-template-columns:1fr 2fr;gap:30px}.quote b{font:13px var(--mono)}.quote p{font:22px/1.4 var(--serif);margin:0}.reviews>.text-link{margin-top:35px}.about{padding-top:110px;padding-bottom:110px}.portrait{height:430px;background:linear-gradient(135deg,#8a8276,#322f2b);display:flex;flex-direction:column;justify-content:space-between;padding:25px;color:#f3ecdf}.portrait span{font:120px var(--serif);letter-spacing:-.1em;opacity:.8}.portrait p{font:10px var(--mono)!important;line-height:1.5!important;color:#eee!important}.process{padding:90px 8vw;background:#dad2c6;color:var(--ink)}.process>div{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #8f887e;margin-top:35px}.process article{padding:19px 17px 0 0}.process h3{font:24px var(--serif);margin:18px 0 5px}.process p{font-size:12px;margin:0;color:#5d5852}.contact{padding:130px 8vw;background:#171615}.contact>p:not(.eyebrow){max-width:460px;color:#bcb5a9;line-height:1.6}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin:55px 0 0;max-width:800px}.contact label{font:11px var(--mono);text-transform:uppercase;color:#aaa39a}.contact input,.contact select,.contact textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #827b71;color:var(--paper);padding:12px 0 10px;margin-top:5px;font:15px var(--sans);outline:none}.contact textarea{height:90px;resize:vertical}.contact .wide,.form-status{grid-column:span 2}.contact button{width:max-content;border:0;margin-top:10px}.form-status{margin:0;color:var(--gold);font-size:13px}.honeypot{position:absolute;left:-9999px}footer{padding:55px 8vw;display:flex;gap:35px;align-items:center;flex-wrap:wrap;color:#aaa39a;font-size:12px}footer p{margin:0}footer small{margin-left:auto}dialog{border:0;padding:0;width:min(800px,90vw);background:#eeeae1;color:var(--ink)}dialog::backdrop{background:#000b}.close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.case-inner{padding:70px}.case-inner h2{font-size:55px}.case-inner p{max-width:500px;line-height:1.65;color:#625d56}.case-art{height:260px;margin:30px 0}.case-meta{font:11px var(--mono);text-transform:uppercase;color:#7e6640}@media(max-width:760px){header{padding:0 6vw;height:70px}nav,header>.button{display:none}.menu{display:block;background:none;border:0;color:var(--paper);font:12px var(--mono);text-transform:uppercase}.hero{min-height:740px;padding:130px 6vw 60px}.hero h1{font-size:48px}.hero-art{right:14vw;top:390px;transform:scale(.75) rotate(8deg);transform-origin:top right}.hero-label{left:6vw;right:6vw;bottom:25px}.intro,.capacity,.about{grid-template-columns:1fr;padding:85px 6vw;gap:35px}.work,.portfolio,.reviews{padding:85px 6vw}.section-head{display:block}.section-head h2{margin:15px 0 25px}.project-grid,.portfolio-list{grid-template-columns:1fr;gap:35px}.project:nth-child(3n){grid-column:auto;width:auto;margin:0}.art{height:310px}.services,.ongoing,.white-label,.contact{padding:85px 6vw}.service{grid-template-columns:40px 1fr;padding:18px 0}.service p{grid-column:2;margin-top:7px}.flow{display:block}.flow i{display:block;margin:13px}.portfolio-title{display:block}.filters{justify-content:flex-start;margin-top:25px}.stats{grid-template-columns:1fr 1fr;gap:30px;padding:50px 6vw}.stats b{font-size:40px}.quote{grid-template-columns:1fr;gap:12px}.quote p{font-size:20px}.process{padding:65px 6vw}.process>div{grid-template-columns:1fr 1fr}.contact form{grid-template-columns:1fr}.contact .wide,.form-status{grid-column:auto}footer{padding:45px 6vw}footer small{margin-left:0;width:100%}.case-inner{padding:60px 28px}.case-inner h2{font-size:39px}}@media(prefers-reduced-motion:reduce){*,html{scroll-behavior:auto!important;transition:none!important;animation:none!important}}