
/* Editorial scale, champagne contrasts and a continuous project stack. */
body{overflow-x:clip}main{overflow:visible}header{padding:24px 5%;border:0}nav{gap:clamp(18px,3vw,48px);text-transform:uppercase;font-size:14px}
.hero{min-height:860px;height:100svh;max-height:1200px;padding:135px 5% 0}.title-wrap{margin-top:22px;height:65vh;min-height:540px}.hero h1{font-size:clamp(110px,19vw,300px);font-weight:800;line-height:.85;letter-spacing:-.08em;max-width:100%}.hero h1>span{background:linear-gradient(180deg,#8c7555,#f2dfbd);background-clip:text;-webkit-background-clip:text;color:transparent}.neural-visual{inset:6% -12% -12% 16%;mask-image:linear-gradient(90deg,transparent,black 20%,black 85%,transparent)}.neural-visual video{opacity:.82}.neural-visual button{bottom:11%;right:15%;font-family:inherit;font-size:14px;min-height:44px}
.hero-bottom{bottom:35px}.hero-bottom p{font-size:18px}.round-link{padding:15px 25px;border:1px solid #d4bc92;border-radius:40px;color:#e7d4b2}.ticker{padding:36px 0;font-size:clamp(18px,3vw,42px);letter-spacing:.025em}.ticker-divider{width:60px}
.story{padding:150px 7%;text-align:center}.story .eyebrow{margin-bottom:38px}.story-grid{display:block}.story h2{font-size:clamp(64px,11vw,170px);font-weight:800;line-height:.95;letter-spacing:-.065em}.story h2 em{font:inherit;color:var(--gold)}.story-copy{max-width:800px;margin:65px auto 0}.story-copy .lead{max-width:none;font-size:clamp(25px,3.3vw,46px);line-height:1.45;letter-spacing:-.03em}.story-copy p{max-width:680px;margin:0 auto 24px;font-size:18px}.scroll-word{opacity:var(--word-opacity,1)}.signature{margin-top:45px}
.services{background:#ead9b9;color:#171511;border-radius:60px 60px 0 0;padding:110px 8% 150px}.services .eyebrow{color:#615440}.services h2{font-size:clamp(65px,11vw,170px);font-weight:800;line-height:.93;letter-spacing:-.065em}.services h2 em{font:inherit;color:#8a7050}.service-list{margin:75px auto 0;max-width:1150px}.service-list article{display:grid;grid-template-columns:180px 1fr;gap:50px;align-items:center;border-top:1px solid #17151130;padding:38px 0}.service-no{font-size:clamp(70px,9vw,130px);font-weight:700;letter-spacing:-.07em;line-height:1}.service-list h3{font-size:clamp(22px,3vw,38px);font-weight:500;text-transform:uppercase;letter-spacing:-.03em;margin:0 0 12px}.service-list p{font-size:18px;color:#5a5143;line-height:1.7;max-width:690px;margin:0}
.projects{position:relative;margin-top:-55px;border-radius:60px 60px 0 0;background:#10100f;padding:100px 5%}.projects h2{font-size:clamp(58px,10vw,155px);font-weight:800;line-height:.95}.projects h2 em{font:inherit;color:var(--gold)}.project-stack{padding-bottom:70px}.project-stack .project{position:sticky;top:35px;transform:scale(var(--card-scale,1));transform-origin:50% 0;margin-bottom:100px;border-radius:40px;padding:32px 40px;min-height:650px;transition:none;box-shadow:0 25px 70px #0005}.project-stack .project:last-child{top:63px;margin-bottom:0}.project-top{font-size:14px;align-items:center}.project-top>span:last-child{font-size:60px;line-height:1;font-weight:700;letter-spacing:-.06em}.brand-stage{min-height:330px}.project-bottom p{font-size:16px;max-width:800px}.project-bottom h3{font-size:25px}.project-arrow{font-size:14px;min-width:max-content}.jgm-tags{font-size:14px}.development{font-size:12px}.digital-row{padding:40px 2% 0}.contact{border-top:1px solid var(--line);padding-top:100px}.contact h2{font-size:clamp(62px,10vw,155px);font-weight:700}.contact-button{background:linear-gradient(125deg,#9d7845,#efdfbe 55%,#ba955b);box-shadow:inset 0 1px 2px #fff9,0 8px 40px #b4935a20;font-size:16px}.eyebrow,.small{font-size:14px}
@media(max-width:760px){header{padding:20px 6%}nav{gap:15px;font-size:12px}nav a[href="#aanpak"]{display:none}.hero{height:auto;min-height:820px;padding:120px 6% 130px}.title-wrap{height:550px;min-height:0}.hero h1{font-size:21vw;line-height:.95}.neural-visual{inset:145px -15% auto -15%;height:400px;mask-image:linear-gradient(180deg,transparent,black 15%,black 85%,transparent)}.hero-bottom p{font-size:16px;max-width:53%}.round-link{padding:12px 15px;font-size:12px}.neural-visual button{right:15%;bottom:8%}.story{padding:90px 6%}.story-copy{margin-top:40px}.story-copy p{font-size:17px}.story-copy .lead{font-size:27px}.services{padding:75px 6% 110px;border-radius:30px 30px 0 0}.service-list{margin-top:45px}.service-list article{grid-template-columns:65px 1fr;gap:20px;padding:30px 0;align-items:start}.service-no{font-size:57px}.service-list p{font-size:16px}.service-list h3{font-size:22px}.projects{padding:70px 5%;border-radius:30px 30px 0 0;margin-top:-35px}.project-stack{padding-bottom:15px}.project-stack .project{position:relative;top:auto!important;min-height:0;padding:22px;margin-bottom:26px;border-radius:25px;transform:none}.project-top{font-size:12px;gap:15px}.project-top>span:last-child{font-size:38px}.brand-stage{min-height:250px}.project-bottom h3{font-size:22px}.project-bottom p{font-size:16px}.project-arrow{font-size:14px}.digital-row{padding-top:40px}.contact{padding:75px 6%}.ticker b{margin:0 30px}}
@media(prefers-reduced-motion:reduce){.scroll-word{opacity:1!important}.project-stack .project{position:relative;top:auto!important;transform:none!important}}
/* Full-hero ambient video, with content on a separate readable layer. */
.hero{isolation:isolate;min-height:820px;height:100svh;max-height:1150px;padding-top:130px}.hero>.neural-visual{inset:0;width:100%;height:100%;z-index:-2;mask-image:none;pointer-events:none}.hero>.neural-visual video{width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:.5;transform:none;transition:none;mix-blend-mode:normal}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,16,15,.91),rgba(16,16,15,.52) 55%,rgba(16,16,15,.25)),linear-gradient(0deg,#10100f,transparent 38%)}.title-wrap{height:auto;min-height:0;margin-top:50px}.hero h1{font-size:clamp(100px,16.6vw,245px);line-height:.88;letter-spacing:-.07em;max-width:100%;position:relative}.hero h1>span{-webkit-text-stroke:0;background:none;color:#d4bc92}.hero-bottom{bottom:85px;align-items:end;gap:35px}.hero-intro{max-width:590px}.hero-bottom .hero-intro>p{font-size:22px;max-width:none}.hero-bottom .hero-intro .hero-context{font-size:16px;line-height:1.7;color:#bcb9b2;max-width:520px;margin-top:15px}.hero-motion-control{position:absolute;bottom:24px;right:5%;z-index:4}.hero-motion-control button{border:1px solid #ffffff40;background:#10100f99;color:#d4bc92;border-radius:30px;padding:10px 18px;min-height:44px;font:14px inherit;cursor:pointer}.hero-motion-control button:focus-visible{outline:2px solid #d4bc92;outline-offset:4px}.hero-kicker{color:#d0c9bd}.story{text-align:left;padding:125px 7%}.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%}.story h2{font-size:clamp(55px,6.8vw,105px);line-height:1;letter-spacing:-.055em}.story-copy{margin:0;max-width:none}.story-copy .lead{font-size:clamp(25px,2.6vw,37px);line-height:1.4;color:#eee9df}.story-copy p{max-width:none;font-size:17px;margin:0 0 25px}.personal-notes{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line);margin-top:35px}.personal-notes>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.personal-notes span{color:var(--muted)}.personal-notes strong{font-weight:400;text-align:right}.digital-row{margin-top:40px;padding:45px 35px;border:1px solid var(--line);border-radius:22px}.digital-row .eyebrow{overflow-wrap:anywhere}.personal-menu{display:none}@media(max-width:760px){.hero{min-height:740px;height:100svh;max-height:1000px;padding:120px 6% 200px}.title-wrap{height:auto;min-height:0;margin-top:45px}.hero h1{font-size:20.4vw;line-height:.98}.hero>.neural-visual{inset:0;height:100%;width:100%;mask-image:none}.hero>.neural-visual video{object-position:60% center;opacity:.38}.hero-shade{background:linear-gradient(180deg,#10100f50,#10100f40 40%,#10100f 90%),linear-gradient(90deg,#10100f90,transparent)}.hero-bottom{bottom:80px;align-items:start;flex-direction:column;gap:24px}.hero-bottom .hero-intro>p{font-size:20px;max-width:100%}.hero-bottom .hero-intro .hero-context{font-size:16px;max-width:100%}.round-link{font-size:14px}.hero-motion-control{right:6%;bottom:18px}.story{padding:80px 6%}.story-grid{display:block}.story h2{font-size:clamp(54px,12vw,80px);margin-bottom:38px}.story-copy{margin:0}.story-copy .lead{font-size:27px}.digital-row{padding:30px 22px;margin-top:20px}.personal-menu{display:block;border:1px solid var(--line);background:#10100f;color:var(--text);border-radius:25px;padding:12px 20px;min-height:44px;font:14px inherit}header{flex-wrap:wrap}header nav{display:flex;width:100%;flex-direction:column;align-items:stretch;gap:0;background:#10100f;padding:15px;margin-top:16px;border:1px solid var(--line);border-radius:16px}header nav a,header nav>a:first-child,header nav a[href="#aanpak"]{display:block;padding:12px;font-size:15px}header nav[hidden]{display:none}.nav-contact{border:0}}
.studio-project{background:#f6f5ef;color:#171717;border-radius:35px;padding:55px;margin:40px 0 20px;font-family:Arial,sans-serif}.studio-project-brand{display:flex;align-items:center;gap:16px;font-size:24px;font-weight:700;line-height:1.1;letter-spacing:-1px;margin-bottom:50px}.studio-project-brand img{width:64px;height:64px;object-fit:contain;background:#171717;border-radius:14px}.studio-project-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.studio-project h3{font-size:clamp(45px,5.5vw,80px);line-height:1;letter-spacing:-.055em;margin:0;font-weight:600}.studio-project h3 em{font-family:Georgia,serif;font-weight:400;color:#171717}.studio-project p{font-size:18px;line-height:1.75;color:#575750;margin:0 0 28px}.studio-project-link{display:inline-block;border-radius:35px;background:#171717;color:#f6f5ef;font-size:15px;line-height:1.5;padding:16px 22px;text-decoration:none;overflow-wrap:anywhere}.studio-project-link:focus-visible{outline:3px solid #6e48cc;outline-offset:5px}.studio-project-tags{display:flex;gap:12px;margin-top:45px;flex-wrap:wrap}.studio-project-tags span{padding:10px 22px;border-radius:7px;background:#ddfa84;font-size:14px}.studio-project-tags span:first-child{background:#e9deca}.studio-project-tags span:nth-child(2){background:#6e48cc;color:#eff5b7}@media(max-width:760px){.studio-project{padding:30px 24px;border-radius:25px}.studio-project-grid{grid-template-columns:1fr;gap:28px}.studio-project-brand{font-size:21px;margin-bottom:35px}.studio-project-brand img{width:54px;height:54px}.studio-project h3{font-size:clamp(44px,11vw,65px)}.studio-project p{font-size:16px}.studio-project-tags{gap:8px;margin-top:30px}.studio-project-tags span{padding:9px 14px}}
