@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap');

:root { --paper: #f5f2ed; --cream: #ebe4da; --tint: #dfd5c8; --ink: #27221d; --line: #d8d0c5; --accent: #8f6249; --sans: "Sora", sans-serif; --body: "Sora", sans-serif; --mono: "Sora", sans-serif; }
body { letter-spacing: -.01em; }
.site-header { height: 76px; padding: 0 clamp(23px, 5vw, 88px); border-bottom-color: rgba(63,48,35,.13); }
.brand { width: 112px; }
.desktop-nav { gap: clamp(16px,2.2vw,38px); }
.desktop-nav a, .footer-links a { font: 10px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.desktop-nav a:after, .footer-links a:after { background: var(--ink); bottom: -8px; }
.hero { height: min(720px, calc(100svh - 76px)); min-height: 570px; background: #9e8979; }
.slide-veil, .slide-veil.warm { background: linear-gradient(90deg,rgba(249,246,240,.9),rgba(247,244,238,.25) 58%,rgba(57,39,27,.13)); }
.slide-copy { top: 48%; max-width: 530px; }
.slide-copy p { color: #57473b; font-size: 10px; }
.slide-copy h1,.slide-copy h2,.intro h2,.section-top h2,.technical h2,.closing h2,.page-intro h1,.company-story h2,.vision-grid h2,.contact-intro h1 { font-family: var(--sans); font-weight: 400; letter-spacing: -.045em; line-height: .96; }
.slide-copy h1,.slide-copy h2 { color: var(--ink); font-size: clamp(52px,6.7vw,98px); }
.text-link.light { color: var(--ink); border-color: var(--ink); }
.hero-meta { height: 72px; color: var(--ink); border-top-color: rgba(55,41,30,.2); background: rgba(247,244,238,.36); }
.round-button { color: var(--ink); border-color: rgba(39,34,29,.55); }
.slide-progress { background: rgba(39,34,29,.28); }.slide-progress span { background: var(--ink); }
.intro-layout { grid-template-columns: 1fr .62fr; }.intro h2,.section-top h2,.technical h2,.closing h2 { font-size: clamp(48px,5.4vw,80px); }
.feature-strip { background: #4b3c31; color: #f6f1e9; }.feature-strip i { color: #c9a480; }
.collection-card { background: #aa9887; }.collection-card:after { background: linear-gradient(180deg,transparent 40%,rgba(37,28,21,.45)); }
.collection-card img { filter: sepia(.18) saturate(.68) brightness(.95); }
.technical { background: #d8cabe; }.technical-panel { background: #f7f4ef; }.closing { background: #ede7df; }.closing-mark { color: #e4dbd1; }
.page-intro { background: #e8e0d6; }.page-intro h1 { font-size: clamp(60px,8vw,116px); }
.product-card { min-height: 415px; background: #d9cec1; }.product-card img { filter: sepia(.18) saturate(.72) brightness(.96); }.product-card:after { background: linear-gradient(180deg,rgba(32,25,20,.02),rgba(32,25,20,.5)); }
.product-card .card-label h3 { font-family: var(--sans); font-weight:400; letter-spacing:-.04em; }
.collection-switch{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:0 0 29px;margin-bottom:34px;border-bottom:1px solid var(--line)}.collection-switch .kicker{display:block;margin-bottom:11px}.collection-switch p{margin:0;color:#70685f;font-size:13px;line-height:1.5}.collection-switch-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.collection-switch-controls button{border:1px solid var(--line);background:transparent;border-radius:99px;padding:10px 14px;color:var(--ink);font:10px var(--mono);letter-spacing:.05em;cursor:pointer}.collection-switch-controls button:hover,.collection-switch-controls button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.collection-panel[hidden]{display:none}.archive-panel{padding-top:8px}.archive-heading{display:grid;grid-template-columns:1fr .6fr;gap:8vw;align-items:end;padding:0 0 48px}.archive-heading h2{margin:23px 0 0;font:400 clamp(42px,5vw,74px)/.94 var(--sans);letter-spacing:-.065em}.archive-heading p{margin:0;max-width:365px;font-size:14px;line-height:1.65}.archive-filter-block{display:flex;gap:28px;align-items:flex-start;border-top:1px solid var(--line);padding-top:20px}.archive-filter-block.surface-filter{margin-top:20px}.archive-empty{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:370px;margin-top:42px;padding:clamp(30px,5vw,70px);background:#e9e1d5;border:1px solid #d9cebd}.archive-empty span{font:10px var(--mono);letter-spacing:.1em;color:#786d60}.archive-empty h3{margin:21px 0 13px;font:400 clamp(31px,4vw,55px)/.95 var(--sans);letter-spacing:-.065em}.archive-empty p{max-width:440px;margin:0;font-size:14px;line-height:1.6;color:#5f574f}@media(max-width:800px){.collection-switch{display:block}.collection-switch-controls{justify-content:flex-start;margin-top:20px}.archive-heading{grid-template-columns:1fr;gap:23px;padding-bottom:34px}.archive-filter-block{display:block}.archive-filter-block .filter-label{padding:0 0 14px}.archive-empty{min-height:300px;margin-top:30px}}

/* Product material showcase */
.product-detail { background: #f6f3ee; min-height: calc(100vh - 76px); }
.product-hero { display:grid; grid-template-columns: 1.05fr .95fr; min-height: 620px; border-bottom:1px solid var(--line); }
.product-media { position:relative; overflow:hidden; background:#d9cdc0; min-height:420px; }
.product-media img { width:100%; height:100%; object-fit:cover; filter:sepia(.16) saturate(.75); }
.product-media:after { content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 45%); pointer-events:none; }
.product-summary { padding:clamp(58px,8vw,135px) clamp(25px,8vw,118px); display:flex; flex-direction:column; justify-content:center; }
.product-summary .kicker { margin-bottom:28px; }.product-summary h1 { margin:0; font:400 clamp(56px,7vw,105px)/.88 var(--sans); letter-spacing:-.055em; }.product-summary > p { font-size:17px; line-height:1.6; max-width:390px; margin:29px 0 35px; }
.product-code { font:10px var(--mono); letter-spacing:.12em; color:#6c625a; margin-top:18px; }
.product-specs { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); max-width:440px; }.product-specs div { padding:14px 0; border-bottom:1px solid var(--line); }.product-specs div:nth-child(odd) { font:10px var(--mono); letter-spacing:.08em; color:#746b62; }.product-specs div:nth-child(even) { text-align:right; font-size:13px; }
.material-section { padding:clamp(76px,10vw,145px) clamp(24px,8vw,128px); }.material-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:50px; }.material-heading h2 { margin:0; font:400 clamp(44px,5.3vw,78px)/.94 var(--sans); letter-spacing:-.05em; }.material-heading p { margin:0; max-width:330px; line-height:1.55; }
.face-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.tile-face { aspect-ratio: .83; background-image:var(--tile); background-size:auto 100%; background-repeat:no-repeat; background-color:#cdbdac; box-shadow:inset 0 0 0 1px rgba(52,39,29,.1); position:relative; overflow:hidden; }.tile-face:after { content:attr(data-face); position:absolute; bottom:12px; left:12px; color:#fff; font:9px var(--mono); letter-spacing:.1em; background:rgba(32,25,20,.25); padding:5px 7px; }.tile-face:nth-child(2){background-position:32% center}.tile-face:nth-child(3){background-position:65% center}.tile-face:nth-child(4){background-position:100% center}
.preview-zone { background:#e2d7ca; padding:clamp(70px,9vw,130px) clamp(24px,8vw,128px); display:grid; grid-template-columns:.7fr 1.3fr; gap:9vw; align-items:center; }.preview-zone h2 { margin:0 0 24px; font:400 clamp(45px,5vw,74px)/.93 var(--sans); letter-spacing:-.05em; }.preview-zone p { max-width:330px; line-height:1.6; }.preview-stage { min-height:360px; display:grid; place-items:center; perspective:1000px; background:radial-gradient(ellipse at center,rgba(255,255,255,.72),transparent 66%); overflow:hidden; }.tile-3d { width:min(76%,480px); aspect-ratio:4.7/1; transform:rotateX(58deg) rotateZ(-29deg) translateY(18px); transform-style:preserve-3d; position:relative; background-image:var(--tile); background-size:cover; box-shadow:28px 35px 35px rgba(66,48,34,.28); transition:transform .6s ease; }.preview-stage:hover .tile-3d { transform:rotateX(54deg) rotateZ(-24deg) translateY(10px); }.tile-3d:before { content:""; position:absolute; inset:100% 0 auto 0; height:14px; background:#9d8e7e; transform-origin:top; transform:rotateX(-90deg); }.tile-3d:after { content:""; position:absolute; inset:0 auto 0 100%; width:14px; background:#aa9a88; transform-origin:left; transform:rotateY(90deg); }
.detail-cta { padding:clamp(75px,9vw,125px) clamp(24px,8vw,128px); display:flex; align-items:center; justify-content:space-between; gap:25px; border-bottom:1px solid var(--line); }.detail-cta h2 { margin:0; font:400 clamp(42px,4.5vw,70px)/.95 var(--sans); letter-spacing:-.05em; }

/* The material study always uses a genuine random face, not a room-preview image. */
.preview-stage { min-height:clamp(430px,46vw,620px); perspective:1450px; cursor:crosshair; position:relative; touch-action:none; overflow:visible; isolation:isolate; }
.tile-3d { z-index:1; }
.tile-3d { width:min(94%,760px); aspect-ratio:6/1; background-size:cover; background-position:center; transform:rotateX(57deg) rotateY(0deg) rotateZ(-21deg) translateY(8px) scale(1.12); transition:transform .38s cubic-bezier(.2,.72,.2,1), box-shadow .38s ease; box-shadow:34px 42px 40px rgba(66,48,34,.30); will-change:transform; }
.preview-stage:hover .tile-3d { transform:rotateX(57deg) rotateY(0deg) rotateZ(-21deg) translateY(8px) scale(1.12); }
.tile-3d:before { height:18px; }.tile-3d:after { width:18px; }
@media(max-width:800px){.preview-stage{min-height:330px}.tile-3d{width:min(96%,600px);transform:rotateX(57deg) rotateY(0deg) rotateZ(-21deg) translateY(4px) scale(1.04)}}
@media(max-width:800px) { .site-header{height:73px}.hero{height:calc(100svh - 73px)}.slide-copy h1,.slide-copy h2{font-size:clamp(48px,14vw,74px)}.product-hero,.preview-zone{grid-template-columns:1fr}.product-media{min-height:360px}.product-summary{padding:65px 24px}.face-grid{grid-template-columns:1fr 1fr;gap:8px}.material-heading,.detail-cta{display:block}.material-heading p{margin-top:22px}.preview-zone{gap:35px}.preview-stage{min-height:270px}.detail-cta a{margin-top:27px}.product-specs{max-width:none} }

/* Soriso home: quiet editorial composition */
.atelier-home { background:#f7f5f1; }.atelier-hero { height:min(720px,calc(100svh - 76px)); min-height:580px; position:relative; overflow:hidden; background:#bcae9e; }.atelier-hero .slides,.atelier-hero .slide { position:absolute; inset:0; }.atelier-hero .slide img { width:100%; height:100%; object-fit:cover; filter:sepia(.12) saturate(.82) brightness(.95); }.atelier-hero .slide-veil { background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.10) 31%,transparent 56%); }.atelier-hero-copy { z-index:3; position:absolute; left:clamp(24px,9vw,145px); top:50%; transform:translateY(-50%); max-width:560px; color:#fff; }.atelier-hero-copy .hero-eyebrow { font:10px var(--mono); letter-spacing:.13em; color:#f2eee8; margin:0 0 27px; }.atelier-hero-copy h1 { margin:0; font:500 clamp(47px,6vw,88px)/.96 var(--sans); letter-spacing:-.07em; }.atelier-lead { max-width:385px; line-height:1.6; margin:25px 0 29px; font-size:15px; }.atelier-button { display:inline-flex; align-items:center; gap:22px; border:1px solid currentColor; border-radius:99px; padding:12px 17px; color:inherit; font:10px var(--mono); text-transform:uppercase; letter-spacing:.05em; text-decoration:none; transition:.25s; }.atelier-button:hover { background:#fff; border-color:#fff; color:var(--ink); }.atelier-button.dark { background:var(--ink); color:#fff; border-color:var(--ink); }.atelier-button.dark:hover { background:transparent; color:var(--ink); }.atelier-slide-count { position:absolute; z-index:3; right:clamp(24px,5vw,85px); bottom:24px; display:flex; align-items:center; gap:15px; }.atelier-slide-count .slide-index { color:#fff; font:10px var(--mono); letter-spacing:.08em; width:auto; }.atelier-slide-count .slide-progress { width:90px; height:1px; background:rgba(255,255,255,.45); }.atelier-slide-count .slide-progress span { background:#fff; }
.atelier-intro { display:grid; grid-template-columns:1fr 1fr; max-width:1120px; margin:0 auto; padding:clamp(76px,11vw,150px) clamp(24px,8vw,115px); gap:clamp(35px,8vw,110px); align-items:center; }.atelier-intro-copy h2,.surface-rail h2,.atelier-closing h2 { margin:28px 0; font:400 clamp(47px,5.3vw,77px)/.94 var(--sans); letter-spacing:-.05em; }.atelier-intro-copy p { max-width:355px; line-height:1.6; font-size:16px; margin:0 0 31px; }.atelier-intro-image { margin:0; height:340px; background:#d8ccc0; overflow:hidden; }.atelier-intro-image img { height:100%; width:100%; object-fit:cover; filter:sepia(.2) saturate(.65); }
.atelier-metrics { display:grid; grid-template-columns:repeat(3,1fr); max-width:980px; margin:0 auto; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:clamp(21px,2.7vw,34px) clamp(24px,6vw,72px); }.atelier-metrics>div { display:flex; flex-direction:column; gap:7px; padding:0 clamp(14px,3vw,38px); border-left:1px solid var(--line); }.atelier-metrics>div:first-child{border-left:0;padding-left:0}.atelier-metrics strong{font:400 clamp(34px,3.6vw,52px)/.86 var(--sans);letter-spacing:-.075em}.atelier-metrics span{font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6f665d}
.story-grid { max-width:1060px; margin:0 auto; padding:0 clamp(24px,8vw,110px) clamp(80px,10vw,140px); display:grid; grid-template-columns:1fr 1fr; gap:0; }.story-grid figure { margin:0; height:290px; overflow:hidden; background:#d4c7b9; }.story-grid figure img { width:100%; height:100%; object-fit:cover; filter:sepia(.24) saturate(.62); }.story-grid article { min-height:290px; display:flex; flex-direction:column; justify-content:center; padding:clamp(25px,4vw,56px); background:#f7f5f1; }.story-grid article span { font:400 42px/.8 var(--sans); }.story-grid article h2 { margin:10px 0 13px; font:400 clamp(30px,3.2vw,46px)/.96 var(--sans); letter-spacing:-.045em; }.story-grid article p { max-width:260px; margin:0; font-size:13px; line-height:1.65; }
.surface-rail { background:#ebe4da; padding:clamp(70px,9vw,125px) clamp(24px,8vw,115px); }.surface-rail-head { max-width:1060px; margin:0 auto 47px; display:flex; justify-content:space-between; gap:30px; align-items:end; }.surface-rail-items { max-width:1250px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); }.surface-rail-items a { background:#f6f3ef; min-height:310px; padding:14px; text-decoration:none; color:var(--ink); display:flex; flex-direction:column; border-right:1px solid #e5ded5; transition:background .25s; }.surface-rail-items a:hover { background:#fff; }.surface-rail-items img { width:100%; height:206px; object-fit:cover; filter:sepia(.2) saturate(.68); margin-bottom:17px; }.surface-rail-items strong { font:400 25px/1 var(--sans); letter-spacing:-.04em; }.surface-rail-items small { font:10px var(--mono); letter-spacing:.06em; margin-top:8px; color:#71695f; }.atelier-closing { min-height:440px; display:flex; align-items:center; padding:clamp(70px,9vw,125px) clamp(24px,9vw,145px); background:linear-gradient(90deg,rgba(57,39,29,.73),rgba(57,39,29,.15)),url('assets/previews/mocha-ridge.jpg') center/cover; color:#f8f4ed; }.atelier-closing .kicker { color:#eee5d9; }.atelier-closing h2 { color:#fff; }.atelier-closing p { max-width:320px; line-height:1.55; margin:0 0 30px; }.atelier-closing .atelier-button { color:#fff; border-color:#fff; }.atelier-closing .atelier-button:hover { color:var(--ink); background:#fff; }
@media(max-width:800px){.atelier-hero{height:calc(100svh - 73px);min-height:550px}.atelier-hero-copy{left:24px;right:24px}.atelier-hero-copy h1{font-size:clamp(53px,14vw,76px)}.atelier-slide-count{right:24px}.atelier-metrics{padding:28px 24px}.atelier-metrics>div{padding:0 12px;gap:7px}.atelier-metrics strong{font-size:clamp(32px,10vw,44px)}.atelier-metrics span{font-size:8px;letter-spacing:.06em}.atelier-intro{grid-template-columns:1fr;padding:78px 24px;gap:39px}.atelier-intro-image{height:240px}.story-grid{grid-template-columns:1fr;padding:0 24px 78px}.story-grid figure,.story-grid article{min-height:250px;height:250px}.story-grid article:nth-of-type(2){order:3}.story-grid figure:nth-of-type(2){order:4}.story-grid figure:nth-of-type(3){order:5}.story-grid article:nth-of-type(3){order:6}.surface-rail{padding:75px 24px}.surface-rail-head{display:block}.surface-rail-head .text-link{margin-top:8px}.surface-rail-items{grid-template-columns:1fr 1fr}.surface-rail-items a{min-height:220px;padding:8px}.surface-rail-items img{height:145px;margin-bottom:11px}.surface-rail-items strong{font-size:20px}.surface-rail-items small{font-size:8px}.atelier-closing{min-height:400px;padding:75px 24px}}

/* Refined hero contrast and horizontal surface gallery */
.atelier-hero .slide-veil { background:linear-gradient(90deg,rgba(0,0,0,.39),rgba(0,0,0,.15) 34%,transparent 59%); }
.atelier-hero-copy h1 { max-width:620px; font-size:clamp(43px,5.25vw,76px); line-height:1.01; letter-spacing:-.065em; }
.atelier-hero-copy .hero-eyebrow { margin-bottom:17px; }.atelier-lead { margin-top:20px; }
.atelier-hero { height:min(820px,100svh); min-height:640px; }
.atelier-slide-count { gap:14px; }
.hero-slide-actions { display:flex; gap:7px; align-items:center; }
.hero-slide-arrow { width:31px; height:31px; padding:0; display:grid; place-items:center; border:1px solid rgba(255,255,255,.7); border-radius:50%; background:rgba(30,24,19,.16); color:#fff; font:400 16px/1 var(--body); cursor:pointer; transition:background .2s ease,transform .2s ease; }
.hero-slide-arrow:hover,.hero-slide-arrow:focus-visible { background:#fff; color:var(--ink); transform:translateY(-1px); outline:none; }
.surface-carousel { max-width:1280px; margin:0 auto; display:grid; grid-template-columns:46px minmax(0,1fr) 46px; align-items:center; gap:14px; }
.surface-arrow { width:42px; height:42px; padding:0; border:1px solid var(--ink); border-radius:50%; background:var(--ink); color:#fff; font-size:18px; cursor:pointer; position:relative; z-index:2; transition:.2s; }.surface-arrow:hover { background:transparent; color:var(--ink); }
.surface-rail-items { display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; padding:1px; }.surface-rail-items::-webkit-scrollbar { display:none; }
.surface-rail-items a { min-width:min(780px,78vw); min-height:0; padding:0; display:grid; grid-template-columns:16fr 9fr; align-items:stretch; background:#f6f3ef; border:0; scroll-snap-align:start; }.surface-rail-items img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; margin:0; filter:sepia(.18) saturate(.75); }.surface-rail-items a>span { padding:clamp(24px,4vw,54px); display:flex; flex-direction:column; justify-content:center; background:#f6f3ef; }.surface-rail-items strong { font:500 clamp(25px,3vw,42px)/1.05 var(--sans); letter-spacing:-.06em; }.surface-rail-items small { margin-top:12px; font:10px var(--mono); letter-spacing:.06em; color:#71695f; }
.whatsapp-ask { position:fixed; z-index:30; right:22px; bottom:22px; display:inline-flex; align-items:center; gap:9px; padding:11px 15px; border-radius:99px; background:#20221f; color:#fff; box-shadow:0 9px 24px rgba(0,0,0,.19); font:500 11px var(--body); letter-spacing:.03em; text-decoration:none; }.whatsapp-ask b { width:18px; height:18px; display:grid; place-items:center; border-radius:50%; background:#25d366; color:#fff; font-size:11px; }.whatsapp-ask:hover { background:#000; }
@media(max-width:800px){.atelier-hero{height:100svh;min-height:580px}.atelier-hero-copy h1{font-size:clamp(39px,11.4vw,56px);line-height:1.03}.atelier-slide-count{right:16px;bottom:17px;gap:9px}.atelier-slide-count .slide-progress{width:54px}.hero-slide-actions{gap:5px}.hero-slide-arrow{width:28px;height:28px;font-size:14px}.surface-carousel{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.surface-arrow{width:30px;height:30px;font-size:14px}.surface-rail-items{gap:8px}.surface-rail-items a{min-width:82vw;grid-template-columns:1fr}.surface-rail-items img{aspect-ratio:16/9}.surface-rail-items a>span{padding:17px}.whatsapp-ask{right:15px;bottom:15px;padding:10px 13px}}

/* Three aligned surface cards per desktop row */
@media(min-width:801px){.atelier-hero-copy{left:clamp(24px,5vw,82px)}.surface-carousel{grid-template-columns:46px minmax(0,1fr) 46px;gap:18px}.surface-carousel .surface-arrow{justify-self:center;align-self:center}.surface-rail-items{width:100%;max-width:none;min-width:0;gap:16px;overflow-x:hidden;padding:0;align-items:stretch}.surface-rail-items a{flex:0 0 calc((100% - 32px)/3);min-width:0;display:flex;flex-direction:column;grid-template-columns:none;background:transparent;overflow:hidden}.surface-rail-items img{aspect-ratio:16/9;height:auto}.surface-rail-items a>span{min-height:96px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 0 0;background:transparent}.surface-rail-items strong,.surface-rail-items small{display:block;margin:0}.surface-rail-items strong{font-size:clamp(22px,2vw,31px);line-height:1.02}.surface-rail-items small{font-size:10px;line-height:1.35}}
 .surface-rail-items a>span{transition:background .24s ease,padding .24s ease}.surface-rail-items a:hover>span,.surface-rail-items a:focus-visible>span{background:rgba(224,212,198,.64);padding-left:16px;padding-right:16px}.surface-rail-items a:focus-visible{outline:1px solid rgba(73,61,48,.4);outline-offset:4px}

/* Brand-led page entrance and quiet pointer response */
.page-enter .brand img { opacity:0; transform:translateY(-7px) scale(.88); }.page-ready .brand img { animation:brand-arrival .72s cubic-bezier(.2,.75,.2,1) both; }
@keyframes brand-arrival { 0% { opacity:0; transform:translateY(-7px) scale(.88); filter:blur(4px); } 68% { opacity:1; transform:translateY(1px) scale(1.035); filter:blur(0); } 100% { opacity:1; transform:translateY(0) scale(1); filter:blur(0); } }
.atelier-hero .slide img,.atelier-closing,.collection-card img,.surface-rail-items img,.product-media img { will-change:transform; transition:transform .55s cubic-bezier(.2,.75,.2,1); }
.atelier-hero .slide.is-active img { transform:scale(1.03) translate(var(--mouse-x,0px),var(--mouse-y,0px)); }.atelier-closing { background-position:calc(50% + var(--mouse-x,0px)) calc(50% + var(--mouse-y,0px)); }.collection-card:hover img,.surface-rail-items a:hover img { transform:scale(1.025) translate(var(--mouse-x,0px),var(--mouse-y,0px)); }
@media(prefers-reduced-motion:reduce){.page-enter .brand img,.page-ready .brand img{opacity:1;transform:none;animation:none}.atelier-hero .slide.is-active img,.atelier-closing,.collection-card:hover img,.surface-rail-items a:hover img{transform:none}}

/* Full technical specification sheet */
.specification-section { padding:clamp(75px,10vw,135px) 0 0; }.specification-section h2 { margin:24px 0 48px; font:500 clamp(42px,5vw,70px)/.96 var(--sans); letter-spacing:-.065em; }.spec-table-wrap { overflow-x:auto; background:#f8f6f1; border:1px solid var(--line); }.spec-table { width:100%; min-width:900px; border-collapse:collapse; font-size:12px; }.spec-table th,.spec-table td { padding:15px 13px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); text-align:center; vertical-align:middle; }.spec-table th { background:#88704f; color:#fff; font-size:10px; letter-spacing:.04em; font-weight:600; }.spec-table th:nth-child(2),.spec-table td:nth-child(2) { width:25%; text-align:left; }.spec-table td:nth-child(1) { width:45px; }.spec-table td:last-child { font-weight:700; }.spec-table .spec-group th { background:#ded1c1; color:var(--ink); text-align:left; font-size:11px; }.technical-note { max-width:850px; font-size:12px; line-height:1.55; margin:28px 0 0; color:#645c54; }.technical-note b { color:var(--ink); }
@media(max-width:800px){.specification-section{padding-top:70px}.spec-table{font-size:11px}.spec-table th,.spec-table td{padding:12px 10px}.technical-note{font-size:11px}}

/* Inquiry cart */
.cart-nav-link{display:inline-flex!important;align-items:center;gap:7px}.cart-nav-link span{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--ink);color:#fff;font:9px var(--mono)}.product-quick-add{position:absolute;z-index:3;right:18px;bottom:19px;width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(35,33,29,.42);color:#fff;cursor:pointer;transition:.2s}.product-quick-add svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.product-quick-add:hover{background:#fff;color:var(--ink);transform:scale(1.06)}.product-cart-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.add-product-button,.cart-primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:99px;background:var(--ink);color:#fff;padding:14px 18px;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.add-product-button:hover,.cart-primary:hover{background:#65594d}.view-cart-link,.cart-secondary{font:10px var(--mono);letter-spacing:.07em;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:7px}.cart-page{background:#f7f5f1}.cart-intro{padding:clamp(82px,11vw,155px) clamp(24px,9vw,148px) clamp(65px,8vw,100px);background:#e9e2d7}.cart-intro h1,.cart-inquiry h2{margin:26px 0;font:500 clamp(54px,8vw,118px)/.9 var(--sans);letter-spacing:-.075em}.cart-intro p{max-width:460px;font-size:17px;line-height:1.6}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(42px,8vw,120px);padding:clamp(66px,9vw,125px) clamp(24px,9vw,148px)}.cart-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.cart-toolbar p{margin:0;font:10px var(--mono);letter-spacing:.1em}.unit-switch{display:flex;border:1px solid var(--line);border-radius:99px;padding:3px}.unit-switch button{border:0;border-radius:99px;padding:7px 10px;background:transparent;color:var(--ink);font:9px var(--mono);letter-spacing:.07em;cursor:pointer}.unit-switch button.is-active{background:var(--ink);color:#fff}.cart-items{border-bottom:1px solid var(--line)}.cart-item{display:grid;grid-template-columns:148px minmax(0,1fr) 124px;gap:24px;padding:24px 0;border-top:1px solid var(--line)}.cart-item img{width:148px;height:112px;object-fit:cover}.cart-item-meta{font:10px var(--mono)!important;letter-spacing:.08em!important;color:#70685f}.cart-item h3{margin:7px 0 6px;font:500 29px/.98 var(--sans);letter-spacing:-.06em}.cart-item p{margin:0;max-width:480px;font-size:13px;line-height:1.45}.cart-quantity{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.cart-quantity label{font:9px var(--mono);letter-spacing:.09em}.cart-quantity input{width:100%;padding:9px 0;border:0;border-bottom:1px solid var(--ink);background:transparent;font:18px var(--body);outline:0}.cart-quantity span,.cart-quantity button{font:10px var(--mono);letter-spacing:.07em}.cart-quantity button{padding:0;border:0;background:transparent;color:#8c4f36;cursor:pointer;margin-top:8px}.cart-empty{padding:65px 0}.cart-empty[hidden]{display:none}.cart-empty p{font-size:18px}.cart-summary{height:max-content;padding:32px;background:#ded3c4}.cart-summary h2{margin:23px 0;font:500 47px/.92 var(--sans);letter-spacing:-.07em}.cart-summary>p:not(.cart-note){font:13px var(--mono);letter-spacing:.06em;padding-bottom:21px;border-bottom:1px solid rgba(50,42,32,.25)}.cart-summary .cart-primary{width:100%;margin:9px 0 18px}.cart-secondary{display:inline-block}.cart-note{margin:32px 0 0;font-size:11px;line-height:1.5;color:#65594d}.cart-inquiry{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,10vw,150px);padding:clamp(70px,10vw,140px) clamp(24px,9vw,148px);background:#eeeae3}.cart-inquiry h2{font-size:clamp(42px,5.5vw,78px)}.cart-inquiry>div>p{max-width:300px;line-height:1.6}.cart-toast{position:fixed;z-index:90;right:24px;bottom:75px;padding:14px 18px;border-radius:99px;background:#272520;color:#fff;font:11px var(--body);box-shadow:0 12px 35px rgba(0,0,0,.2);opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.cart-toast.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:800px){.cart-nav-link{display:flex!important}.product-quick-add{right:12px;bottom:12px;width:36px;height:36px;font-size:24px}.product-cart-actions{display:block}.add-product-button{width:100%;margin-bottom:18px}.cart-layout,.cart-inquiry{grid-template-columns:1fr;gap:38px;padding:72px 24px}.cart-item{grid-template-columns:90px minmax(0,1fr);gap:15px}.cart-item img{width:90px;height:90px}.cart-quantity{grid-column:2;display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:12px}.cart-quantity input{max-width:110px}.cart-summary{order:-1}.cart-inquiry{padding:72px 24px}.cart-toast{right:15px;bottom:70px;max-width:calc(100vw - 30px)}}

/* Company journey, surface language and technical quality control */
.journey-section{padding:clamp(72px,10vw,140px) clamp(24px,9vw,148px);background:#eee8de}.journey-heading{max-width:720px;margin:0 auto 55px}.journey-heading h2,.surface-language h2,.quality-control h2{margin:24px 0 0;font:500 clamp(43px,5.2vw,76px)/.94 var(--sans);letter-spacing:-.07em}.journey-section .timeline{margin:0;max-width:1100px}.surface-language{padding:clamp(72px,10vw,140px) clamp(24px,9vw,148px);display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:#272620;color:#f2eee7}.surface-language .kicker{color:#c8bfb1}.surface-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#5f5b53}.surface-language-grid article{min-height:175px;padding:27px;background:#272620}.surface-language-grid article:last-child{grid-column:span 2}.surface-language-grid span{font:10px var(--mono);letter-spacing:.1em;color:#b9ad9c}.surface-language-grid h3{margin:25px 0 8px;font:500 30px/.95 var(--sans);letter-spacing:-.06em}.surface-language-grid p{margin:0;max-width:270px;font-size:13px;line-height:1.55;color:#d6d0c6}.quality-control{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,8vw,120px);align-items:center;margin:clamp(75px,10vw,135px) 0 0;padding:clamp(25px,4vw,55px);background:#ded3c4}.quality-control img{width:100%;height:clamp(300px,38vw,500px);object-fit:cover;filter:sepia(.16) saturate(.78)}.quality-control p{max-width:480px;font-size:16px;line-height:1.6}.quality-control p+p{font-size:14px;color:#665d53}@media(max-width:800px){.journey-section{padding:75px 24px}.journey-section .timeline{margin:0}.surface-language,.quality-control{grid-template-columns:1fr;padding:75px 24px;gap:42px}.surface-language-grid{grid-template-columns:1fr}.surface-language-grid article:last-child{grid-column:auto}.quality-control{margin-top:75px}.quality-control img{height:290px}.quality-control p{font-size:15px}}

/* Random-face maps retain the selected plank's physical proportion. */
.face-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:start;gap:18px}.tile-face{aspect-ratio:var(--face-ratio,.83);background-size:cover;background-position:center}.tile-face:nth-child(2){background-position:32% center}.tile-face:nth-child(3){background-position:65% center}.tile-face:nth-child(4){background-position:100% center}@media(max-width:800px){.face-grid{grid-template-columns:1fr;gap:12px}.tile-face:after{bottom:8px;left:8px}}
.filter.is-unavailable{display:none}.face-count{display:block;margin-top:9px;color:rgba(255,255,255,.82);font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}