.surface-section{padding-block:86px 92px}
.surface-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}
.surface-heading h2{font-family:Prata,serif;font-weight:400;line-height:1.25;letter-spacing:-.045em;font-size:clamp(34px,4vw,54px)}
.surface-heading>p{font-size:13px;line-height:1.9;color:#99968d;max-width:300px}
.surface-atelier{display:grid;grid-template-columns:1fr 320px;background:#111110;border:1px solid #c6ac7829;border-radius:30px;overflow:hidden;min-height:520px}
.surface-stage{position:relative;min-width:0;min-height:520px;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#30302b50,transparent 66%)}
.surface-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y;cursor:grab;opacity:0;transition:opacity 600ms ease;z-index:1;outline-offset:-6px}
.surface-canvas:active{cursor:grabbing}.surface-stage[data-state=ready] .surface-canvas{opacity:1}
.surface-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity 400ms ease}
.surface-stage[data-state=ready] .surface-poster{opacity:0;pointer-events:none}
.surface-stage-top{position:absolute;z-index:2;top:24px;left:26px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.surface-stage-top>span{display:flex;align-items:center;gap:8px;font-size:10px;color:#c4b698}.surface-stage-top>span:before{content:'';width:5px;height:5px;border-radius:50%;background:#c6ac78}
.surface-pause{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #c6ac7838;background:#151515d9;color:#d3c29b;pointer-events:auto}.surface-pause svg{width:14px;height:14px}
.surface-hint{position:absolute;bottom:25px;left:26px;right:26px;z-index:2;display:flex;gap:10px;align-items:center;font-size:10px;color:#aaa496;pointer-events:none}.surface-hint svg{width:18px;height:18px;color:#c6ac78}
.surface-stage[data-state=unavailable] .surface-hint{display:none}
.surface-controls{display:flex;flex-direction:column;padding:37px 30px 29px;border-left:1px solid #c6ac7821;background:#141413}
.surface-controls>small{font-size:10px;color:#9a8b6b;margin-bottom:20px}
.surface-options{display:grid;gap:10px}.surface-options>button{display:flex;align-items:center;gap:13px;border:1px solid #ffffff12;background:#1c1c1a;border-radius:15px;text-align:left;padding:16px 17px;min-height:69px;transition:border-color 200ms ease,background-color 200ms ease}
.surface-options>button[aria-pressed=true]{border-color:#c6ac7870;background:#c6ac7810}.surface-options strong{font-size:13px;font-weight:500;display:block;color:#ddd6c8}.surface-options small{display:block;font-size:10px;color:#8d8a80;margin-top:5px}
.surface-swatch{width:27px;height:27px;border-radius:50%;border:1px solid #ffffff40;background:linear-gradient(130deg,#080808 10%,#d6d7d0 33%,#181918 49%,#060606 65%,#86887f 95%);flex-shrink:0}.surface-swatch.matte{background:linear-gradient(130deg,#242521,#55574e,#242521)}.surface-swatch.layers{background:linear-gradient(130deg,#bbb89a77,#ffffff24,#c6ac7899);border-color:#c6ac7899}
.surface-description{margin-top:26px;font-size:12px;line-height:1.85;color:#aaa599;min-height:70px}.surface-disclaimer{font-size:9px;color:#77766e;line-height:1.7;margin-top:12px}.surface-controls>.text-link{margin-top:auto;padding-top:25px;color:#d5c193;font-size:11px}
.craft-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 auto 80px}.craft-note{display:grid;grid-template-columns:42% 1fr;min-width:0;min-height:275px;background:#121212;border:1px solid #c6ac7824;border-radius:24px;overflow:hidden}.craft-note>img{height:100%;min-height:275px;width:100%;object-fit:cover}.craft-note>div{padding:29px 25px;display:flex;flex-direction:column;align-items:start}.craft-note small{font-size:10px;color:#ac9871}.craft-note h3{font-size:22px;line-height:1.3;letter-spacing:-.035em;font-weight:450;margin:15px 0 12px}.craft-note p{font-size:12px;line-height:1.85;color:#939087}.craft-note a{font-size:10px;color:#c6b186;margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:10px}.craft-note a svg{width:14px;height:14px}
.highlights-track{gap:clamp(20px,4vw,51px)}.highlight-cover{width:88px;height:88px;padding:5px}.highlight-cover>img{object-position:center;transform:none;filter:none}.highlight-item[data-highlight=carpro] .highlight-cover{background:#1b1913}
#story-image{object-position:var(--story-position,50% 40%)}
@media(min-width:701px){.project-grid:not([data-count]),.project-grid[data-count="8"],.project-grid[data-count="5"]{grid-template-columns:repeat(6,minmax(0,1fr))}.project-grid:not([data-count])>.project,.project-grid[data-count="8"]>.project,.project-grid[data-count="5"]>.project{grid-column:span 2}.project-grid:not([data-count])>.project:nth-last-child(-n+2),.project-grid[data-count="8"]>.project:nth-last-child(-n+2),.project-grid[data-count="5"]>.project:nth-last-child(-n+2){grid-column:span 3}}
@media(max-width:700px){.project-grid:not([data-count])>.project:last-child,.project-grid[data-count="8"]>.project:last-child{grid-column:auto}.project-grid:not([data-count])>.project:last-child .project-open,.project-grid[data-count="8"]>.project:last-child .project-open{aspect-ratio:.94}}
@media(max-width:1050px){.surface-atelier{grid-template-columns:1fr 280px}.surface-controls{padding:30px 24px}.surface-stage{min-height:480px}.surface-atelier{min-height:480px}.craft-notes{gap:16px}.craft-note{grid-template-columns:38% 1fr}.craft-note>div{padding:24px 21px}.craft-note h3{font-size:20px}}
@media(max-width:700px){.surface-section{padding-block:56px}.surface-heading{display:block;margin-bottom:25px}.surface-heading h2{font-size:35px}.surface-heading>p{font-size:12px;margin-top:20px;max-width:310px}.surface-atelier{display:flex;flex-direction:column;border-radius:25px}.surface-stage{min-height:340px}.surface-stage-top{top:18px;left:19px;right:18px}.surface-hint{left:19px;right:19px;bottom:18px;font-size:9px}.surface-controls{border-left:0;border-top:1px solid #c6ac7821;padding:24px 20px}.surface-controls>small{margin-bottom:15px}.surface-options{grid-template-columns:repeat(3,1fr);gap:8px}.surface-options>button{flex-direction:column;gap:10px;padding:13px 5px;text-align:center;min-height:98px;border-radius:14px}.surface-options strong{font-size:11px}.surface-options small{font-size:8px;line-height:1.5;margin-top:4px}.surface-swatch{width:24px;height:24px}.surface-description{font-size:12px;min-height:0;margin-top:21px}.surface-disclaimer{font-size:9px;margin-top:10px}.surface-controls>.text-link{padding-top:20px}.craft-notes{grid-template-columns:1fr;margin-bottom:55px}.craft-note{grid-template-columns:37% 1fr;min-height:250px}.craft-note>img{min-height:250px}.craft-note>div{padding:25px 20px}.craft-note h3{font-size:21px}.craft-note p{font-size:11px}.highlight-cover{width:80px;height:80px}.highlight-item{min-width:83px}.highlights-track{gap:22px}}
@media(prefers-reduced-motion:reduce){.surface-canvas,.surface-poster,.surface-options>button{transition:none}}