@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202525;--muted:#626967;--paper:#fff;--soft:#f2f4f2;--line:#dce1dd;--accent:#505a80;--dark:#202535;--orange:#b35d39;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;line-height:1.15;letter-spacing:-.04em;margin:0;font-weight:500}h1{font-size:clamp(2.5rem,5.5vw,5rem)}h2{font-size:clamp(2rem,3.6vw,3.5rem)}h3{font-size:1.45rem}p{margin:1.1rem 0;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(var(--max),calc(100% - 96px));margin:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:8px}.topline{background:var(--dark);color:#d4dfd9;font-size:12px;letter-spacing:.08em;padding:8px 0}.topline .wrap{display:flex;justify-content:space-between}.header{height:94px;position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand img{width:172px;height:auto;mix-blend-mode:multiply}.nav{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:14px;font-weight:500}.nav a{padding:8px 0;position:relative}.nav a.active:after{content:'';height:2px;background:var(--accent);position:absolute;left:0;right:0;bottom:0}.nav a:hover{color:var(--accent)}.langs{display:flex;gap:9px;align-items:center;font-size:13px;border-left:1px solid var(--line);padding-left:20px}.langs a[aria-current]{color:var(--accent);font-weight:700}.menu-button{display:none;border:0;background:none;padding:10px;font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:white;font-size:14px;font-weight:600;padding:16px 25px;border:1px solid var(--accent);border-radius:2px;transition:background .2s}.btn:hover{background:#3b4567;border-color:#3b4567}.btn.secondary{background:transparent;border:1px solid #ffffff65;color:white}.btn.secondary:hover{background:#ffffff16}.btn.outline{background:transparent;color:var(--ink);border-color:var(--line)}.btn.outline:hover{border-color:var(--accent);color:var(--accent)}.hero{height:min(740px,calc(100svh - 125px));min-height:590px;position:relative;background:var(--dark);color:white;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,27,40,.88),rgba(22,27,40,.48) 51%,rgba(22,27,40,.12))}.hero .wrap{height:100%;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:35px}.eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;display:block;margin-bottom:22px;color:var(--accent)}.hero .eyebrow{color:#d8deee}.hero h1{max-width:820px;line-height:1.08}.hero h1 span{color:#c2cbea}.hero p{max-width:530px;color:#e1e7e4;font-size:17px;margin:25px 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-bottom{position:absolute;bottom:30px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff38;padding-top:18px;color:#e0e5e1;font-size:12px;letter-spacing:.07em}.hero-bottom .caption{letter-spacing:0}.proof{border-bottom:1px solid var(--line);padding:30px 0}.proof .wrap{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:28px;align-items:center}.proof strong{display:block;font-family:Manrope,sans-serif;font-size:27px;font-weight:600;letter-spacing:-.03em}.proof span{font-size:13px;color:var(--muted)}.proof .intro{font-size:14px;padding-right:35px;border-right:1px solid var(--line)}.section{padding:95px 0}.section.soft{background:var(--soft)}.section.dark{background:var(--dark);color:white}.section.dark p{color:#c2cfc7}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section-head h2{max-width:760px}.section-head p{max-width:400px}.text-link{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:14px;font-weight:600;white-space:nowrap}.text-link:hover{color:var(--accent);border-color:var(--accent)}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start}.intro-grid p:first-child{margin-top:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:65px}.service{border-top:1px solid var(--line);padding-top:24px}.service .number{font-size:13px;color:var(--accent);display:block;margin-bottom:28px}.service p{font-size:15px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.project-card{display:block}.project-card .photo{overflow:hidden;aspect-ratio:1.4;background:#e4e7e3}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-card:hover img{transform:scale(1.035)}.card-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:18px}.card-meta h3{font-size:19px;letter-spacing:-.025em}.card-meta span{font-size:12px;color:var(--muted)}.project-card p{font-size:14px;margin:6px 0}.brandline{display:flex;align-items:center;gap:36px;font-family:Manrope,sans-serif;font-size:clamp(1.6rem,4vw,3rem);letter-spacing:-.05em;font-weight:700;padding:40px 0}.brandline span+span{border-left:1px solid var(--line);padding-left:36px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px}.product-card .photo{background:#f4f5f3;aspect-ratio:1;overflow:hidden;display:grid;place-items:center}.product-card img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.product-card:hover img{transform:scale(1.045)}.product-card .card-meta{display:block}.product-card .brand-name{font-size:12px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.product-card h3{font-size:20px}.product-card p{font-size:13px;margin:6px 0}.split-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split-story img{aspect-ratio:1.1;object-fit:cover;width:100%}.story-year{font-size:90px;font-family:Manrope,sans-serif;color:#c5cde2;letter-spacing:-.07em;line-height:1;margin-bottom:25px}.cta{padding:75px 0;background:var(--dark);color:white}.cta .wrap{display:flex;gap:40px;justify-content:space-between;align-items:center}.cta h2{max-width:780px}.cta .eyebrow{color:#bdc6e1}.footer{background:#f4f5f3;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px}.footer .brand img{width:172px}.footer p{font-size:14px;max-width:280px}.footer h4{font-size:14px;letter-spacing:0;font-weight:700;margin-bottom:19px}.footer a:not(.brand){font-size:14px;display:block;margin-bottom:8px}.footer a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-top:20px;color:var(--muted);font-size:12px}.page-head{padding:76px 0 52px;border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(2.6rem,5vw,4.5rem);max-width:1000px}.page-head p{max-width:700px;font-size:18px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:24px}.filters{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:16px;margin:32px 0 16px}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.field input,.field select{width:100%;padding:13px 14px;border:1px solid #cad1cb;border-radius:2px;background:white;color:var(--ink);min-height:48px}.result-count{font-size:13px;color:var(--muted);margin-bottom:30px}.empty{padding:45px;border:1px solid var(--line);margin-top:25px}.empty[hidden],.product-card[hidden],.project-card[hidden]{display:none}.more{display:block;margin:45px auto 0}.detail{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:start;padding:65px 0}.detail-image{width:100%;aspect-ratio:1.1;object-fit:contain;background:var(--soft)}.detail.project .detail-image{object-fit:cover}.detail h1{font-size:clamp(2.2rem,4vw,3.8rem)}.detail .eyebrow{margin-top:20px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.gallery button{padding:0;border:1px solid var(--line);background:var(--soft)}.gallery button img{width:100%;height:120px;object-fit:contain}.project .gallery button img{object-fit:cover}.detail dl{margin:30px 0}.detail dl div{border-top:1px solid var(--line);padding:13px 0;display:flex;justify-content:space-between;gap:25px;font-size:14px}.detail dd{margin:0;color:var(--muted)}.detail .actions{margin-top:32px}.lightbox{border:0;padding:0;width:min(1100px,92vw);max-height:92svh;background:var(--soft)}.lightbox::backdrop{background:#131a2aeb}.lightbox img{width:100%;max-height:80svh;object-fit:contain}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.lightbox button{border:1px solid var(--line);background:white;padding:8px 16px}.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:45px}.reference-grid a,.reference-grid span{padding:30px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:17px;font-family:Manrope,sans-serif}.reference-grid a:hover{background:var(--soft);color:var(--accent)}.timeline{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.timeline article{border-top:1px solid var(--line);padding-top:24px}.timeline strong{font-size:36px;color:var(--accent);font-family:Manrope,sans-serif;font-weight:500}.timeline h3{margin-top:20px}.steps{counter-reset:step;margin-top:50px}.step{display:grid;grid-template-columns:100px 1fr 1.5fr;gap:35px;border-top:1px solid var(--line);padding:32px 0}.step .n{font-size:28px;color:var(--accent);font-family:Manrope,sans-serif}.step p{margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-link{display:block;font-size:clamp(1.4rem,3vw,2.5rem);font-family:Manrope,sans-serif;letter-spacing:-.04em;border-bottom:1px solid var(--line);padding:20px 0}.contact-link:hover{color:var(--accent)}.contact-note{padding:30px;background:var(--soft);margin-top:35px}.contact-note h3{font-size:20px}.socials{display:flex;gap:25px;margin-top:28px}.socials a{border-bottom:1px solid}.faq{max-width:950px;margin:40px auto 0}details{border-top:1px solid var(--line);padding:22px 0}summary{font-size:18px;font-weight:500;cursor:pointer}details p{max-width:800px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){.hero-bottom{left:calc((100vw - 1320px)/2);right:calc((100vw - 1320px)/2)}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.nav{gap:16px}.header-inner{gap:18px}.brand img{width:145px}.header .btn{padding:12px 15px}.intro-grid,.split-story{gap:45px}.product-grid{grid-template-columns:repeat(3,1fr)}.hero-bottom{left:28px;right:28px}.detail{gap:35px}.contact-grid{gap:50px}}
@media(max-width:850px){.topline{display:none}.header{height:78px}.menu-button{display:block;margin-left:auto}.langs{border:0;padding:0}.header-inner>.btn{display:none}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:20px 28px;box-shadow:0 15px 20px #0001;gap:10px}.nav.open{display:flex}.nav a{font-size:17px}.hero{min-height:650px;height:calc(100svh - 78px)}.hero h1{font-size:clamp(2.8rem,7vw,4.8rem)}.hero .wrap{padding-bottom:40px}.hero:after{background:linear-gradient(90deg,#171e30dc,#171e3070)}.proof .wrap{grid-template-columns:repeat(3,1fr);gap:18px}.proof .intro{grid-column:1/-1;border:0;padding:0}.intro-grid{grid-template-columns:1fr;gap:25px}.section{padding:65px 0}.project-grid{grid-template-columns:repeat(2,1fr)}.services{gap:22px}.split-story{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.detail{grid-template-columns:1fr}.detail>div:last-child{grid-row:1}.contact-grid{grid-template-columns:1fr;gap:35px}.reference-grid{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr 1fr}.filters .field:first-child{grid-column:1/-1}.step{grid-template-columns:50px 1fr}.step p{grid-column:2}.timeline{gap:25px}.cta .wrap{align-items:start;flex-direction:column}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.hero{min-height:610px;max-height:780px}.hero h1{font-size:2.85rem}.hero p{font-size:16px}.hero-bottom{left:20px;right:20px;font-size:11px;gap:20px}.hero-bottom>span:first-child{max-width:120px}.hero-bottom .caption{max-width:170px;text-align:right}.hero .eyebrow{font-size:11px}.proof strong{font-size:22px}.proof span{font-size:12px}.section-head{flex-direction:column;align-items:start;gap:20px}.services{grid-template-columns:1fr;margin-top:35px}.service .number{margin-bottom:15px}.project-grid{grid-template-columns:1fr;gap:35px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.product-card h3{font-size:18px}.product-card p{font-size:12px}.split-story{grid-template-columns:1fr}.story-year{font-size:72px}.footer-grid{gap:35px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px}.page-head{padding:50px 0 35px}.page-head p{font-size:16px}.reference-grid{grid-template-columns:repeat(2,1fr)}.reference-grid a,.reference-grid span{font-size:15px;padding:23px 14px}.timeline{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(3,1fr)}.gallery button img{height:85px}.contact-note{padding:23px}.brandline{font-size:28px}.brandline span+span{padding-left:25px}.brandline{gap:25px}.lightbox-toolbar{padding:10px;gap:8px}.lightbox button{font-size:13px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.nav-contact{display:none}@media(max-width:850px){.nav-contact{display:block}}

.product-card .photo,.category-card .photo,.detail-image,.gallery button,.lightbox{background:#fff}.product-card img{mix-blend-mode:normal}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 24px}.category-card .photo{aspect-ratio:1.3;border:1px solid var(--line);overflow:hidden}.category-card img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.category-card:hover img{transform:scale(1.04)}.category-card h3{font-size:18px;letter-spacing:-.025em}.category-card .card-meta{display:block}.category-card .card-meta span{display:block;margin-top:8px}.reference-document{padding:40px;background:var(--soft);display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:35px;margin-bottom:65px}.reference-document h2{font-size:32px}.reference-document .actions{justify-content:end}.services{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,1fr)}.services{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.reference-document{grid-template-columns:1fr}.reference-document .actions{justify-content:start}}@media(max-width:560px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.category-card h3{font-size:16px}.reference-document{padding:25px}.reference-document h2{font-size:28px}.services{grid-template-columns:1fr}}

.brandline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;font-size:32px}.brandline span+span{padding-left:25px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-photo{padding:0;border:0;background:var(--soft);cursor:zoom-in;overflow:hidden;aspect-ratio:1.35}.portfolio-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.portfolio-photo:hover img{transform:scale(1.035)}.client-project{padding:65px 0;border-bottom:1px solid var(--line)}.client-project h2{font-size:32px}@media(max-width:850px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.brandline{font-size:26px;gap:10px}.brandline span+span{padding-left:12px}}@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr}.brandline{grid-template-columns:repeat(2,1fr);gap:22px;font-size:28px}.brandline span:nth-child(3){border:0;padding-left:0}.client-project h2{font-size:26px}}

