/* JMC / a material-led opening, followed by the complete seven-card helix. */
:root{--dark:#1b1b1d;--studio:#1b1b1d}
.viewer-quality:has(>button[hidden]){display:none}.viewer-quality{align-self:flex-end}.viewer-quality>button{background:transparent;color:inherit;font:inherit;min-height:30px}.s1-hotspot:not([data-visible]),.s1-model[data-detail="true"] .s1-hotspot{visibility:hidden}.s1-model[data-detail="true"] .s1-hotspot:focus-visible{visibility:visible}
body{overflow-x:clip}.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:90;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;transform:scaleX(var(--reading,0));transform-origin:left;background:linear-gradient(90deg,#755321,#ddbb79,#8a6428)}
.header .nav{transition:background .4s,box-shadow .4s,transform .4s}.header.is-scrolled .nav{background:#fffefaeb;box-shadow:0 8px 40px #35281512}.nav-links a,.nav-contact,.language select{font-size:14px}.nav-links a[aria-current="location"]{color:var(--gold)}
.arrival{position:relative;isolation:isolate;min-height:max(800px,100svh);display:grid;grid-template-columns:1.12fr 1fr;grid-template-rows:1fr auto;align-items:center;padding:155px var(--pad) 38px;gap:30px 0;background:#f7f4ec;overflow:hidden;--arrival-x:0;--arrival-y:0;--arrival-scroll:0;scroll-margin-top:0}
.arrival-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(110deg,#f9f7f1f5 16%,#f5f0e6c4 55%,#e6decd70),url('assets/bg_hero.webp') center/cover}
.arrival-window{position:absolute;inset:-20%;background:linear-gradient(117deg,transparent 35%,#fffdf6c9 35.2%,#fffaf142 47%,transparent 47.2%);transform:translate3d(calc(var(--arrival-x)*15px),calc(var(--arrival-scroll)*60px),0);filter:blur(1px)}
.arrival-plane{position:absolute;right:10%;top:13%;width:24%;height:76%;border:1px solid #fffefccc;border-bottom-color:#cbb99265;background:linear-gradient(112deg,#fff9,transparent 65%);box-shadow:18px 28px 70px #80683910;transform:perspective(1000px) rotateY(-27deg) rotateX(3deg) translateY(calc(var(--arrival-scroll)*45px));backdrop-filter:blur(7px)}
.plane-two{right:-8%;top:28%;height:65%;width:20%;transform:perspective(1000px) rotateY(-27deg) translateY(calc(var(--arrival-scroll)*-35px));opacity:.65}
.arrival-copy{position:relative;z-index:3;max-width:760px;padding-bottom:35px}.arrival-copy>.eyebrow{font-size:12px;letter-spacing:.17em;margin-bottom:34px}.arrival h1{font-size:clamp(62px,6.2vw,108px);line-height:1.025;letter-spacing:-.06em}.arrival h1>span,.arrival h1>em{display:block}.arrival h1 em{max-width:9ch}.arrival-intro{font-size:clamp(16px,1.3vw,19px);max-width:40ch;color:#6f675b;line-height:1.75;margin-top:30px}.arrival-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:32px}.arrival-actions .button{font-size:15px;padding:17px 25px}.arrival-direct{font-size:14px;line-height:1.6;border-bottom:1px solid #ad946b;padding-block:8px;color:#705123}
.arrival-sculpture{position:relative;height:520px;align-self:center;min-width:0;transform:translate3d(calc(var(--arrival-x)*-9px),calc(var(--arrival-scroll)*58px),0);z-index:2}.numeral-halo{position:absolute;inset:7% -12% 0;background:radial-gradient(ellipse,#fff6dba3,transparent 67%);pointer-events:none}.numeral-fallback{position:absolute;inset:0;display:grid;place-items:center;font:clamp(160px,28vw,400px)/1 var(--serif);letter-spacing:-.07em;color:#aa8451;opacity:.6;transition:opacity .6s}#numeral-viewer{position:absolute;inset:-25px -65px 32px}#numeral-viewer model-viewer{width:100%;height:100%;background:transparent;--poster-color:transparent;--progress-bar-height:0;cursor:grab}.arrival-sculpture.has-model .numeral-fallback{opacity:0}.sculpture-caption{position:absolute;bottom:21px;left:5%;right:5%;text-align:center;pointer-events:none}.sculpture-caption>span{font-size:12px;letter-spacing:.2em;color:#846331}.sculpture-caption>p{font:22px/1.35 var(--serif);margin-top:10px;color:#665d4f}.sculpture-hint{position:absolute;bottom:-17px;left:0;right:0;font-size:12px;text-align:center;color:#746b5d}
.arrival-brands{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;z-index:4;border:1px solid #ffffffc9;border-radius:22px;background:#fffdf580;backdrop-filter:blur(18px);box-shadow:0 12px 50px #54432b08;margin-top:18px;overflow:hidden}.arrival-brands button{display:flex;align-items:center;gap:18px;padding:24px 27px;text-align:start;background:transparent;transition:background .3s;border-inline-end:1px solid #a88b5526}.arrival-brands button:last-child{border:0}.arrival-brands button:hover,.arrival-brands button[aria-pressed="true"]{background:#e8deca65}.arrival-brand-index{font:32px/1 var(--serif);color:#9b7943}.arrival-brands strong{display:block;font:24px/1.1 var(--serif)}.arrival-brands small{display:block;color:#776b5a;font-size:13px;margin-top:7px}.arrival-brands button>span:last-child{margin-inline-start:auto;color:var(--gold);font-size:23px}.motion-ready .arrival-enter{animation:arrival-enter 1.1s var(--ease) both}.arrival-enter:nth-child(2){animation-delay:.12s}.arrival-enter:nth-child(3){animation-delay:.23s}.arrival-enter:nth-child(4){animation-delay:.34s}@keyframes arrival-enter{from{opacity:0;transform:translateY(23px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
/* The original helix and all seven chapters are preserved. */
.universe-heading :is(h1,h2){font-size:clamp(30px,3vw,46px);line-height:1.15}.universe-heading :is(h1,h2) em{color:var(--u-accent)}.universe-heading .eyebrow,.company-card-category,.card-overline,.card-media-badge,.universe-card-kind,.universe-card-number{font-size:12px}.universe-editorial{font-size:14px;min-height:44px}.universe-caption>p{font-size:14px}.universe-open{font-size:14px;min-height:44px;align-items:center;padding:8px 4px}.universe-filters button,.universe-tools button{font-size:13px;min-height:44px}.universe-pager{margin-inline-start:0}.universe-pager button{width:44px;height:44px}#universe-position{font-size:13px}.universe-scroll-hint{font-size:12px;letter-spacing:0}.universe-caption{bottom:135px}.universe-detail-copy .detail-description{font-size:16px}.detail-related>span,.index-entry small{font-size:12px}.universe-card.is-front .card-edge{box-shadow:0 4px 0 #bba77f88,0 8px 0 #f4ede177,0 35px 75px #57482c29}
/* Editorial rhythm, material-specific backgrounds and subtle pointer depth. */
.companies{background:#fdfcf9}.company-card{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s var(--ease),box-shadow .4s}.company-card:hover{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px);box-shadow:0 25px 60px #30271415}.card-copy{background:linear-gradient(135deg,#fffdf8,#f4f0e6)}.card-number{font-size:12px}.card-copy p{font-size:16px}.card-copy .text-link{font-size:14px}.card-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,30%),#fff5,transparent 55%);mix-blend-mode:soft-light}.audio-project{background:#efeeeb}.audio-showcase{position:relative;isolation:isolate}.audio-showcase>img{position:relative;z-index:1}.product-watermark{position:absolute;left:0;top:0;font:clamp(180px,34vw,520px)/1 var(--serif);letter-spacing:-.095em;color:#d5d1c870;z-index:-1;transform:translateY(var(--depth-y,0px));user-select:none}.audio-specs span{font-size:14px}.audio-specs strong{font-size:64px}.audio-explorer{background:#1b1b1d;border-color:#28282b}.s1-explorer-media{background:radial-gradient(ellipse at 48% 40%,#494748 0%,#262527 49%,#161619 90%)}.universe-s1.has-model .card-face{background:radial-gradient(ellipse at 60% 45%,#454145,#232225 65%,#141317)}.explorer-copy .eyebrow,.viewer-top .eyebrow,.viewer-live,.s1-explorer-label,.s1-explorer-label span:last-child{font-size:12px}.audio-part strong,.watch-part strong{font-size:16px}.part-description{font-size:15px}.part-number{font-size:12px}.part-list{margin-top:25px}.audio-part,.watch-part{padding-block:19px;min-height:60px}.wide-detail{overflow:hidden;border-radius:18px}.wide-detail img{height:clamp(320px,36vw,520px);transform:scale(1.06) translateY(var(--image-depth,0px));will-change:transform}.wide-detail figcaption{padding-top:10px;background:#efeeeb;position:relative;font-size:13px}.watch-project{background:#fbfaf6}.watch-note .large-number{font-size:clamp(100px,10vw,170px);text-shadow:1px 1px #ebddc3}.photo-button{isolation:isolate}.photo-button>img{transform:scale(1.06) translateY(var(--image-depth,0px));will-change:transform}.photo-button:hover>img{transform:scale(1.09) translateY(var(--image-depth,0px))}.photo-button:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff33;border-radius:inherit}.watch-wrist figcaption,.detail-gallery figcaption small{font-size:14px}.detail-gallery{gap:28px}.digital-project{background:radial-gradient(ellipse at 85% 10%,#e1d7c055,transparent 50%),#f2f1ed}.demo-sidebar{background:#e9e4d9}.digital-demo{box-shadow:0 22px 80px #40351f0c;border-color:#d4cbbb}.demo-steps>button{min-height:50px}.section-head,.project-head{position:relative}.method-grid>article{position:relative;overflow:hidden}.method-grid>article:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,#bd9655,transparent)}
/* Large controls and native model-viewer hotspots. */
.viewer-expand{position:absolute;right:22px;top:64px;z-index:6;display:flex;align-items:center;gap:8px;border-radius:30px;border:1px solid #bfa77366;padding:9px 14px;background:#fffc;color:#755522;font-size:13px;min-height:44px;backdrop-filter:blur(16px)}.viewer-expand>span:first-child{font-size:21px;line-height:1}.s1-explorer-media .viewer-expand{background:#242326b8;color:#eee0c3;border-color:#d7bb7c44}.s1-toolbar button,.viewer-toolbar button{font-size:13px;min-height:44px;padding:9px 12px}.s1-instruction{font-size:12px;color:#c3bdaf;bottom:175px}.s1-light-control,.viewer-bottom{font-size:13px}.s1-light-control{margin-top:14px}.viewer-bottom input{min-width:90px;height:30px}.s1-toolbar{bottom:24px}.s1-toolbar input{min-height:30px}#s1-viewer{bottom:195px}.viewer-toolbar{max-width:100%;gap:3px}.s1-hotspot{display:flex;align-items:center;gap:7px;border-radius:24px;background:#fff6e6ed;border:1px solid #bda16c;color:#332818;padding:6px 10px 6px 7px;box-shadow:0 5px 22px #0002;min-height:38px;font-size:12px;transition:opacity .2s,transform .2s}.s1-hotspot>span:first-child{width:24px;height:24px;display:grid;place-items:center;border:1px solid #a78547;border-radius:50%;font-size:11px}.s1-hotspot:hover{background:#f5dfb7}.s1-hotspot:not([data-visible]),.s1-model[data-detail="true"] .s1-hotspot{opacity:0;pointer-events:none}.s1-hotspot:focus-visible{opacity:1;pointer-events:auto}.s1-quality{font-size:12px!important;border:1px solid #c5a46766!important}.viewer-quality{background:#fff9;border:1px solid #b69b69;border-radius:18px;padding:6px 10px;min-height:36px;font-size:12px;color:#725324}
.interactive-panel:fullscreen,.interactive-panel.is-immersive{width:100%;height:100dvh;border-radius:0;border:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,370px);background:var(--paper);z-index:110}.interactive-panel.is-immersive{position:fixed;inset:0;overflow:auto}.interactive-panel:fullscreen .explorer-media,.interactive-panel.is-immersive .explorer-media{height:100dvh;min-height:0}.interactive-panel:fullscreen .explorer-copy,.interactive-panel.is-immersive .explorer-copy{overflow:auto;padding:100px 28px 25px;background:#222125;color:#ede4d3}.watch-explorer:fullscreen .explorer-copy,.watch-explorer.is-immersive .explorer-copy{background:#f0eade;color:#332d21}.interactive-panel:fullscreen .viewer-side,.interactive-panel.is-immersive .viewer-side{height:100dvh;overflow:auto;padding:25px}.interactive-panel:fullscreen .watch-viewer,.interactive-panel.is-immersive .watch-viewer{height:auto;min-height:300px}.interactive-panel:fullscreen .viewer-expand,.interactive-panel.is-immersive .viewer-expand{position:fixed;top:20px;right:22px}.interactive-panel:fullscreen #s1-viewer,.interactive-panel.is-immersive #s1-viewer{top:60px;bottom:175px}.interactive-panel:fullscreen .s1-instruction,.interactive-panel.is-immersive .s1-instruction{bottom:155px}
/* A short, reviewable enquiry instead of a simulated submission. */
.contact-atelier{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;text-align:start;margin-top:75px;padding-top:65px;border-top:1px solid #ab926352}.contact-atelier h3{margin:25px 0;font-size:clamp(38px,4vw,62px)}.contact-atelier>div>p:last-child{color:var(--muted);font-size:16px;line-height:1.75;max-width:34ch}#atelier-form{display:grid;gap:24px}#atelier-form label{display:grid;gap:10px;font-size:14px}#atelier-form input,#atelier-form select,#atelier-form textarea{width:100%;border:1px solid #cfc5b5;background:#fffaf27d;border-radius:10px;padding:13px 15px;min-height:48px;color:var(--ink);font:16px/1.5 var(--sans)}#atelier-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-end{display:flex;align-items:center;gap:25px;justify-content:space-between}.form-end small{font-size:12px;line-height:1.6;max-width:32ch;color:var(--muted)}.form-end .button{flex:none}.consultation-dialog{border:1px solid white;border-radius:24px;padding:50px;width:min(660px,92vw);color:var(--ink);max-height:90dvh}.consultation-dialog h2{font-size:42px;margin:22px 0}.consultation-dialog pre{white-space:pre-wrap;word-break:break-word;font:15px/1.7 var(--sans);background:#e8e0d477;border-radius:12px;padding:22px;max-height:35dvh;overflow:auto}.consultation-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:25px}.consultation-actions>button{background:transparent;font-size:14px;min-height:44px;border-bottom:1px solid #bda373}#consultation-status{font-size:14px;margin-top:15px;color:var(--gold)}
@media(min-width:1600px){.arrival{padding-inline:max(var(--pad),calc((100vw - 1510px)/2))}.arrival-sculpture{height:600px}}
@media(max-width:1100px){.arrival{grid-template-columns:1.15fr 1fr;min-height:850px;padding-top:145px}.arrival h1{font-size:66px}.arrival-sculpture{height:440px}#numeral-viewer{inset:-20px -45px 35px}.arrival-brands button{padding:22px 18px;gap:12px}.arrival-brands strong{font-size:22px}.arrival-brands small{font-size:12px}.arrival-brand-index{font-size:27px}.universe-controls{gap:12px}.universe-pager{gap:12px}.universe-tools{gap:12px}.universe-filters button{padding-inline:12px}}
@media(max-width:800px){.arrival{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;padding:125px 24px 28px;gap:0}.arrival-copy{padding-bottom:0;max-width:none}.arrival-copy>.eyebrow{font-size:12px;margin-bottom:24px;letter-spacing:.09em}.arrival h1{font-size:clamp(49px,9vw,70px);line-height:1.05;letter-spacing:-.055em}.arrival h1 em{max-width:none}.arrival-intro{font-size:16px;line-height:1.7;margin-top:23px;max-width:42ch}.arrival-actions{margin-top:25px;gap:14px 22px}.arrival-actions .button{font-size:14px;padding:14px 19px}.arrival-sculpture{height:320px;margin-top:12px;transform:translate3d(calc(var(--arrival-x)*-5px),calc(var(--arrival-scroll)*20px),0)}#numeral-viewer{inset:-30px -15px 30px}.numeral-fallback{font-size:245px}.sculpture-caption{bottom:18px}.sculpture-caption>p{font-size:20px}.sculpture-hint{bottom:-5px;font-size:12px}.arrival-plane{top:40%;right:15%;height:35%;width:40%}.plane-two{top:50%;right:-12%;width:30%}.arrival-brands{margin-top:29px;border-radius:17px;grid-template-columns:1fr}.arrival-brands button{padding:16px 18px;border-inline-end:0;border-bottom:1px solid #a88b5526;gap:18px}.arrival-brands strong{font-size:23px}.arrival-brands small{font-size:13px}.arrival-brand-index{font-size:28px}.arrival-brands button>span:last-child{font-size:23px}.universe-heading :is(h1,h2){font-size:30px}.universe-heading .eyebrow{font-size:12px;margin-bottom:8px}.universe-editorial{top:80px;font-size:12px;gap:12px;min-height:32px}.universe-card-kind{font-size:10px;letter-spacing:.03em}.universe-card-number{font-size:11px}.universe-card-footer h2{font-size:20px}.company-card-category,.card-media-badge,.card-overline{font-size:10px}.universe-caption{bottom:193px;width:87%}.universe-caption>p{font-size:13px}.universe-open{font-size:13px;min-height:40px;margin-top:5px}.universe-controls{bottom:42px;gap:13px}.universe-filters button{font-size:13px;min-height:40px;padding:8px 14px}.universe-pager button{width:42px;height:42px}.universe-pager{gap:9px}#universe-position{font-size:12px;min-width:60px}.universe-tools{gap:14px}.universe-tools button{font-size:12px;min-height:42px}.universe-tools button>span:first-child{font-size:17px}.universe-scroll-hint{font-size:10px}.universe-detail-copy .detail-description{font-size:16px}.universe-detail-copy .button{font-size:14px;padding:13px 18px}.universe-heading{top:121px}.universe-stage::before{height:217px}.section-head>p{font-size:16px}.card-copy p{font-size:15px}.card-copy .text-link{font-size:14px}.audio-specs strong{font-size:48px}.audio-specs span{font-size:13px}.product-watermark{font-size:75vw;top:20px}.viewer-expand{right:17px;top:57px;padding:8px 12px;font-size:12px}.s1-explorer-label{inset:22px 17px auto;font-size:12px;letter-spacing:.05em}.s1-explorer-label span:last-child{font-size:10px}.s1-explorer-media{min-height:680px}#s1-viewer{top:76px;bottom:204px;min-height:330px}.s1-primary-controls{gap:4px}.s1-toolbar button{font-size:12px;padding:8px 10px;min-height:44px}.s1-toolbar{left:12px;right:12px;padding:12px;bottom:20px}.s1-light-control{font-size:12px;gap:8px}.s1-instruction{font-size:12px;bottom:182px;left:26px;right:26px;line-height:1.5}.viewer-toolbar button{font-size:12px;padding:8px 10px}.viewer-bottom{flex-wrap:wrap;justify-content:center;font-size:12px}.viewer-top .eyebrow,.viewer-live{font-size:12px}.watch-viewer{min-height:430px}.explorer-copy{padding:35px 25px}.explorer-copy .eyebrow{font-size:12px}.audio-part strong,.watch-part strong{font-size:16px}.part-description{font-size:15px}.wide-detail>img{height:340px}.detail-gallery img{height:400px}.contact-atelier{grid-template-columns:1fr;gap:35px;margin-top:50px;padding-top:45px}.form-row{grid-template-columns:1fr;gap:24px}.form-end{align-items:flex-start;flex-direction:column;gap:20px}.form-end small{max-width:none}.consultation-dialog{padding:40px 24px 28px}.consultation-dialog h2{font-size:34px}.interactive-panel:fullscreen,.interactive-panel.is-immersive{grid-template-columns:1fr}.interactive-panel:fullscreen .explorer-copy,.interactive-panel.is-immersive .explorer-copy{display:none}.interactive-panel:fullscreen .viewer-side,.interactive-panel.is-immersive .viewer-side{padding:18px}.interactive-panel:fullscreen .viewer-expand,.interactive-panel.is-immersive .viewer-expand{top:55px;right:14px}.interactive-panel:fullscreen #s1-viewer,.interactive-panel.is-immersive #s1-viewer{top:90px;bottom:190px}.interactive-panel:fullscreen .s1-instruction,.interactive-panel.is-immersive .s1-instruction{bottom:170px}.s1-hotspot{padding:4px 8px 4px 5px;font-size:11px}.arrival-direct{font-size:14px}}
@media(max-width:390px){.arrival{padding-inline:20px}.arrival h1{font-size:48px}.universe-controls{left:16px;right:16px}.universe-tools{gap:10px}.universe-filters button{padding-inline:11px}.universe-card-kind{display:none}.s1-toolbar button{padding-inline:8px}.s1-primary-controls{gap:1px}.sculpture-hint{max-width:28ch;margin:auto}.arrival-sculpture{margin-bottom:10px}.universe-heading :is(h1,h2){font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arrival-enter{animation:none!important;opacity:1!important}.arrival-sculpture,.arrival-window,.arrival-plane,.company-card,.photo-button>img,.wide-detail>img,.product-watermark{transform:none!important;transition:none!important}.reading-progress span{transition:none}.arrival-atmosphere{filter:none}}

/* Short mobile screens need a clear space between the card, its caption and controls. */
@media(max-width:800px) and (max-height:699px){
 .universe{--card-h:220px}
 .universe-card{top:42%}
 .universe-caption{bottom:145px;width:88%}
 .universe-caption>p{font-size:12px;line-height:1.35}
 .universe-open{font-size:12px;min-height:34px;margin-top:2px}
 .universe-controls{bottom:24px;row-gap:5px}
 .universe-filters button{min-height:40px;font-size:11px}
 .universe-pager button{width:40px;height:40px}
 .universe-tools button{min-height:40px;font-size:11px}
 .universe-scroll-hint{display:none}
}

/* A stable two-row toolbar keeps the 360° controls usable on narrow phones. */
@media(max-width:440px){
 .viewer-toolbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:100%;max-width:350px;padding:5px}
 .viewer-toolbar button{font-size:11px;min-height:44px;min-width:0;line-height:1.2;padding:7px 3px}
 .viewer-toolbar button:nth-child(-n+3){grid-column:span 2}
 .viewer-toolbar button:nth-child(4){grid-column:3}
 .viewer-toolbar button:nth-child(5){grid-column:4}
 .viewer-bottom{justify-content:center;font-size:12px;padding-inline:7px}
 .viewer-bottom>span{display:none}
 .viewer-bottom input{width:96px}
}