:root{--black:#090909;--surface:#141414;--ink:#f2eee7;--muted:#a5a09a;--gold:#c8a77e;--line:#292726;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--black);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:#ba9470;color:#090909}em{color:var(--gold);font-weight:400}.skip-link{position:fixed;top:-100px;left:20px;z-index:99;padding:10px 18px;background:var(--ink);color:var(--black)}.skip-link:focus{top:15px}
.site-header{padding:24px 4.3%;height:91px;display:flex;align-items:center;gap:23px;border-bottom:1px solid var(--line)}.wordmark{font:500 45px/1 var(--serif);letter-spacing:-2.7px;white-space:nowrap}.wordmark span{color:var(--gold)}.brand-caption{padding-left:22px;border-left:1px solid #34312e;font-size:10px;line-height:1.7;letter-spacing:.11em;color:#b1a99e}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:31px;font-size:13px}.site-header nav a{padding:7px 0;color:#c9c4bd;transition:color .3s}.site-header nav a:hover{color:#fff}.site-header .contact-nav{margin-left:13px;border-bottom:1px solid #6f5b42;color:#e3ceb3}.menu-toggle{display:none}
.hero{padding:0 24px;max-width:1700px;margin:auto}.hero-heading{padding:24px 27px 21px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-heading :is(h1,h2){font:400 43px/1.1 var(--serif);letter-spacing:-1px;margin:0}.hero-heading p{font-size:10px;letter-spacing:.16em;color:#a69c8e;margin:0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;perspective:1200px}.project-tile{height:clamp(245px,31.5vw,345px);position:relative;isolation:isolate;overflow:hidden;border-radius:4px;border:1px solid #ffffff10;background:#171411;display:block;transform:perspective(1400px) rotateX(0deg) rotateY(0deg);transition:transform .6s cubic-bezier(.2,.7,.2,1),border-color .5s,box-shadow .6s,opacity .55s;z-index:1;--tilt-x:0deg;--tilt-y:0deg;--pointer-x:50%;--pointer-y:50%}.tile-image{position:absolute;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.025);filter:brightness(.62) saturate(.43) grayscale(.28);transition:transform 1.05s cubic-bezier(.18,.7,.2,1),filter .8s;z-index:-3}.tile-maquettes .tile-image{object-position:47% 28%}.tile-packaging .tile-image{object-position:50% 53%;transform:scale(1.17)}.tile-plv .tile-image{object-position:50% 36%;transform:scale(1.06)}.tile-couleur .tile-image{object-position:50% 52%;transform:scale(1.05)}.tile-shade{position:absolute;inset:0;background:linear-gradient(180deg,#05050525 0%,#09090905 28%,#07070726 48%,#050505db 100%);z-index:-1;pointer-events:none;transition:opacity .6s}.project-tile:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),rgba(var(--accent-rgb),.13),transparent 65%);opacity:0;pointer-events:none;transition:opacity .5s;z-index:-1}.tile-index,.tile-domain{position:absolute;top:23px;font-size:11px;letter-spacing:.1em;color:#e4ddd1;text-shadow:0 1px 10px #000}.tile-index{left:28px}.tile-domain{right:27px;color:var(--accent);font-size:10px;letter-spacing:.19em}.tile-copy{position:absolute;left:28px;right:65px;bottom:27px;transform:translateY(13px);transition:transform .6s}.tile-copy :is(h2,h3){font:400 clamp(30px,3.1vw,49px)/.98 var(--serif);letter-spacing:-.7px;margin:0;text-shadow:0 2px 15px #0005}.tile-copy p{font-size:12px;line-height:1.5;color:#ded9d1;margin:12px 0 0;opacity:.68;transition:opacity .5s}.tile-open{position:absolute;right:27px;bottom:30px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #fff5;border-radius:50%;font:300 22px/1 var(--sans);color:var(--accent);transition:background .4s,transform .5s,border-color .4s,color .4s}.project-tile.is-active,.project-tile:focus-visible{transform:perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-3px) scale(1.012);border-color:rgba(var(--accent-rgb),.66);box-shadow:0 15px 60px #000b;z-index:3}.project-tile.is-active:after{opacity:1}.project-tile.is-active .tile-image,.project-tile:focus-visible .tile-image{filter:brightness(.97) saturate(1.1) grayscale(0);transform:scale(1.09)}.project-tile.tile-packaging.is-active .tile-image,.project-tile.tile-packaging:focus-visible .tile-image{transform:scale(1.24)}.project-tile.is-active .tile-copy,.project-tile:focus-visible .tile-copy{transform:translateY(0)}.project-tile.is-active .tile-copy p,.project-tile:focus-visible .tile-copy p{opacity:1}.project-tile.is-active .tile-open,.project-tile:focus-visible .tile-open{background:var(--accent);border-color:var(--accent);color:#15100c;transform:rotate(90deg)}.hero-grid.has-active .project-tile:not(.is-active){opacity:.64}.hero-foot{display:flex;justify-content:space-between;align-items:center;padding:19px 27px 0;color:#9e968a;font-size:10px;letter-spacing:.12em}.hero-foot p{margin:0}.hero-foot p span{padding:0 15px;color:#655a4c}.hero-foot a{letter-spacing:0;font-size:12px;border-bottom:1px solid #4e4235;padding-bottom:3px}
.materials{max-width:1600px;margin:82px auto 0;padding:0 4.3%}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.17em;color:#aa9680;margin:0 0 13px}.section-heading h2,.atelier h2{font:400 52px/1.03 var(--serif);letter-spacing:-1px;margin:0}.section-heading>p{font-size:13px;line-height:1.8;color:#a9a197;margin:0 0 4px}.material-strips{display:flex;height:490px;gap:7px}.material-tile{flex:1;min-width:0;position:relative;isolation:isolate;overflow:hidden;border-radius:3px;background:#201912;transition:flex .8s cubic-bezier(.2,.75,.25,1),opacity .65s,border-color .5s;border:1px solid #ffffff0a;--accent:#e0c49e}.material-tile .tile-image{filter:brightness(.63) saturate(.55) grayscale(.18);object-position:50% 45%;transform:scale(1.035)}.material-tile .tile-shade{background:linear-gradient(180deg,#0002 0%,transparent 35%,#0002 53%,#050505e8 100%)}.material-index{position:absolute;left:22px;top:22px;color:#e9e0d4;font-size:11px;letter-spacing:.1em}.material-copy{position:absolute;bottom:26px;left:22px;right:18px}.material-color{font-size:10px;letter-spacing:.17em;color:var(--accent);display:block;margin-bottom:8px}.material-copy h3{font:400 38px/1 var(--serif);margin:0}.material-copy p{font-size:12px;line-height:1.6;color:#ddd3c6;max-height:0;overflow:hidden;opacity:0;margin:0;transition:max-height .7s,opacity .6s,margin .6s;white-space:nowrap}.material-explore{display:flex;align-items:center;gap:10px;max-height:0;overflow:hidden;opacity:0;white-space:nowrap;font-size:12px;color:var(--accent);transition:max-height .7s,opacity .6s,margin .6s}.material-explore b{font-size:20px;font-weight:400}.material-tile.is-active,.material-tile:focus-visible{flex:1.8;border-color:rgba(var(--accent-rgb),.6)}.material-tile.is-active .tile-image,.material-tile:focus-visible .tile-image{filter:brightness(.98) saturate(1.07) grayscale(0);transform:scale(1.12)}.material-tile.is-active p,.material-tile:focus-visible p{max-height:65px;opacity:1;margin-top:13px}.material-tile.is-active .material-explore,.material-tile:focus-visible .material-explore{opacity:1;max-height:36px;margin-top:16px}.material-strips.has-active .material-tile:not(.is-active){flex:.83;opacity:.63}.materials-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}.materials-foot p{font-size:10px;letter-spacing:.14em;color:#968b7d;margin:0}.text-link{font-size:13px;padding:0 0 4px;border-bottom:1px solid #6c573f;color:#d5c0a5}
.atelier{max-width:1460px;margin:0 auto;padding:94px 5%;display:grid;grid-template-columns:1.1fr 1fr;gap:12%}.atelier h2{font-size:47px}.atelier-copy{font-size:15px;color:#c2bcb3;line-height:1.9}.atelier-copy p:first-child{margin-top:0}.atelier-copy p{margin-bottom:18px}.contact{border-top:1px solid #302821;border-bottom:1px solid #302821;background:linear-gradient(110deg,#19140f,#0d0c0b 65%);padding:65px 5.5%;display:flex;justify-content:space-between;gap:40px;align-items:center}.contact h2{font:400 56px/1.04 var(--serif);margin:0;letter-spacing:-1.1px}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.contact-email{font:400 31px/1.2 var(--serif);padding-bottom:6px;border-bottom:1px solid #766149}.contact-phone{font-size:16px;color:#d4c7b5}.contact-details p{font-size:12px;color:#999083;margin:5px 0 0}.contact-email:hover,.contact-phone:hover{color:#e9be87}footer{padding:29px 4.3%;display:flex;gap:28px;align-items:center;color:#9a9388;font-size:11px}footer .wordmark{font-size:36px;color:#f0e9de;letter-spacing:-2px}footer p{font:400 17px var(--serif);margin:0}footer>span{margin-left:auto}
dialog{background:#151311;color:var(--ink);border:1px solid #494037;padding:0;width:min(1080px,calc(100% - 50px));max-height:91dvh;overflow:auto;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:15px;z-index:3;width:42px;height:42px;background:#151311d9;border:1px solid #a18b7244;border-radius:50%;font-size:28px;line-height:1}.detail-layout{display:grid;grid-template-columns:1fr 1fr;min-height:570px}.detail-visual{display:flex;align-items:center;justify-content:center;background:#24201c;padding:35px;min-width:0}.detail-visual img{width:100%;max-height:480px;object-fit:contain;display:block}.detail-visual.texture{padding:0}.detail-visual.texture img{height:100%;min-height:570px;max-height:680px;object-fit:cover}.detail-copy{padding:73px 42px 40px}.detail-copy h2{font:400 49px/1.05 var(--serif);letter-spacing:-.9px;margin:0 0 24px}.detail-copy>p{font-size:15px;line-height:1.9;color:#c4baac}.detail-list{padding:0;margin:22px 0 30px;list-style:none;display:flex;flex-wrap:wrap;gap:9px 17px;font-size:12px;color:#d4b891}.detail-list li{border-bottom:1px solid #5e4c37;padding-bottom:4px}.detail-contact{display:inline-block;background:#d0b18b;color:#18120b;padding:13px 18px;font-size:13px}.original-toggle{display:block;margin-top:23px;padding:0;font-size:12px;color:#baad9c;text-decoration:underline;text-underline-offset:4px}.detail-bottom{border-top:1px solid #44392e;margin-top:35px;padding-top:15px;display:flex;justify-content:space-between;gap:15px;font-size:12px}.detail-bottom .text-link{font-size:12px}.text-dialog{max-width:780px;margin:auto;padding:68px}.text-dialog h2{font:400 51px/1.05 var(--serif);margin:0 0 26px}.text-dialog p{font-size:15px;line-height:1.9;color:#c0b5a7}.method-steps{list-style:none;padding:0;counter-reset:steps}.method-steps li{counter-increment:steps;border-top:1px solid #44392e;padding:20px 0 20px 42px;position:relative}.method-steps li:before{content:'0' counter(steps);position:absolute;top:25px;left:0;font-size:12px;color:var(--gold)}.method-steps h3{font:400 28px var(--serif);margin:0 0 5px}.method-steps p{margin:0;font-size:14px}
@media(min-width:1500px){.project-tile{height:360px}.material-strips{height:560px}}
@media(max-width:1100px){.brand-caption{display:none}.site-header nav{gap:25px}.hero-heading{padding-left:12px;padding-right:12px}.hero-heading :is(h1,h2){font-size:39px}.project-tile{height:290px}.tile-copy{left:24px}.tile-index{left:24px}.material-copy{left:16px;right:12px}.material-copy h3{font-size:33px}.material-index{left:16px}.material-copy p{font-size:11px}.material-explore{font-size:11px}.section-heading h2{font-size:44px}.atelier{gap:7%}.atelier h2{font-size:42px}}
@media(max-width:700px){html{scroll-padding-top:15px}.site-header{height:auto;min-height:80px;padding:20px 6%;flex-wrap:wrap;gap:18px}.wordmark{font-size:41px}.menu-toggle{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:13px;padding:0}.menu-toggle span{font-size:23px;transition:transform .25s}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}.site-header nav{display:none;margin:0;flex-basis:100%;border-top:1px solid #312c26;padding-top:13px;flex-direction:column;align-items:flex-start;gap:8px;font-size:15px}.site-header nav.open{display:flex}.site-header .contact-nav{margin-left:0}.hero{padding:0 12px}.hero-heading{padding:25px 9px 22px;display:block}.hero-heading :is(h1,h2){font-size:37px;line-height:1.1;letter-spacing:-.8px}.hero-heading p{font-size:9px;margin-top:12px;letter-spacing:.13em}.hero-grid{gap:7px}.project-tile{height:245px;border-radius:3px}.tile-image{filter:brightness(.69) saturate(.62) grayscale(.15)}.tile-index{left:14px;top:15px;font-size:10px}.tile-domain{display:none}.tile-copy{left:14px;right:12px;bottom:44px;transform:none}.tile-copy :is(h2,h3){font-size:28px;line-height:.98;letter-spacing:-.45px}.tile-copy p{font-size:10px;line-height:1.6;margin-top:11px;max-width:135px;opacity:.85}.tile-open{width:26px;height:26px;right:12px;bottom:12px;font-size:18px}.project-tile.is-active{transform:scale(1.01);border-color:var(--accent)}.hero-grid.has-active .project-tile:not(.is-active){opacity:.83}.hero-foot{padding:20px 9px 0;font-size:8px;letter-spacing:.05em;gap:14px}.hero-foot p span{padding:0 5px}.hero-foot a{font-size:10px}.materials{margin-top:55px;padding:0 5.5%}.section-heading{display:block;margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:.11em}.section-heading h2{font-size:38px;line-height:1.04;max-width:310px}.section-heading h2 em{display:block}.section-heading>p{font-size:12px;margin-top:16px}.material-strips{display:grid;grid-template-columns:1fr 1fr;gap:7px;height:auto}.material-tile{min-height:270px}.material-tile:last-child{grid-column:1/-1;min-height:210px}.material-copy{left:17px;bottom:22px;right:12px}.material-copy h3{font-size:34px}.material-color{font-size:9px}.material-index{font-size:10px;top:17px;left:17px}.material-tile .tile-image{filter:brightness(.74) saturate(.75) grayscale(.12)}.material-tile:last-child .tile-image{object-position:center 55%}.material-copy p{font-size:11px}.material-explore{font-size:11px}.material-tile.is-active p{max-height:55px;margin-top:10px}.material-tile.is-active .material-explore{max-height:30px;margin-top:10px}.material-strips.has-active .material-tile:not(.is-active){opacity:.83}.materials-foot{font-size:10px;margin-top:18px;align-items:flex-start}.materials-foot p{font-size:8px;max-width:145px;line-height:1.8}.materials-foot .text-link{font-size:11px}.atelier{padding:58px 7%;grid-template-columns:1fr;gap:28px}.atelier h2{font-size:39px}.atelier-copy{font-size:15px}.contact{padding:46px 7%;display:block}.contact h2{font-size:44px}.contact .eyebrow{max-width:260px;line-height:1.7}.contact-details{margin-top:33px}.contact-email{font-size:29px}.contact-phone{font-size:15px}footer{padding:29px 7%;flex-wrap:wrap;gap:15px;font-size:10px}footer p{font-size:15px}footer>span{margin-left:0;flex-basis:42%}footer>a:last-child{margin-left:auto}dialog{width:calc(100% - 22px);max-height:94dvh}.detail-layout{grid-template-columns:1fr}.detail-visual{padding:25px;min-height:220px}.detail-visual img{height:260px}.detail-visual.texture img{min-height:260px;height:300px;max-height:300px}.detail-copy{padding:33px 27px}.detail-copy h2{font-size:42px}.detail-copy>p{font-size:15px}.text-dialog{padding:64px 27px 30px}.text-dialog h2{font-size:42px}}
@media(max-width:380px){.project-tile{height:236px}.tile-copy :is(h2,h3){font-size:25px}.hero-heading :is(h1,h2){font-size:34px}.material-copy{left:13px}.material-copy h3{font-size:32px}.material-explore{font-size:10px}.hero-foot a{max-width:94px;text-align:right}.contact-email{font-size:27px}}
.material-copy h3{font-size:31px;line-height:1.05;letter-spacing:-.4px}.material-copy{left:18px;right:12px}.material-color{font-size:9px;letter-spacing:.1em}.material-tile.is-active,.material-tile:focus-visible{flex:1.9}.material-strips.has-active .material-tile:not(.is-active){flex:.82}.material-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(var(--accent-rgb),.12) 80%);mix-blend-mode:color;z-index:-1;pointer-events:none}.material-tile:nth-child(1) .tile-image{object-position:70% center}.material-tile:nth-child(2) .tile-image{object-position:42% center}.material-tile:nth-child(3) .tile-image{object-position:58% center}.material-tile:nth-child(4) .tile-image{object-position:100% center}.material-tile:nth-child(5) .tile-image{object-position:85% center}.material-tile:nth-child(6) .tile-image{object-position:63% center}.detail-copy>p,.atelier-copy{font-size:16px}
@media(max-width:1100px){.material-copy h3{font-size:27px}.material-copy{left:13px;right:9px}.material-index{left:13px}.material-color{font-size:8px}.material-copy p{font-size:11px}}
@media(max-width:700px){.material-tile:last-child{grid-column:auto;min-height:270px}.material-copy{left:15px;right:12px}.material-copy h3{font-size:30px}.material-color{font-size:9px}.material-tile:last-child .tile-image{object-position:63% center}.tile-copy p{font-size:11px}.site-header nav{font-size:14px}}
@media(min-width:701px){.hero-grid .project-tile{height:clamp(230px,calc((100svh - 235px)/2),360px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.project-tile.is-active,.project-tile:focus-visible{transform:none}.project-tile.is-active .tile-image,.project-tile:focus-visible .tile-image,.material-tile.is-active .tile-image,.material-tile:focus-visible .tile-image{transform:scale(1.025)}}