@font-face{font-family:Manifold;src:url('assets/ManifoldExtendedCF-Regular.woff') format('woff');font-display:swap;font-weight:400}@font-face{font-family:Manifold;src:url('assets/ManifoldExtendedCF-Heavy.woff') format('woff');font-display:swap;font-weight:800}@font-face{font-family:ManifoldOblique;src:url('assets/ManifoldExtendedCF-HeavyOblique.woff') format('woff');font-display:swap;font-weight:900}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#000;color:#fff;font-family:Manifold,Arial,sans-serif;font-size:15px;line-height:1.55;text-align:right}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #b82631;outline-offset:6px}::selection{background:#fff;color:#000}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:ManifoldOblique,Arial,sans-serif;font-weight:900;line-height:1.14}h1{font-size:clamp(38px,3.4vw,64px);letter-spacing:-.035em}h2{font-size:clamp(24px,2.1vw,40px);letter-spacing:-.025em}h3{font-size:18px}p+p{margin-top:15px}.wrap{width:75%;max-width:1440px;margin-inline:auto}.section{margin-top:clamp(100px,14vw,270px)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:11px 22px;border:1px solid #ffffff42;border-radius:999px;background:#ffffff2b;backdrop-filter:blur(15px);font-size:13px;line-height:1.3;transition:background .2s,transform .2s;white-space:nowrap}.pill span{font-size:19px;line-height:1}.pill:hover{background:#ffffff40;transform:translateY(-2px)}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid #ffffff60;padding-bottom:5px}.text-link:hover{color:#ffb9b9;border-color:currentColor}.header{position:absolute;top:0;left:0;width:100%;z-index:20;padding:21px 0 52px;background:linear-gradient(#000,transparent)}.header-inner{width:75%;max-width:1440px;margin:auto;display:flex;align-items:center;gap:36px}.header .pill{font-size:11px;gap:12px;padding:8px 17px}.header nav{display:flex;align-items:center;justify-content:flex-end;gap:28px;margin-left:auto;font-size:11px;white-space:nowrap}.header nav a{position:relative;padding:8px 0}.header nav a:after{content:'';height:1px;position:absolute;bottom:2px;right:0;width:0;background:currentColor;transition:width .2s}.header nav a:hover:after{width:100%}.logo{flex:none;width:142px;margin-left:20px}.logo img{width:100%;height:42px;object-fit:contain}.menu-button{display:none}.hero{position:relative;min-height:790px;height:min(65vw,1162px);overflow:hidden;background:#000}.hero-glow{position:absolute;inset:0;background:url('assets/achtergtond-dykes-scaled-e1775249678835.jpg') center/cover}.hero-bulb{position:absolute;left:-27%;top:-23%;width:94%;max-width:none;transform:rotate(31.61deg);opacity:.65;filter:invert(1);pointer-events:none}.hero-inner{position:relative;height:100%;display:flex;justify-content:flex-end;align-items:flex-start;padding-top:clamp(190px,17.8vw,342px)}.hero-copy{width:56%;max-width:810px}.hero-copy .eyebrow{margin-bottom:16px;opacity:.7}.hero-copy p:not(.eyebrow){max-width:650px;margin-left:auto;margin-top:25px;font-size:clamp(13px,1.04vw,20px);line-height:1.55;color:#c0bcbc}.hero-copy p+p:not(.eyebrow){margin-top:14px}.hero-copy .pill{margin-top:28px}.hero-brands{position:absolute;bottom:45px;left:-2%;width:104%;display:flex;align-items:center;justify-content:space-around;gap:45px;opacity:.55}.brand-logo{width:155px;max-height:54px;object-fit:contain;flex:none;filter:brightness(0) invert(1)}.hero-brands .brand-logo{width:9%;max-height:35px;filter:brightness(0) invert(1)}.cases{margin-top:115px}.cases-layout{position:relative;width:87.5%;padding-right:0}.case-track{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-left:20px}.case-track::-webkit-scrollbar{display:none}.case-card{flex:0 0 calc((100% - 40px)/3);min-width:0;background:rgba(105,52,52,.14);border:1px solid #ffffff30;scroll-snap-align:start;transition:transform .25s}.case-image{position:relative;aspect-ratio:1.246;overflow:hidden;background:#ddd}.case-image>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}.case-card:hover .case-image>img{transform:scale(1.035)}.tag{position:absolute;top:18px;right:18px;padding:4px 14px;font-size:11px;border:1px solid #ffffff50;border-radius:99px;backdrop-filter:blur(12px)}.tag.blue{background:#15363aaa}.tag.yellow{background:#46421caa}.tag.red{background:#592525aa}.case-arrow{position:absolute;bottom:15px;right:15px;display:grid;place-items:center;width:40px;height:40px;background:#111d;border-radius:50%;opacity:0;transform:translateY(8px);transition:.2s}.case-card:hover .case-arrow,.case-card:focus-visible .case-arrow{opacity:1;transform:none}.case-copy{padding:26px 24px 28px}.case-copy p{font-size:12px;color:#bdb7b7;margin-top:14px;line-height:1.6}.round{border:0;background:#ffffff26;border-radius:50%;width:60px;height:60px;font-size:28px;display:grid;place-items:center;transition:background .2s}.round:hover{background:#ffffff42}.case-next{position:absolute;right:-85px;top:33%}.section-caption{margin-top:28px;text-align:right}.section-caption>p{font-size:12px;color:#bcb7b7;margin-bottom:18px}.section-caption>.text-link{margin-top:22px}.values-layout{display:grid;grid-template-columns:37% 1fr;gap:20px}.side-panels{display:grid;grid-template-rows:1fr 1.17fr;gap:20px}.shop-panel,.about-panel{position:relative;min-height:205px;border:1px solid #ffffff30;background:#fff;overflow:hidden;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:26px}.panel-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}.shop-logo{position:relative;width:75%;filter:brightness(0) invert(1);margin:8px 0 25px}.shop-panel .pill,.about-panel .pill,.about-panel h2{position:relative}.about-panel .panel-bg{object-position:40% center;opacity:.22}.about-panel h2{font-size:clamp(22px,2.1vw,38px)}.usp-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 40px;padding:45px 32px;background:rgba(105,52,52,.14);border:1px solid #ffffff30}.usp{display:flex;flex-direction:column;align-items:flex-end}.usp-icon{width:88px;height:88px;object-fit:contain;margin-bottom:22px;opacity:.8}.usp h3{font-size:16px}.usp p{font-size:12px;color:#bcb6b6;margin-top:10px}.values>.section-caption{font-size:clamp(23px,2.1vw,40px)}.logos-section{overflow:hidden}.logo-track{display:flex;gap:68px;align-items:center;justify-content:center;width:max-content;min-width:100%;padding:0 32px}.logo-track .brand-logo{width:200px;max-height:74px;opacity:.7}.logos-section h2{margin-top:65px}.services{display:grid;grid-template-columns:1fr 1.55fr;gap:8%;align-items:end}.services-intro{text-align:right}.services-intro h2{font-size:clamp(30px,3.1vw,56px)}.services-intro p:last-child{font-size:13px;color:#bcb6b6;margin-top:25px}.service{border-bottom:1px solid #ffffff30}.service:first-child{border-top:1px solid #ffffff30}.service summary{display:flex;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:27px 0;font-family:ManifoldOblique;font-size:17px}.service summary::-webkit-details-marker{display:none}.service-no{font-family:Manifold;font-size:10px;color:#999;margin-right:auto}.plus{font-family:Manifold;font-size:26px;width:25px;flex:none}.service[open] .plus{transform:rotate(45deg)}.service-detail{padding:0 45px 26px 36px;font-size:13px;color:#bcb6b6}.service-detail a{display:inline-block;margin-top:20px;color:#fff;border-bottom:1px solid #ffffff50}.studio{display:grid;grid-template-columns:1fr 1.5fr;gap:12%;align-items:center}.studio-art{position:relative;display:flex;justify-content:center;align-items:center}.cat-mark{width:55%;max-height:330px;filter:brightness(0) invert(1);opacity:.12}.studio-copy>p:not(.eyebrow){font-size:14px;color:#bcb6b6;margin-top:24px}.studio-copy .text-link{margin-top:30px}.contact{margin:clamp(120px,14vw,270px) 12.5% 0 2%;min-height:410px;position:relative;display:flex;align-items:center;justify-content:flex-end;border:1px solid #ffffff30;background:rgba(105,52,52,.14);padding:64px 30px;overflow:hidden}.contact-art{position:absolute;left:-7%;bottom:-22%;width:62%;opacity:.075;pointer-events:none}.contact-copy{position:relative;width:53%;max-width:650px}.contact-copy>p{font-size:13px;margin-top:22px;color:#bcb6b6}.contact-copy .pill{margin-top:25px}.contact-copy small{display:block;font-size:9px;margin-top:12px;color:#aaa}.footer{margin:0 2% 25px;background:rgba(105,52,52,.14);border:1px solid #ffffff30;padding:60px 5% 30px}.footer-top{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:60px;align-items:start}.footer h3{font-size:16px;margin-bottom:20px}.footer p,.footer address,.footer-links a{font-size:11px;font-style:normal;color:#bcb6b6;line-height:1.9}.footer-info p{margin-top:20px}.footer-links{display:flex;flex-direction:column;align-items:flex-end}.footer-links .text-link{margin-top:10px}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:65px;gap:40px}.footer-bottom>span{font-size:10px;color:#aaa}.footer-logo{width:43%;max-width:600px;filter:brightness(0) invert(1);opacity:.85}.skip{position:fixed;left:10px;top:-60px;z-index:99;padding:10px;background:#fff;color:#111827}.skip:focus{top:10px}
@media(min-width:1700px){body{font-size:20px}.header-inner{gap:50px}.header nav{font-size:18px;gap:35px}.header .pill{font-size:18px}.logo{width:188px}.logo img{height:55px}.case-copy h3{font-size:24px}.case-copy p,.usp p{font-size:18px}.usp h3{font-size:23px}.usp-icon{width:142px;height:142px}.usp-grid{padding:65px 40px}.tag{font-size:18px}.pill{font-size:18px}.case-copy{padding:30px}.hero{height:1162px}.hero-copy{padding-top:0}}
@media(max-width:1100px){.wrap,.header-inner{width:84%}.header-inner{gap:20px}.header nav{gap:16px;font-size:10px}.header .pill{padding:8px 12px;gap:6px;font-size:10px}.logo{width:120px;margin-left:0}.hero{height:820px}.hero-copy{width:65%}.hero-bulb{width:115%;left:-46%;top:-10%}.hero-brands{gap:24px}.cases-layout{width:92%}.case-next{right:-60px;width:45px;height:45px;font-size:23px}.case-copy{padding:20px 15px}.case-copy h3{font-size:15px}.case-copy p{font-size:11px}.values-layout{grid-template-columns:34% 1fr}.usp-grid{padding:30px 22px;gap:30px 22px}.usp h3{font-size:14px}.usp p{font-size:11px}.shop-panel,.about-panel{padding:20px}.services{gap:5%;grid-template-columns:1fr 1.5fr}.service summary{font-size:14px;gap:12px}.contact{margin-right:8%}.contact-copy{width:60%}.footer-top{gap:30px}}
@media(max-width:800px){html{scroll-padding-top:30px}.wrap,.header-inner{width:88%}.header{padding-top:18px}.header-inner{justify-content:space-between;gap:12px}.header .pill{display:none}.menu-button{display:flex;gap:12px;align-items:center;border:1px solid #fff6;border-radius:30px;padding:9px 15px;background:#ffffff26;font-size:12px}.logo{width:130px;margin-left:auto}.logo img{height:42px}.header nav{display:none;position:absolute;top:78px;left:6%;right:6%;margin:0;padding:28px;background:#130b0bf5;backdrop-filter:blur(20px);border:1px solid #ffffff30;flex-direction:column;align-items:flex-end;font-size:15px;gap:15px}.header nav.open{display:flex}.hero{height:auto;min-height:860px}.hero-inner{padding-top:215px;padding-bottom:175px}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(35px,7.6vw,55px)}.hero-copy p:not(.eyebrow){font-size:13px;max-width:430px}.hero-copy .eyebrow{font-size:10px}.hero-bulb{width:190%;left:-100%;top:-2%;opacity:.23}.hero-glow{background-position:30% center}.hero-brands{justify-content:flex-start;left:-20px;gap:40px;bottom:50px;width:max-content}.hero-brands .brand-logo{width:120px;max-height:26px}.section{margin-top:100px}.cases{margin-top:60px}.cases-layout{width:100%;padding-right:6%}.case-track{gap:16px;padding-left:6%}.case-card{flex-basis:87%;max-width:430px}.case-copy{padding:25px}.case-copy h3{font-size:19px}.case-copy p{font-size:12px}.case-next{right:3%;top:32%;width:46px;height:46px;box-shadow:0 2px 20px #0002}.tag{font-size:11px}.section-caption>p{font-size:11px}.section-caption h2{font-size:25px}.values-layout{display:flex;flex-direction:column-reverse;gap:16px}.usp-grid{padding:28px 20px;gap:35px 25px}.usp-icon{width:68px;height:68px;margin-bottom:18px}.usp h3{font-size:15px}.usp p{font-size:11px}.side-panels{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:16px}.shop-panel,.about-panel{min-height:210px;padding:18px 14px}.shop-panel .pill,.about-panel .pill{font-size:10px;padding:8px 11px;gap:8px}.about-panel h2{font-size:20px}.shop-logo{width:100%;margin-top:20px}.logo-track{gap:45px;padding-left:20px;justify-content:flex-start}.logo-track .brand-logo{width:140px;max-height:48px}.logos-section h2{margin-top:40px}.services{display:flex;flex-direction:column;align-items:stretch;gap:35px}.services-intro{margin-left:auto;max-width:320px}.services-intro h2{font-size:36px}.service summary{font-size:15px}.service-detail{padding-left:15px;padding-right:35px}.studio{display:block;position:relative}.studio-art{position:absolute;left:-15%;top:-30%;width:65%;z-index:-1}.cat-mark{width:100%;opacity:.035}.studio-copy{max-width:500px;margin-left:auto}.studio-copy h2{font-size:27px}.studio-copy>p:not(.eyebrow){font-size:13px}.contact{margin:100px 6% 0;min-height:480px;padding:40px 24px}.contact-copy{width:100%}.contact-copy h2{font-size:26px}.contact-art{left:-60%;bottom:-10%;width:140%;opacity:.045}.footer{margin:0 6% 20px;padding:40px 24px 25px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-services{grid-column:1/-1}.footer h3{font-size:15px;margin-bottom:15px}.footer-bottom{margin-top:45px;flex-direction:column-reverse;align-items:flex-end;gap:25px}.footer-logo{width:80%}.eyebrow{font-size:10px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Figma GPT frames: black canvas, burgundy glass panels, white typography. */
.hero-brands{opacity:.35}.logo-track .brand-logo{opacity:.9}.hero-bulb{filter:invert(1);opacity:.85}.shop-panel,.about-panel{background:#080303}.shop-panel .panel-bg{opacity:.38}.about-panel .panel-bg{opacity:.35}.contact{background:rgba(105,52,52,.14)}.footer{background:linear-gradient(#110909,#000 75%)}.usp-icon{filter:invert(1)}.contact-art{filter:invert(1);opacity:.14}.service-detail a{color:#fff}.header nav{color:#eee}.skip{background:#fff;color:#111827}.footer-links .text-link{color:#eee}.case-card{border-color:#ffffff2b}.hero .eyebrow{display:none}
.hero-bulb,.usp-icon,.contact-art{filter:none}.hero-bulb{opacity:1}.contact-art{opacity:.7}.usp-icon{opacity:.9}.hero-glow{opacity:.8}.hero-copy{position:relative;z-index:1}.pill{color:#fff}.case-next{color:#000;background:#ffffff2e}.case-next:hover{background:#ffffff65}.service-no{color:#999}.contact-copy{z-index:1}.footer-logo{filter:none}.footer-top .text-link{border-color:#ffffff60}
.case-next{color:#fff}.contact-dialog{color:white;background:#100808;border:1px solid #ffffff40;width:min(560px,90vw);padding:60px 40px 40px;text-align:right;font-family:Manifold;box-shadow:0 20px 100px #000a}.contact-dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.contact-dialog>p:not(.eyebrow){margin-top:25px;color:#c1b8b8;font-size:14px}.contact-dialog .pill{margin-top:30px}.contact-dialog .text-link{display:block;width:fit-content;margin:20px 0 0 auto}.contact-dialog small{display:block;font-size:10px;color:#aaa;margin-top:30px}.dialog-close{position:absolute;top:12px;left:15px;border:0;background:transparent;font-size:30px;width:40px;height:40px}.contact-dialog h2{font-size:32px}@media(max-width:800px){.hero-bulb{opacity:.6}.contact-art{opacity:.3}.contact-dialog{padding:60px 25px 30px}.contact-dialog h2{font-size:27px}}
@media(max-width:800px){.pill{font-size:11px;padding:10px 14px;gap:10px;max-width:100%}.hero-copy h1{font-size:clamp(24px,7vw,50px)}.contact{padding:40px 18px}.contact-copy h2{font-size:clamp(16px,5vw,26px)}.contact-dialog .pill{font-size:10px;white-space:normal}}

@media(max-width:800px){.studio-copy h2{font-size:clamp(21px,5.6vw,27px)}.services-intro h2{font-size:clamp(27px,7.5vw,36px)}}
@media(min-width:801px){.case-track>.case-card{flex-basis:35%}}.header nav a[aria-current="page"]:after{width:100%}