@font-face{font-family:Louize;src:url('/assets/display.woff2') format('woff2');font-display:swap}
@font-face{font-family:Louize;src:url('/assets/display-italic.woff2') format('woff2');font-style:italic;font-display:swap}
@font-face{font-family:Suisse;src:url('/assets/sans.woff2') format('woff2');font-display:swap}
@font-face{font-family:Monument;src:url('/assets/mono.woff2') format('woff2');font-display:swap}
@font-face{font-family:Blackletter;src:url('/assets/blackletter.woff2');font-display:swap}
:root{--paper:#eeebe4;--ink:#141413;--accent:#86101a;--side:70px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--paper);color:var(--ink);font-family:Suisse,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:#86101a;color:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:1px solid var(--accent);outline-offset:7px}.skip{position:fixed;z-index:100;top:15px;left:15px;padding:12px;background:var(--paper);transform:translateY(-180%)}.skip:focus{transform:none}
.grain{pointer-events:none;position:fixed;z-index:20;inset:0;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}
.hero-track{position:relative;height:300svh}.hero-stage{height:100svh;position:sticky;top:0;overflow:hidden;background:var(--paper)}.hero-canvas{width:100%;height:100%;display:block;position:absolute;inset:0;opacity:0;transition:opacity .35s}.rendered .hero-canvas{opacity:1}.hero-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hero-fallback img{width:min(100%,1450px);height:auto;mix-blend-mode:multiply}.rendered .hero-fallback{visibility:hidden}.hero-caption{position:absolute;bottom:32px;left:var(--side);font:10px Monument,monospace;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:14px;transition:opacity .3s}.hero-caption .down{font:20px Louize;display:inline-block;animation:drift 2.5s ease-in-out infinite}.editions{position:absolute;bottom:33px;right:var(--side);display:flex;gap:15px;font:10px Monument,monospace}.editions a{opacity:.44;position:relative;padding-bottom:5px}.editions a.active{opacity:1}.editions a:after{position:absolute;content:'';bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transition:transform .3s;transform-origin:left}.editions a:hover:after,.editions a.active:after{transform:scaleX(1)}
.hero-reveal{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 60%,transparent calc(var(--reveal-size,0%) - 40%),var(--paper) var(--reveal-size,0%));z-index:2}.hero-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.portfolio{margin:90px 0 230px;padding:0 var(--side);scroll-margin-top:60px}.portfolio-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:45px;margin-bottom:120px}.portfolio h2{font:400 41px/1 Louize,Georgia,serif;margin:0;letter-spacing:-.015em}.portfolio h2 em{font-style:italic;margin-right:.12em}.portfolio .intro{font:400 21px/1.2 Louize,Georgia,serif;width:485px;margin:0}.word{display:inline-block}.js .reveal-words .word{opacity:0;transform:translateY(20px);transition:opacity 1.5s cubic-bezier(.215,.61,.355,1),transform 1.5s cubic-bezier(.215,.61,.355,1);transition-delay:calc(var(--i)*.05s)}.js .reveal-words.in-view .word{opacity:1;transform:translateY(0)}.line{height:.5px;background:var(--ink);transform-origin:left;transition:transform 1.5s cubic-bezier(.25,.46,.45,.94)}.js .line:not(.in-view){transform:scaleX(0)}.project{display:grid;grid-template-columns:70% 1fr 20px;gap:10px;align-items:center;min-height:136px;padding:10px 0;transition:opacity .3s,transform 1.1s cubic-bezier(.215,.61,.355,1);position:relative}.project-info{display:flex;align-items:baseline;gap:40px}.company{font:400 52px/1 Louize,Georgia,serif}.tagline{font-size:17px;line-height:1.5}.project-visual{width:145px;height:115px;display:flex;align-items:center;justify-content:center;margin:auto;overflow:hidden}.akta-mark{font:76px/1 Blackletter,'Old English Text MT',serif;letter-spacing:-.04em;transform:translateY(-3px);transition:transform .5s}.project:hover .akta-mark{transform:translateY(-3px) scale(1.08)}.arrow{width:20px;height:20px;overflow:hidden;position:relative}.arrow svg{position:absolute;width:20px;height:20px;transition:transform .5s}.arrow svg:nth-child(2){transform:translate(-110%,110%)}.project:hover .arrow svg:first-child{transform:translate(110%,-110%)}.project:hover .arrow svg:nth-child(2){transform:translate(0)}.projects:has(.project:hover) .project:not(:hover){opacity:.45}.placeholder{color:#56554f}.placeholder .company{font-size:38px}.placeholder .tagline{font-size:13px;color:#76736c}.reserved{font:10px Monument,monospace;text-transform:uppercase;letter-spacing:.04em;color:#87837b;line-height:1.7;text-align:center}.reserved:before{content:'+';display:block;font:25px Louize;margin-bottom:8px}.js .project:not(.in-view){opacity:0;transform:translateY(30px)}
footer{margin:0 var(--side) 70px}.footer-links{display:flex;flex-direction:column;align-items:center;gap:29px;margin-bottom:40px;font:12px Monument,monospace}.footer-links a{position:relative;transition:opacity .3s}.footer-links a:hover{opacity:.45}.footer-seal{display:grid;grid-template-columns:13% 1fr 13%;align-items:center;gap:100px;margin-bottom:40px}.seal{width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:opacity 1.5s,transform 1.5s}.seal.mirrored{transform:scaleX(-1)}.seal-line{height:1px;background:var(--ink);transform-origin:center;transition:transform 1.8s cubic-bezier(.22,1,.36,1)}.footer-small{display:flex;flex-direction:column;align-items:center;gap:8px;font:10px/1.3 Monument,monospace}.footer-small p{margin:0}.legal-links{display:flex;gap:24px;margin-top:20px}.legal-links button{border:0;background:none;padding:5px 0;cursor:pointer;font:10px Monument,monospace}.legal-links button:hover{opacity:.5}.edition-note{margin-top:9px!important;color:#737068}.footer-reveal{transition:opacity 1s,transform 1s}.js .footer-reveal:not(.in-view){opacity:0;transform:translateY(10px)}.js .footer-seal:not(.in-view) .seal{opacity:0;transform:translateY(12px) scale(1.08)}.js .footer-seal:not(.in-view) .seal-line{transform:scaleX(0)}.progress{position:fixed;z-index:30;bottom:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}
dialog{border:1px solid #aaa69b;background:var(--paper);color:var(--ink);width:min(560px,calc(100% - 40px));padding:40px}dialog::backdrop{background:#15151166;backdrop-filter:blur(4px)}dialog h2{font:36px/1.1 Louize;margin:0 0 25px}dialog p{font:15px/1.65 Suisse;margin:0 0 16px}dialog .close{display:block;border:0;border-bottom:1px solid currentColor;background:none;padding:4px 0;margin:28px 0 0 auto;cursor:pointer;font:11px Monument}.noscript-vision{font:40px Louize;text-align:center;padding:80px 20px}
@keyframes drift{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
@media(min-width:1500px){:root{--side:150px}}
@media(max-width:1023px){:root{--side:35px}.portfolio-heading{gap:35px}.portfolio h2{font-size:35px}.portfolio .intro{font-size:19px;width:387px}.company{font-size:41px}.project-info{gap:25px}.tagline{font-size:15px}.project{grid-template-columns:65% 1fr 20px}.footer-seal{grid-template-columns:17% 1fr 17%;gap:50px}}
@media(max-width:767px){:root{--side:20px}.hero-caption{bottom:25px;font-size:8px;gap:10px}.editions{bottom:26px;font-size:9px;gap:12px}.portfolio{margin-top:90px;margin-bottom:180px}.portfolio-heading{flex-direction:column;align-items:center;gap:20px;margin-bottom:80px}.portfolio h2{font-size:35px;text-align:center}.portfolio .intro{text-align:center;width:min(290px,100%);font-size:17px}.project{grid-template-columns:minmax(0,1fr) 95px 16px;min-height:116px;padding:20px 0;gap:10px}.project-info{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.company{font-size:32px}.tagline{font-size:13px;max-width:180px}.project-visual{width:95px;height:75px}.akta-mark{font-size:58px}.arrow,.arrow svg{width:16px;height:16px}.placeholder .company{font-size:27px}.placeholder .tagline{font-size:11px}.reserved{font-size:8px}.footer-links{font-size:13px;gap:28px;margin-bottom:55px}.footer-seal{grid-template-columns:24% 1fr 24%;gap:30px;margin-bottom:35px}footer{margin-bottom:35px}.footer-small{font-size:9px}.legal-links{gap:24px}dialog{padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal-words .word,.js .project,.js .footer-reveal{opacity:1!important;transform:none!important}.js .line{transform:none!important}.hero-track{height:180svh}.hero-reveal{display:none}}

.hero-fallback{flex-direction:column;gap:20px;text-align:center;font:24px Louize}.hero-fallback img{width:160px;height:160px;object-fit:contain}.hero-fallback strong{font:clamp(48px,12vw,160px) Louize}.hero-fallback p{margin:0}.akta-photo{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover .akta-photo{transform:scale(1.06)}

.fallback-lockup{width:min(80vw,1210px);position:relative;margin-top:150px}.wordmark-crop{display:block;width:100%;height:auto;mix-blend-mode:darken}.hero-fallback .fallback-lockup img{position:absolute;width:22.5%;height:auto;left:8.7%;top:4%;transform:translate(-64%,-91%);mix-blend-mode:multiply}.hero-fallback{gap:54px}.hero-fallback .fallback-lockup+p{font-style:italic}.footer-seal{grid-template-columns:13% minmax(20px,1fr) minmax(160px,24%);gap:60px}.footer-wordmark{width:100%;justify-self:end}.footer-wordmark .wordmark-crop{width:100%}@media(max-width:767px){.fallback-lockup{width:88vw;margin-top:110px}.hero-fallback{gap:50px}.footer-seal{grid-template-columns:24% minmax(20px,1fr) 38%;gap:22px}.footer-wordmark{min-width:0}}