.project-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:35px}.project-jumps a{padding:18px 22px;border:1px solid var(--line);font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:20px}.project-jumps a:hover{border-color:var(--accent);color:var(--accent)}.project-jumps span{font-size:12px;color:var(--muted);white-space:nowrap}@media(max-width:560px){.project-jumps{grid-template-columns:1fr}.project-jumps a{padding:15px;font-size:14px}}

/* Product studio backgrounds: only white backdrops and transparent cutouts. */
.photo:has(.studio-white),.photo:has(.studio-cutout),.gallery button:has(.studio-white),.gallery button:has(.studio-cutout),.detail-image.studio-white,.detail-image.studio-cutout,.lightbox:has(img.studio-white),.lightbox:has(img.studio-cutout){background:#e7e9e8}
img.studio-white,.product-card img.studio-white{mix-blend-mode:multiply}
.reference-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.reference-logo{margin:0;min-height:190px;padding:32px 24px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#fff}.reference-logo img{width:100%;max-width:240px;height:95px;object-fit:contain}.reference-logo figcaption{font-size:13px;color:var(--muted);text-align:center}@media(max-width:850px){.reference-logo-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.reference-logo-grid{grid-template-columns:repeat(2,1fr);gap:12px}.reference-logo{min-height:150px;padding:22px 15px}.reference-logo img{height:75px}}

.detail>div:has(>.detail-image.studio-white){background:#e7e9e8}.detail-image.studio-white{background:transparent}

/* Keep every model cover within its square, including portrait source images. */
.product-card .photo{position:relative;display:block}
.product-card .photo img{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;padding:12px;object-fit:contain;object-position:center;transform:none}
.product-card:hover .photo img{transform:none}