:root{--paper:#fff;--ink:#191919;--muted:#686868;--line:#d8d8d8;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}p{margin:0;line-height:1.5}h1,h2,h3{margin:0;font-weight:400}button{font:inherit}em{font-style:normal}.page-width{width:calc(100% - 96px);max-width:1600px;margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:#fff;padding:16px}.skip-link:focus{top:10px}
.masthead{position:absolute;z-index:3;top:0;left:0;width:100%;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 48px}.wordmark{font-size:30px;letter-spacing:.02em;text-transform:uppercase}.masthead-right{display:flex;align-items:center;gap:48px}.masthead nav{display:flex;gap:30px;font-size:14px}.lang-switch{display:flex;align-items:center;gap:8px;font-size:14px}.lang-switch button{min-height:44px;min-width:32px;border:0;background:none;color:inherit;cursor:pointer;opacity:.7}.lang-switch button.active{opacity:1;text-decoration:underline;text-underline-offset:6px}
.hero{position:relative;min-height:740px;height:100svh;max-height:1200px;background:#3d3932;color:white;display:flex;flex-direction:column;justify-content:center;padding:128px 48px 80px;isolation:isolate}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-image{object-fit:cover;object-position:center 58%}.hero-shade{z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.2) 40%,rgba(0,0,0,.48))}.hero-topline{position:absolute;top:142px;left:48px;right:48px;display:flex;justify-content:space-between;gap:20px;font-size:14px}.hero-topline p:last-child{font-size:12px;letter-spacing:.08em}.hero-title-wrap{text-align:center;padding-block:60px}.hero h1{font:400 clamp(110px,20vw,320px)/1.1 var(--serif);letter-spacing:-.065em;padding-right:.05em}.hero-role{font-size:clamp(20px,2.6vw,40px);letter-spacing:-.035em;margin-top:12px}.hero-scroll{position:absolute;bottom:38px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.hero-scroll span:last-child{font-size:32px}
.introduction{display:grid;grid-template-columns:1fr 2fr;gap:7%;padding-block:120px}.eyebrow{font-size:14px;line-height:1.5;letter-spacing:.02em}.introduction blockquote{margin:0;font:400 clamp(24px,2.65vw,42px)/1.3 var(--serif);letter-spacing:-.035em}.signature{font-size:16px;margin-top:28px}.section{padding-block:100px}.section-head{display:grid;grid-template-columns:1fr 5fr;gap:24px;margin-bottom:64px}.section-index{font-size:14px;padding-top:5px}.section-head .eyebrow{margin-bottom:25px}.section-head h2{font:400 clamp(48px,6.5vw,104px)/1.05 var(--serif);letter-spacing:-.055em}.section-head h2 br{display:none}.section-head h2 em:before{content:' '}
.portfolio{background:#f2f2f0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-bottom:90px}.metrics article{padding-top:25px;border-top:1px solid var(--ink)}.metrics strong{font:400 clamp(52px,7.5vw,120px)/1.1 var(--serif);letter-spacing:-.065em}.metrics strong span{font-size:.65em;vertical-align:top}.metrics p{font-size:16px;margin-top:18px;max-width:280px}.case-list{border-top:1px solid var(--ink)}.case-card{display:grid;grid-template-columns:1fr 3fr 2fr;align-items:center;gap:24px;padding-block:38px;border-bottom:1px solid #c9c9c6}.case-number{font-size:14px}.case-brand{font-size:14px;letter-spacing:.02em;margin-bottom:12px}.case-card h3{font:400 clamp(30px,3.7vw,56px)/1.15 var(--serif);letter-spacing:-.04em}.case-tags{font-size:14px;text-align:right;line-height:1.6;color:#555}
.services{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.services li{display:grid;grid-template-columns:1fr 5fr;gap:24px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.services li>span:first-child{font-size:14px}.services li>span:last-child{display:none}.services h3{font:400 clamp(32px,5.6vw,90px)/1.12 var(--serif);letter-spacing:-.04em}
.contacts{background:#191919;color:#fff}.contact-intro{font-size:22px;max-width:650px;margin:0 0 70px calc((100% - 24px)/6 + 24px)}.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.contact-grid>div{border-top:1px solid #777;padding-top:20px;min-height:160px}.contact-grid span{font-size:12px;color:#bbb}.contact-grid h3{font:400 32px/1.2 var(--serif);margin:35px 0 12px}.contact-grid p{font-size:14px;color:#bbb}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:38px}footer p{font-size:12px;text-transform:uppercase}footer>a:last-child{font-size:14px}
@media(min-width:1800px){.hero-topline,.hero-scroll{left:calc((100% - 1600px)/2);right:calc((100% - 1600px)/2)}}
@media(max-width:900px){.masthead{padding:22px 28px}.masthead-right{gap:24px}.masthead nav{gap:18px}.page-width{width:calc(100% - 56px)}.hero{padding-inline:28px;min-height:650px}.hero-topline,.hero-scroll{left:28px;right:28px}.hero-topline{top:118px}.hero-topline p:last-child{display:none}.introduction{grid-template-columns:1fr 2fr;padding-block:80px;gap:30px}.section{padding-block:75px}.section-head{grid-template-columns:40px 1fr}.case-card{grid-template-columns:40px 1fr 30%}.services li{grid-template-columns:40px 1fr}.contact-intro{margin-left:64px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-width{width:calc(100% - 40px)}.masthead{padding:18px 20px;align-items:flex-start;gap:20px}.wordmark{font-size:24px;line-height:44px}.masthead-right{gap:6px;align-items:flex-end;flex-direction:column}.masthead nav{gap:13px;flex-wrap:wrap;justify-content:flex-end;font-size:14px}.masthead nav a:first-child{display:none}.lang-switch{gap:4px}.hero{height:92svh;min-height:580px;padding-inline:20px}.hero-topline{top:140px;left:20px;right:20px}.hero-scroll{left:20px;right:20px;bottom:25px}.hero h1{font-size:clamp(90px,28vw,168px)}.hero-title-wrap{padding-top:100px}.hero-role{font-size:22px}.introduction{display:block;padding-block:64px}.introduction>.eyebrow{margin-bottom:30px}.introduction blockquote{font-size:26px;line-height:1.35}.section{padding-block:64px}.section-head{grid-template-columns:22px minmax(0,1fr);gap:16px;margin-bottom:42px}.section-head h2{font-size:46px;overflow-wrap:break-word}.section-head .eyebrow{font-size:12px;margin-bottom:20px}.metrics{gap:14px;margin-bottom:55px;grid-template-columns:1fr}.metrics article{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:20px 0}.metrics strong{font-size:64px}.metrics p{font-size:14px;margin:0}.case-card{grid-template-columns:22px minmax(0,1fr);gap:16px;padding-block:28px}.case-brand{font-size:12px}.case-card h3{font-size:32px}.case-tags{grid-column:2;text-align:left}.services li{grid-template-columns:22px minmax(0,1fr);gap:16px;padding-block:24px}.services h3{font-size:36px;overflow-wrap:break-word}.contact-intro{margin:0 0 42px;font-size:20px}.contact-grid{gap:24px}.contact-grid h3{font-size:28px}.contact-grid p{font-size:14px}footer{flex-wrap:wrap;gap:16px}footer p{order:3;width:100%;line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Focused fashion hero and concise project index. */
.masthead{justify-content:flex-end}
.hero h1{font-size:clamp(64px,10.4vw,170px);line-height:1.06;letter-spacing:-.055em;padding-right:0}
.hero-title-wrap{padding-block:50px}
.section-head h2.section-label{font:400 14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.02em;padding-top:5px}
.case-card .case-brand{margin:0;font:400 clamp(24px,2.7vw,42px)/1.2 var(--serif);letter-spacing:-.025em}
.case-card{grid-template-columns:1fr 3fr 2fr}
.contact-grid a{display:inline-block;min-height:44px;overflow-wrap:anywhere}
.contact-grid p{color:#eee}
@media(max-width:900px){.case-card{grid-template-columns:40px 1fr 30%}.hero h1{font-size:10vw}}
@media(max-width:600px){.hero h1{font-size:clamp(32px,9.7vw,58px);line-height:1.14;letter-spacing:-.045em}.hero-title-wrap{padding-top:65px}.case-card{grid-template-columns:22px minmax(0,1fr)}.case-card .case-brand{font-size:27px}.hero-topline{flex-direction:column;gap:6px}.hero-topline p:last-child{display:block}.section-head h2.section-label{font-size:14px}}

.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.04) 50%,rgba(0,0,0,.2))}@media(max-width:600px){.hero-image{object-position:72% center}}

/* Edge-to-edge editorial project carousel. */
.portfolio{overflow:hidden}
.carousel-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.carousel-controls button{border:1px solid #b8b8b4;background:transparent;color:var(--ink);min-height:44px;min-width:44px;padding:10px 16px;font:400 14px/1.4 Arial,sans-serif;cursor:pointer}
.carousel-controls button:hover{background:#191919;color:#fff}
.carousel-controls>div{display:flex;gap:8px}
.case-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:4px}
.case-viewport::-webkit-scrollbar{display:none}
.case-track{display:flex;gap:20px;width:max-content;padding-left:48px;padding-right:20px;position:relative}
.case-track .case-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:clamp(280px,27vw,420px);padding:0;border:0;flex:none;min-height:0}
.case-cover{aspect-ratio:1;background:#252525;color:#eee;display:flex;flex-direction:column;justify-content:space-between;padding:26px;margin-bottom:17px}
.case-cover-index{font:400 12px/1.5 Arial,sans-serif;letter-spacing:.07em}
.case-cover-name{font:400 clamp(32px,3.3vw,52px)/1.12 var(--serif);letter-spacing:-.035em;overflow-wrap:anywhere}
.case-tone-2 .case-cover{background:#d8cbb7;color:#2c231d}.case-tone-3 .case-cover{background:#cee782;color:#1b2816}.case-tone-4 .case-cover{background:#44232b;color:#f2e5dd}.case-tone-5 .case-cover{background:#686557;color:#fff}.case-tone-6 .case-cover{background:#dbb9aa;color:#31201b}
.case-track .case-card .case-brand{font:400 16px/1.4 Arial,sans-serif;letter-spacing:0;margin:0 0 6px}
.case-track .case-tags{text-align:left;align-self:stretch;max-width:100%;font-size:14px;color:#666;line-height:1.5;margin:0}
@media(max-width:600px){.case-track{padding-left:20px}.case-track .case-card{width:78vw;max-width:360px}.case-cover-name{font-size:38px}.case-cover{padding:22px}}

/* Compact hero title and restored personal wordmark. */
.masthead{justify-content:space-between}
.hero h1{font-size:clamp(22px,3.25vw,52px);white-space:nowrap;line-height:1.12;letter-spacing:-.045em}
@media(max-width:600px){.hero h1{font-size:clamp(14px,3.9vw,23px)}.masthead>.wordmark{flex-shrink:0}.masthead nav{gap:10px}}

.hero-image{object-position:center center}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.12) 45%,rgba(0,0,0,.32))}

/* Fine, high-contrast editorial numerals. */
@font-face{font-family:'Latin Modern Results';src:url('assets/fonts/latin-modern-roman.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
.metrics strong{font-family:'Latin Modern Results',Didot,'Bodoni MT',serif;font-weight:400;letter-spacing:-.045em;font-variant-numeric:lining-nums proportional-nums}
.metrics strong span{font-size:.48em;vertical-align:baseline;position:relative;top:-.4em;margin-left:.06em}
.case-link{display:block;text-decoration:none!important}.case-photo{padding:0;overflow:hidden}.case-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%;transition:transform .4s}.case-link:hover .case-photo img{transform:scale(1.025)}.case-link:focus-visible{outline:2px solid #191919;outline-offset:4px}.case-link .case-brand span{font-size:16px;float:right}
