@font-face{font-family:AH;src:url('assets/fonts/ah-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:AH;src:url('assets/fonts/ah-medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:AH;src:url('assets/fonts/ah-light.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:AH;src:url('assets/fonts/ah-bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:Terror;src:url('assets/fonts/terror.ttf') format('truetype');font-display:swap}
:root{--bg:#100d16;--ink:#f2f0e9;--muted:#b1aab9;--lime:#c3ff37;--purple:#271632;--line:#ffffff24;--gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{background:var(--lime);color:var(--bg)}:focus-visible{outline:2px solid var(--lime);outline-offset:7px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:AH,Impact,sans-serif;font-weight:700}h2{font-size:clamp(40px,6.1vw,100px);line-height:1.02;letter-spacing:-.025em}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;line-height:1.7}.scribble{font-family:Terror,cursive;font-weight:400;color:var(--lime);line-height:.85;letter-spacing:0;pointer-events:none}.lime{color:var(--lime)}.skip-link{position:fixed;top:-90px;left:20px;background:var(--lime);color:var(--bg);padding:16px;z-index:100}.skip-link:focus{top:10px}
.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;padding:30px var(--gutter);display:flex;align-items:center;justify-content:space-between}.signature{position:relative;font-family:AH,sans-serif;font-weight:700;font-size:22px;line-height:.82;letter-spacing:-.03em;padding-top:17px}.signature svg{position:absolute;top:-15px;left:4px;width:45px;height:30px;transform:rotate(-11deg);fill:none;stroke:var(--lime);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.signature-dot{color:var(--lime)}nav{display:flex;align-items:center;gap:34px;font-size:12px}nav a{padding:10px 0;transition:color .2s}nav a:hover{color:var(--lime)}.nav-contact{border-bottom:1px solid var(--lime)}.nav-contact span{margin-left:20px;color:var(--lime)}
.hero{position:relative;min-height:800px;height:100svh;max-height:1200px;isolation:isolate;overflow:hidden}.hero-image,.hero-shade,.hero-grain{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.hero-image{object-fit:cover;object-position:62% center}.hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(16,13,22,.87) 0%,rgba(16,13,22,.68) 28%,rgba(16,13,22,.09) 63%),linear-gradient(0deg,#100d16 0%,transparent 28%,rgba(16,13,22,.15) 85%,rgba(16,13,22,.65))}.hero-grain{z-index:-1;opacity:.13;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-content{padding:clamp(170px,21vh,260px) var(--gutter) 100px;position:relative}.hero .eyebrow{display:flex;align-items:center;gap:10px;color:#d3ccd9}.little-cross{color:var(--lime);font-size:21px}h1{font-size:clamp(72px,10vw,162px);line-height:.81;letter-spacing:-.035em;margin-top:30px;max-width:70%}.hero-scribble{font-size:clamp(68px,9vw,145px);transform:rotate(-9deg);margin:-18px 0 5px 40px;width:max-content;position:relative;z-index:1}.hero-description{font-size:14px;line-height:1.7;color:#d5ceda;margin-top:80px}.text-link{display:inline-flex;gap:45px;align-items:center;font-size:12px;padding:18px 0 10px;border-bottom:1px solid #ffffff70}.text-link span{color:var(--lime);font-size:24px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.hero-bottom{position:absolute;bottom:26px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;color:var(--muted)}.hero-bottom a{color:var(--ink);display:flex;align-items:center;gap:18px}.hero-bottom a span{font-size:25px;color:var(--lime)}
.manifesto{padding:110px var(--gutter) 130px;position:relative;display:grid;grid-template-columns:1fr 2.2fr;gap:40px}.manifesto>.eyebrow{padding-top:10px}.manifesto>p{font-family:AH,sans-serif;font-size:clamp(34px,4.3vw,72px);font-weight:500;line-height:1.1}.manifesto em{font-style:normal;color:var(--lime)}.manifesto-star{position:absolute;right:var(--gutter);bottom:70px;font-size:80px;color:var(--lime)}
.horizontal-section{border-top:1px solid var(--line);position:relative}.pin-frame{padding:70px 0 22px;overflow:hidden}.section-heading{padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:50px}.section-heading h2{margin-top:16px}.section-heading .scribble{font-size:clamp(55px,7.4vw,120px);margin-top:-18px;margin-left:8vw;transform:rotate(-5deg);position:relative;z-index:2}.chapter-hint{font-size:9px;letter-spacing:.1em;display:flex;align-items:center;gap:20px;white-space:nowrap;margin-left:25px}.chapter-hint span{color:var(--lime);font-size:30px}.rail{display:flex;gap:28px;padding:0 var(--gutter);width:max-content;will-change:transform}.journey-card{width:clamp(300px,32vw,490px);position:relative;padding:0 24px 0 0;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.chapter-number{position:absolute;right:25px;top:0;font-family:AH,sans-serif;font-weight:300;font-size:50px;color:#ffffff24}.period{font-size:10px;letter-spacing:.12em;color:var(--lime);padding:8px 0 25px}.journey-card h3{font-size:clamp(24px,2.4vw,37px);line-height:1.05;min-height:80px;letter-spacing:-.01em}.card-art{height:clamp(120px,20vh,210px);width:100%;margin:18px 0 20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.card-art:after{content:'';position:absolute;inset:0;z-index:4;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,#000 3px,#000 4px);pointer-events:none}.card-art span{font-family:AH,sans-serif;font-weight:700;line-height:.86}.card-art small{position:absolute;bottom:12px;left:15px;font-size:8px;letter-spacing:.2em}.merch-art{background:#b8d839;color:#201727}.merch-art span{font-size:55px;transform:rotate(-10deg);z-index:2}.merch-art i{position:absolute;font-size:180px;right:-5px;color:#312239;transform:rotate(12deg)}.sgd-art{background:#37243f;justify-content:flex-start;padding:20px}.sgd-art span{font-size:38px}.sgd-art i{font-size:135px;font-style:normal;color:var(--lime);position:absolute;right:10px;transform:rotate(-15deg)}.stars-art{background:#ddd9d0;color:#17131c}.stars-art i{position:absolute;font-size:210px;color:#c6c0b6;right:-15px}.stars-art span{font-size:56px;transform:rotate(-7deg);z-index:2}.tqg-art{background:#231a33;gap:30px}.tqg-art span{font-size:67px;font-style:italic}.tqg-art b{color:#baacf8;font-size:44px;letter-spacing:-.07em}.frost-art{background:var(--lime);color:#17121e}.frost-art span{font-size:65px;z-index:2;transform:rotate(-8deg)}.frost-art i{position:absolute;right:10px;font-size:180px;font-style:normal;opacity:.22}.journey-card>p:not(.period){font-size:12px;line-height:1.75;color:var(--muted);max-width:350px}.tag{margin-top:18px;font-size:8px;letter-spacing:.1em;border:1px solid var(--line);padding:7px 10px}.rail-footer{display:flex;align-items:center;gap:30px;padding:25px var(--gutter) 0;font-size:8px;letter-spacing:.07em}.rail-footer>span{flex:1;color:var(--muted)}.rail-controls{display:flex;align-items:center;gap:16px}.rail-controls button{background:transparent;border:1px solid var(--line);border-radius:50%;width:32px;height:32px;font-size:18px}.rail-controls button:hover{background:var(--lime);color:var(--bg)}.rail-controls button:disabled{opacity:.3;cursor:default;background:transparent;color:inherit}.rail-counter{min-width:42px}.progress-track{height:2px;width:150px;background:var(--line);overflow:hidden}.progress-track span{height:100%;width:100%;display:block;background:var(--lime);transform:scaleX(0);transform-origin:left}.horizontal-section.is-pinned .pin-frame{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center}.horizontal-section.is-pinned .section-heading{flex-shrink:0}.horizontal-section.is-pinned .rail-footer{flex-shrink:0}.brands-section{background:#1b1124}.brand-card{width:clamp(300px,39vw,600px);height:clamp(280px,40vh,410px);padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.brand-top,.brand-bottom{font-size:9px;letter-spacing:.09em;position:relative;z-index:2}.brand-bottom{display:flex;justify-content:space-between;align-items:center}.brand-bottom>span{font-size:25px}.brand-card h3{align-self:center;font-size:clamp(60px,8vw,125px);line-height:.8;text-align:center;position:relative;z-index:2}.brand-card:after{position:absolute;width:280px;height:280px;border:1px solid currentColor;content:'';border-radius:50%;right:-90px;top:-80px;opacity:.12}.esn{background:#e8e5dc;color:#201d25}.esn h3{font-style:italic;letter-spacing:-.06em;font-size:clamp(100px,13vw,190px)}.more{background:#c2b7d9;color:#271c38}.more h3{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.09em;text-transform:none}.more h3 span{color:#f3f0ea}.frostbite{background:var(--lime);color:#17101d}.frostbite h3{transform:rotate(-8deg)}.allstars{background:#342340;color:#f0ece4}.allstars h3{position:relative}.allstars h3 span{position:absolute;color:var(--lime);font-size:75px;right:-55px;top:-25px;transform:rotate(15deg)}.irish{background:#a6b69a;color:#172c21}.irish h3 span{font:18px Arial;vertical-align:top}.bmw{background:#c4d4dd;color:#102c42}.bmw:before{content:'';position:absolute;width:250px;height:250px;border:45px solid #254a6633;transform:rotate(35deg);top:50px;left:calc(50% - 125px)}.jochen{background:#efc335;color:#241e12}.jochen h3{font-size:clamp(42px,5.5vw,85px)}
.vertical-section{padding:120px var(--gutter)}.vertical-section .section-heading{padding:0}.expertise-intro{display:flex;justify-content:space-between;align-items:end;margin:90px 0 65px;padding-left:27%}.expertise-intro p{font-size:clamp(21px,2.8vw,44px);line-height:1.25;letter-spacing:-.035em}.expertise-intro>span{font-size:9px;letter-spacing:.1em;line-height:1.8;color:var(--muted)}.services details{border-top:1px solid var(--line)}.services details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:30px;padding:28px 0;cursor:pointer}summary::-webkit-details-marker{display:none}.service-number{font-size:10px;color:var(--lime);width:20px}.services h3{font-size:clamp(25px,4vw,60px);font-weight:500}.detail-icon{margin-left:auto;font-size:32px;color:var(--lime);font-weight:300;transition:transform .25s}details[open] .detail-icon{transform:rotate(45deg)}.service-body{display:flex;gap:50px;align-items:flex-end;justify-content:space-between;padding:0 0 35px 50px}.service-body p{font-size:14px;color:var(--muted);line-height:1.8;max-width:450px}.service-body>span{font-size:9px;letter-spacing:.1em;color:var(--muted);text-align:right;line-height:1.8}
.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#1b1124;align-items:center}.about-portrait{position:relative;aspect-ratio:4/5;background:#19151e}.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:57%;filter:saturate(.5)}.about-portrait:after{position:absolute;inset:0;content:'';background:linear-gradient(transparent 60%,#100d16cc)}.portrait-label{position:absolute;z-index:2;bottom:25px;left:25px;font-size:9px;line-height:1.8;letter-spacing:.1em}.portrait-star{position:absolute;right:-38px;top:-40px;font-size:110px;color:var(--lime);z-index:2}.about-copy h2{font-size:clamp(45px,5.4vw,86px);margin-top:22px;line-height:.97}.about-copy .scribble{font-size:clamp(65px,7.3vw,115px);margin:-7px 0 40px 25px;transform:rotate(-7deg)}.about-copy>p:not(.eyebrow):not(.scribble){font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:18px;max-width:440px}.about-copy .text-link{margin-top:12px}.contact{background:var(--lime);color:#17101d;position:relative;padding-top:100px;padding-bottom:60px;overflow:hidden}.contact h2{font-size:clamp(72px,13vw,205px);line-height:.87;margin-top:45px;letter-spacing:-.035em}.contact h2>span{color:#62437a}.contact .scribble{color:#67418a;font-size:clamp(55px,8.2vw,130px);transform:rotate(-5deg);margin-top:-15px;margin-left:12vw;position:relative}.contact-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:20px 35px;margin-top:65px;padding-top:35px;border-top:1px solid #17101d44}.contact-bottom>p{font-size:12px;line-height:1.8;flex:1}.email-link{font-family:AH,sans-serif;font-size:clamp(23px,3vw,48px);font-weight:500;letter-spacing:-.02em}.email-link span{margin-left:20px}.email-link:hover{text-decoration:underline;text-underline-offset:8px}.copy-email{border:0;border-bottom:1px solid #17101d77;background:transparent;color:#17101d;font-size:10px;padding:10px 0}.copy-email span{margin-left:15px}.copy-status{font-size:11px;min-height:20px;margin-top:15px;text-align:right}.contact :focus-visible{outline-color:#17101d}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px var(--gutter);font-size:9px;letter-spacing:.05em;color:var(--muted)}.footer-name{font-family:AH,sans-serif;font-weight:700;font-size:18px;color:var(--ink)}.footer-name span{color:var(--lime)}footer a:hover{color:var(--lime)}
@media(min-width:901px) and (min-height:741px){.hero-content{animation:arrive .8s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}
@media(min-width:901px) and (max-height:850px){.hero{min-height:740px}.hero-content{padding-top:150px}h1{font-size:clamp(80px,8.7vw,140px)}.hero-scribble{font-size:100px}.hero-description{margin-top:40px}.pin-frame{padding-top:35px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:clamp(45px,5.5vw,80px)}.section-heading .scribble{font-size:clamp(60px,6.5vw,95px)}.journey-card h3{min-height:65px}.card-art{margin:12px 0}.journey-card .period{padding-bottom:16px}.journey-card>p:not(.period){font-size:11px}.tag{margin-top:12px}.rail-footer{padding-top:18px}}
@media(max-width:1100px){.chapter-hint{display:none}.expertise-intro{padding-left:10%}.hero-index{display:none}.contact-bottom>p{flex-basis:100%}}
@media(max-width:900px),(max-height:740px){.horizontal-section .pin-frame{height:auto;position:relative;padding:75px 0 35px}.rail-window{overflow:visible}.rail{width:auto;display:grid;transform:none!important;will-change:auto;gap:40px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 var(--gutter)}.journey-card{width:auto;min-width:0;padding-right:15px}.journey-card h3{font-size:28px}.card-art{height:180px}.brand-card{width:auto;height:300px}.brand-card h3{font-size:70px}.esn h3{font-size:110px}.jochen h3{font-size:40px}.rail-controls,.progress-track{display:none}.rail-footer{padding-top:35px}.section-heading{margin-bottom:60px}.section-heading .scribble{margin-top:-8px}.hero{min-height:840px}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#100d16b8,transparent),linear-gradient(0deg,#100d16,transparent 80%)}.hero-content{padding-top:220px}h1{font-size:110px;max-width:100%}.hero-scribble{font-size:100px}.manifesto{padding-top:80px;padding-bottom:100px}.manifesto-star{bottom:20px;font-size:55px}.about{gap:6vw}.about-copy h2{font-size:47px}.about-copy .scribble{font-size:70px}.vertical-section{padding-top:80px;padding-bottom:80px}.portrait-star{font-size:80px;right:-20px;top:-35px}}
@media(max-width:600px){.site-header{padding-top:28px}.signature{font-size:19px}.signature svg{width:38px;left:3px}nav{gap:22px}nav a:not(.nav-contact){display:none}.hero{height:100svh;min-height:760px;max-height:1000px}.hero-image{object-position:57% top;object-fit:cover}.hero-shade{background:linear-gradient(0deg,#100d16 0%,#100d16d9 20%,#100d1655 62%,#100d1655),linear-gradient(90deg,#100d1677,transparent)}.hero-content{padding-top:285px;padding-bottom:90px}.hero .eyebrow{font-size:8px;letter-spacing:.1em}.little-cross{font-size:17px}h1{font-size:clamp(66px,18vw,105px);line-height:.85;margin-top:22px}.hero-scribble{font-size:clamp(58px,16vw,90px);margin:-6px 0 0 25px}.hero-description{font-size:12px;margin-top:20px}.hero .text-link{padding-top:12px}.hero-bottom{font-size:7px;bottom:19px;gap:15px}.hero-bottom>a{gap:9px}.manifesto{display:block;padding-top:65px;padding-bottom:95px}.manifesto>p{font-size:37px;margin-top:35px}.manifesto-star{font-size:55px;bottom:25px}.eyebrow{font-size:8px}h2{font-size:clamp(32px,8.1vw,49px)}.section-heading h2{margin-top:18px}.section-heading .scribble{font-size:clamp(43px,11vw,66px);margin-left:5vw;margin-top:-1px}.horizontal-section .pin-frame{padding-top:60px}.section-heading{margin-bottom:45px}.rail{grid-template-columns:1fr;gap:38px}.journey-card{padding-right:0;border-right:0;border-bottom:1px solid var(--line);padding-bottom:28px}.journey-card h3{font-size:34px;min-height:0}.chapter-number{right:0;font-size:55px}.period{padding-bottom:20px}.card-art{height:210px;margin:24px 0 18px}.journey-card>p:not(.period){font-size:13px;max-width:none}.tag{font-size:8px}.brand-card{height:330px;padding:24px}.brand-card h3{font-size:100px}.esn h3{font-size:150px}.jochen h3{font-size:55px}.brand-top,.brand-bottom{font-size:8px}.brand-rail{gap:18px}.rail-footer>span{font-size:7px;line-height:1.8}.expertise-intro{display:block;padding-left:0;margin:60px 0 40px}.expertise-intro p{font-size:30px}.expertise-intro>span{display:block;margin-top:25px;font-size:8px}summary{gap:15px;padding:23px 0}.services h3{font-size:25px}.service-number{font-size:8px;width:15px}.detail-icon{font-size:25px}.service-body{display:block;padding:0 0 25px 30px}.service-body p{font-size:12px}.service-body>span{display:block;text-align:left;margin-top:20px;font-size:7px}.about{grid-template-columns:1fr;gap:55px}.about-portrait{margin-right:12px;aspect-ratio:4/4.5}.about-copy h2{font-size:59px}.about-copy .scribble{font-size:80px;margin-bottom:35px}.about-copy>p:not(.eyebrow):not(.scribble){font-size:13px}.contact{padding-top:65px;padding-bottom:35px}.contact h2{font-size:clamp(60px,15.5vw,95px);margin-top:35px}.contact .scribble{font-size:clamp(44px,11vw,68px);margin-left:0;margin-top:0;line-height:1}.contact-bottom{margin-top:40px;padding-top:25px;gap:20px}.email-link{font-size:clamp(22px,6vw,35px)}.email-link span{margin-left:6px}.copy-email{font-size:10px}.copy-status{text-align:left}footer{flex-wrap:wrap;gap:25px;font-size:8px;padding-top:30px;padding-bottom:30px}footer .footer-name{flex-basis:100%;font-size:22px}footer>span{flex-basis:100%}.contact-bottom>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.rail{will-change:auto;width:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));transform:none!important}.journey-card,.brand-card{width:auto}.rail-controls,.progress-track{display:none}}
@media print{.site-header,.hero-bottom,.rail-controls,.copy-email,.copy-status{display:none}body{background:white;color:black}.hero{height:auto;min-height:0;padding-top:30px}.hero-image,.hero-shade,.hero-grain{display:none}.hero-content{padding-top:0;padding-bottom:20px}.hero-content .eyebrow,.hero-description{color:black}.scribble,.lime,.period,.tag{color:#334900}.horizontal-section{height:auto!important}.horizontal-section .pin-frame{position:relative!important;height:auto!important;display:block!important}.rail{display:grid;grid-template-columns:1fr 1fr;width:auto;transform:none!important;gap:20px}.journey-card,.brand-card{width:auto;break-inside:avoid}.vertical-section,.manifesto,.pin-frame{padding-top:40px!important;padding-bottom:40px!important}.about{background:white}.about-copy>p:not(.eyebrow):not(.scribble),.journey-card>p:not(.period){color:#333}.contact{background:#eee}.contact .scribble{color:#444}footer{color:black}}