@font-face{font-family:'Modam';font-style:normal;font-weight:200;font-display:swap;src:url('assets/fonts/modam/Modam-ExtraLight.ttf') format('truetype')}
@font-face{font-family:'Modam';font-style:normal;font-weight:300;font-display:swap;src:url('assets/fonts/modam/Modam-Light.ttf') format('truetype')}
@font-face{font-family:'Modam';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/modam/Modam-Regular.ttf') format('truetype')}
@font-face{font-family:'Modam';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/modam/Modam-Medium.ttf') format('truetype')}
@font-face{font-family:'Modam';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/modam/Modam-SemiBold.ttf') format('truetype')}
@font-face{font-family:'Modam';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/modam/Modam-Bold.ttf') format('truetype')}
@font-face{font-family:'Modam';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/modam/Modam-ExtraBold.ttf') format('truetype')}
@font-face{font-family:'Modam';font-style:normal;font-weight:900;font-display:swap;src:url('assets/fonts/modam/Modam-Black.ttf') format('truetype')}
:root{--gold:#b18a35;--ink:#594c37;--line:#a4916d2b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f4f4f1;color:var(--ink);font:12px/1.7 Arial,Helvetica,sans-serif}body.entering{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #9b7834;outline-offset:6px}.portal-defs{position:absolute;width:0;height:0;overflow:hidden}.site-shell{position:relative;isolation:isolate;clip-path:url(#star-portal);min-height:100svh}body:not(.entering) .site-shell{clip-path:none}body.entering .site-shell{opacity:var(--portal-reveal,0)}.glass-field{position:fixed;inset:0;z-index:-1;background:#f3f3f0 url('assets/glass-field.png') center center/cover no-repeat;pointer-events:none}#ambient-particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;filter:none;box-shadow:none}header{position:relative;z-index:5;height:96px;margin:0 5.5%;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:transparent}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{width:35px;height:48px}.brand>span{font-size:18px;letter-spacing:3px}.brand small{display:block;font-size:8px;text-align:center;letter-spacing:3px;line-height:1.1;margin-top:6px}nav{display:flex;align-items:center;gap:36px;margin-left:auto;font-size:11px}nav a,nav button{padding:10px 0;position:relative}nav a:after,nav button:after{content:'';position:absolute;left:0;bottom:5px;height:1px;width:0;background:var(--gold);transition:width .2s}nav a:hover:after,nav button:hover:after{width:100%}.menu-toggle{display:none}#replay{padding:0;font-size:24px;line-height:1}.emblem-stage{position:relative;min-height:calc(100svh - 96px);display:flex;align-items:center;justify-content:center;padding:0 5% 13vh}.sculptural-logo{position:relative;width:min(50vw,65vh,720px);aspect-ratio:1;transform:rotate(-3deg);isolation:isolate}.sculptural-logo>img,.sculptural-logo>svg{width:100%;height:100%;display:block;overflow:visible}.study-scroll{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:32px;height:44px;display:grid;place-items:center;color:#9c804e;font-size:18px}.study-scroll:after{content:'';height:40px;width:1px;background:#a68e563b;position:absolute;top:-33px}.orb-banner{height:100svh;min-height:520px;max-height:1200px;position:relative;overflow:hidden;background:transparent}#liquid-orb{position:absolute;inset:0;width:100%;height:100%;display:block;filter:none;box-shadow:none}.orb-fallback{display:none;position:absolute;left:50%;top:50%;width:min(48vw,52vh);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff1b3,#d9ac48 32%,#b07b25 72%,#edcd80)}.orb-banner.no-webgl .orb-fallback{display:block}footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 5.5%;font-size:10px;color:#786c57;background:transparent}footer>span{letter-spacing:2px;color:#937949}dialog{border:1px solid #cbbb974d;padding:60px;max-width:520px;width:calc(100% - 36px);text-align:center;background:#ffffffdf;backdrop-filter:blur(24px);color:var(--ink)}dialog::backdrop{background:#4e41223d;backdrop-filter:blur(8px)}dialog h2{font:400 46px/1.12 Didot,'Bodoni MT','Times New Roman',serif;letter-spacing:-1px;margin:20px 0}dialog p{font-size:12px;line-height:1.9;color:#807362}dialog>a{display:inline-block;font-size:12px;border-bottom:1px solid var(--gold);padding:12px 0}.small-star{color:var(--gold);font-size:38px}.dialog-close{position:absolute;right:14px;top:10px;font-size:28px}.intro{position:fixed;inset:0;background:#fff;z-index:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.intro canvas{position:absolute;inset:0;width:100%;height:100%;filter:none;box-shadow:none}.intro-mark{width:250px;height:250px;position:relative;transform-origin:50.0935% 10.7935%;will-change:transform}.intro-mark svg{width:100%;height:100%;overflow:visible}.intro-name{position:absolute;top:calc(50% + 153px);font-size:15px;letter-spacing:6px;color:#87611e}.skip{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:10px;color:#87611e;padding:10px 0;border-bottom:1px solid #b99a5b50;white-space:nowrap}.intro-line{stroke-dasharray:var(--path-length);stroke-dashoffset:var(--path-length);animation:draw 950ms var(--delay) cubic-bezier(.4,0,.2,1) forwards}.intro.portal-active .intro-name,.intro.portal-active .skip{visibility:hidden}.portal-rim{position:fixed;inset:0;width:100%;height:100%;z-index:25;pointer-events:none;display:none;overflow:hidden;filter:none}.portal-rim path{stroke:#b18a35;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:none}.intro,.intro-mark,.intro-mark svg{filter:none!important;box-shadow:none!important;text-shadow:none!important}@keyframes draw{to{stroke-dashoffset:0}}
@media(max-width:760px){header{height:85px;margin:0 6%;gap:22px}.brand{gap:9px}.brand img{width:28px;height:40px}.brand>span{font-size:14px;letter-spacing:2px}.brand small{font-size:7px}.menu-toggle{display:block;font-size:10px;padding:0;margin-left:auto}.menu-toggle span{font-size:14px;margin-left:7px}#replay{font-size:22px}nav{display:none;position:absolute;top:85px;left:-7%;right:-7%;padding:20px 7%;background:#fffffff0;backdrop-filter:blur(18px);margin:0;border-bottom:1px solid var(--line);gap:14px}nav.open{display:flex;flex-direction:column;align-items:flex-start}.emblem-stage{min-height:calc(100svh - 85px);padding-bottom:14vh}.sculptural-logo{width:min(94vw,64vh)}.orb-banner{height:92svh;min-height:430px}.glass-field{background-position:51% center}.intro-mark{width:220px;height:220px}.intro-name{top:calc(50% + 135px);font-size:13px}footer{font-size:9px;padding:25px 7%;gap:14px}footer>span{letter-spacing:1px}dialog{padding:45px 25px}dialog h2{font-size:40px}}
@media(max-width:350px){header{gap:14px}.brand>span{font-size:12px;letter-spacing:1.6px}.brand img{width:24px}.menu-toggle span{margin-left:3px}footer{gap:8px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.intro{display:none}.site-shell{clip-path:none!important;opacity:1!important}body.entering{overflow:auto}#ambient-particles{display:none}}

/* Restore the particle hero; compose the rest as a vertical glass poster. */
.glass-field{position:absolute;inset:0;background:#f4f4f2 none center top/100% 100% no-repeat;pointer-events:none}
.glass-field{z-index:-1}

#ambient-particles{z-index:4}
header{z-index:6}
.orb-banner{height:calc(100svh - 96px);min-height:460px;max-height:1100px;z-index:4}
.emblem-stage{min-height:110svh;padding:0 6% 24vh;z-index:1}
.sculptural-logo{width:min(40vw,55vh,590px);transform:none}
footer{z-index:5}
@media(max-width:760px){.orb-banner{height:calc(100svh - 85px);min-height:420px}.emblem-stage{min-height:100svh;padding-bottom:23vh}.sculptural-logo{width:min(75vw,48vh)}.glass-field{background-position:center top;background-size:100% 100%}}
/* Keep the poster's gold wave behind the lower part of the emblem. */
.glass-field{background-size:100% 125%}

@media(max-width:760px){.glass-field{background-size:100% 125%}}

/* The former image ribbon is replaced entirely with an animated grain field. */
#particle-wave{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;filter:none;box-shadow:none}

.glass-field{bottom:auto;height:var(--glass-height,100%)}

/* Continue the same glass beneath the supplied image’s transparent sky. */
.glass-field{height:auto;bottom:0;background-size:100% var(--glass-art-height,125%)}

/* Code-rendered, continuously evolving fabric; no background image. */
.glass-field{position:fixed;inset:0;height:100vh;background:#f4f4f4!important}
#fabric{position:absolute;inset:0;width:100%;height:100%;display:block}
#theme-toggle{font-size:10px;white-space:nowrap;padding:8px}
body[data-mode=dark]{--ink:#eee4d3;--line:#bca57830;background:#101218;color:var(--ink)}
body[data-mode=dark] nav.open,body[data-mode=dark] dialog{background:#14171de8;color:#eee4d3}

body[data-mode=dark] .brand img{filter:brightness(1.35)}
.sand-wordmark{position:absolute;top:36%;width:30%;height:13vw;max-height:190px;z-index:5;touch-action:pan-y}
.word-left{left:2%}.word-right{right:2%}
@media(max-width:760px){header{gap:12px}.brand>span{font-size:12px;letter-spacing:1.4px}#theme-toggle{font-size:9px;padding:5px}.sand-wordmark{top:57%;height:90px;width:43%}.word-left{left:6%}.word-right{right:6%}.orb-banner{min-height:470px}}

/* Fixed metallic wordmarks, preserving the supplied glyphs. */
.metal-wordmark{position:absolute;top:36%;height:13vw;max-height:190px;z-index:5;object-fit:contain;pointer-events:none}.metal-wordmark.word-left{left:2.5%;width:28%}.metal-wordmark.word-right{right:2%;width:32.5%}
.emblem-stage{position:relative;min-height:0;height:clamp(340px,55vh,640px);padding:0;display:grid;place-items:center;overflow:hidden;isolation:isolate}
#particle-wave{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.wave-message{position:relative;z-index:3;margin:0;padding:14px 22px;font:400 clamp(25px,3.4vw,49px)/1.18 Didot,'Times New Roman',serif;text-align:center;color:var(--ink);max-width:85%;background:radial-gradient(ellipse,#faf9f4e8,transparent 72%);backdrop-filter:blur(2px)}
body[data-mode=dark] .wave-message{background:radial-gradient(ellipse,#101218e6,transparent 72%)}
.glass-field:after{content:'';position:fixed;inset:0;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.75'/%3E%3C/svg%3E");mix-blend-mode:multiply}
body[data-mode=dark] .glass-field:after{mix-blend-mode:screen;opacity:.04}
@media(max-width:760px){.metal-wordmark{top:57%;height:90px}.metal-wordmark.word-left{left:6%;width:39.5%}.metal-wordmark.word-right{right:6%;width:46%}.emblem-stage{height:330px}.wave-message{max-width:92%;padding:14px 10px;font-size:29px}}
/* Reference-led runway: receding looks on the left, vertical colour depth on right. */
.runway{position:relative;z-index:5;margin:0 6%;padding:70px 0 40px;isolation:isolate}
.runway-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}
.runway-heading h2{font:400 clamp(30px,3.7vw,54px)/1.1 Didot,'Times New Roman',serif;margin:0;color:var(--ink)}
.runway-controls{display:flex;align-items:center;gap:16px;font-size:10px}.runway-controls button{padding:8px;font-size:14px}.runway-controls #look-play{font-size:10px;min-width:45px}
.runway-grid{display:grid;grid-template-columns:minmax(0,1fr) 24%;height:clamp(470px,70vh,830px);background:#fafaf8;overflow:hidden;color:#5b4f3a;border:1px solid #b6a68124}
.runway-models{position:relative;perspective:950px;perspective-origin:65% 55%;overflow:hidden;isolation:isolate;touch-action:pan-y;background:#fafaf8}
.runway-look{position:absolute;bottom:0;left:0;width:52%;height:93%;transform-style:preserve-3d;transform-origin:50% 100%;will-change:transform,opacity;pointer-events:none;mix-blend-mode:multiply}
.runway-look img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;user-select:none;mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent)}
.runway-colours{position:relative;border-left:1px solid #b6a68124;padding:16px 13px;overflow:hidden;background:#f9f9f6}
.runway-colours h3{font:10px Arial,sans-serif;font-weight:400;letter-spacing:.5px;margin:0 0 12px;position:relative;z-index:4}
.colour-viewport{position:absolute;inset:42px 12px 10px;perspective:800px;perspective-origin:50% 35%;overflow:hidden}
.colour-look{position:absolute;top:0;left:0;width:100%;height:40%;padding:0 4px 12px;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform,opacity;border-bottom:1px solid #b6a68138;text-align:left;mix-blend-mode:multiply}
.colour-look img{width:100%;height:calc(100% - 25px);object-fit:contain;display:block;pointer-events:none}.colour-look span{display:block;font-size:10px;line-height:1.4;margin-top:5px;text-transform:capitalize}.colour-look.selected span:before{content:'●';color:#ac894b;margin-right:7px}
.runway-caption{padding:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:4px 30px}.runway-caption>span{font-size:13px;text-transform:capitalize}.runway-caption p{font-size:11px;margin:0;text-align:right}.runway-caption small{font-size:9px;opacity:.62;grid-column:1/-1}
@media(max-width:760px){.runway{margin:0 5%;padding:45px 0 30px}.runway-heading{align-items:start;gap:15px}.runway-heading h2{font-size:31px;max-width:190px}.runway-controls{gap:4px;flex-wrap:wrap;justify-content:end}.runway-controls button{padding:6px}.runway-grid{grid-template-columns:minmax(0,1fr) 29%;height:540px}.runway-look{width:78%;height:89%}.runway-models{perspective:650px}.runway-colours{padding:14px 8px}.runway-colours h3{font-size:9px}.colour-viewport{left:5px;right:5px}.colour-look span{font-size:8px}.runway-caption{display:block}.runway-caption p{text-align:left;margin:5px 0}.runway-caption small{display:block;line-height:1.6;margin-top:7px}}
body[data-mode=dark] .runway-grid{border-color:#b6a68140}
@media(prefers-reduced-motion:reduce){.runway-look,.colour-look{will-change:auto}}
/* One framed scene includes its heading, images, caption and controls. */
.runway{margin:50px 5%;padding:0;background:#fafaf8;color:#594c37;border:1px solid #b6a68135;overflow:hidden}
.runway-heading{padding:24px 26px 12px;margin:0}.runway-heading h2{font-size:clamp(26px,3vw,43px);color:#594c37}
.runway-grid{border:0;height:clamp(470px,65vh,720px);grid-template-columns:minmax(0,1fr) 23%}
.runway-models{perspective:1000px;perspective-origin:60% 55%;cursor:grab;touch-action:pan-y}.runway-models.dragging{cursor:grabbing}
.runway-look{height:96%;width:58%;bottom:0;opacity:1!important;mix-blend-mode:normal}
.runway-look img{mask-image:none;object-fit:contain;pointer-events:none;object-position:center bottom}
.colour-viewport{position:relative;inset:auto;height:calc(100% - 24px);display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:16px;overflow:hidden}
.colour-look{position:relative!important;inset:auto;transform:none!important;opacity:1!important;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:8px 4px 12px;mix-blend-mode:normal;will-change:auto}
.colour-look img{height:calc(100% - 32px);min-height:0;flex:1;object-fit:contain}.colour-look span{flex:none;line-height:1.3;font-size:10px;min-height:26px;margin-top:6px}
.runway-caption{padding:18px 26px 24px;margin:0;border-top:1px solid #b6a68124;color:#594c37}
.metal-wordmark{top:50%;transform:translateY(-50%)}
@media(max-width:760px){.runway{margin:28px 4%}.runway-heading{padding:18px 14px 10px;align-items:center}.runway-heading h2{font-size:25px;max-width:none}.runway-controls{flex-wrap:nowrap;gap:2px}.runway-grid{height:430px;grid-template-columns:minmax(0,1fr) 28%}.runway-look{height:94%;width:89%}.runway-colours{padding:10px 6px}.colour-viewport{gap:12px}.colour-look span{font-size:8px}.runway-caption{padding:14px}.metal-wordmark{top:36.5%;height:70px}.metal-wordmark.word-left{left:1%;width:26%}.metal-wordmark.word-right{right:1%;width:29%}}

.runway-models{perspective-origin:10% 65%}.runway-look{width:auto}.runway-controls #look-count{white-space:nowrap}.runway-heading h2{max-width:75%}

@media(min-width:761px){.metal-wordmark.word-left{left:3%;width:26%}.metal-wordmark.word-right{right:2%;width:30.2%}}

/* Responsive polish: compact hierarchy, soft stage, continuous particle scale. */
body.entering .site-shell{position:relative;inset:auto;height:auto;overflow:clip}
.brand{align-items:center}.brand>span{display:block;line-height:1;letter-spacing:2.2px;font-size:16px}
.wave-message,body[data-mode=dark] .wave-message{background:none;backdrop-filter:none;font-size:clamp(23px,2.6vw,38px);max-width:90%;padding:0}
.metal-wordmark.word-left{width:22%;left:5%}.metal-wordmark.word-right{width:25.6%;right:5%}
.runway{border-radius:16px;border-color:#b6a68145;box-shadow:0 14px 50px #4b402c08}
.runway-heading h2{font-size:clamp(24px,2.5vw,36px)}.runway-heading{padding:23px 26px 12px}.runway-caption{font-size:11px}
.runway-grid{background:linear-gradient(115deg,#fafaf8,#f5f5f1)}.runway-models{background:transparent}.runway-colours{background:#f5f4efaa}
.runway-caption p{font-size:10px}.runway-caption>span{font-size:12px}
.glass-field:after{opacity:.075;background-size:130px 130px}
@media(min-width:761px){.metal-wordmark.word-left{width:22%;left:5%}.metal-wordmark.word-right{width:25.6%;right:5%}}
@media(max-width:760px){header{height:72px;margin:0 5%;gap:10px}.brand img{width:25px;height:34px}.brand>span{font-size:12px;letter-spacing:1.3px}.orb-banner{height:clamp(390px,67svh,590px);min-height:0;max-height:none}.metal-wordmark{top:36.5%;height:55px}.metal-wordmark.word-left{left:3%;width:23%}.metal-wordmark.word-right{right:3%;width:26.7%}.runway{margin:20px 4%;border-radius:12px}.runway-grid{height:410px}.runway-heading{padding:17px 14px 10px}.runway-heading h2{font-size:24px}.emblem-stage{height:270px}.wave-message{font-size:26px}.runway-caption{padding:13px 14px}}
@media(min-width:761px) and (max-aspect-ratio:3/4){.orb-banner{height:58svh;min-height:580px}.runway-grid{height:650px}.emblem-stage{height:400px}}

/* White pigment overlay preserves detail without raising exposure. */
.runway-look .look-veil{position:absolute;inset:0;filter:brightness(0) invert(1);pointer-events:none}
.colour-viewport{display:block;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#b6a68170 transparent;perspective:none;position:relative;height:calc(100% - 24px)}
.colour-group{height:100%;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:14px;scroll-snap-align:start;scroll-snap-stop:always;padding-bottom:8px}
.colour-look{min-height:0}.colour-look img{max-height:calc(100% - 32px)}
.runway-caption{display:flex;align-items:center;justify-content:space-between;gap:18px}
.product-link{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid #b6a68185;padding:6px 0;font-size:11px;white-space:nowrap}.product-link span{font-size:16px;transition:transform .25s}.product-link:hover span{transform:translate(2px,-2px)}
/* Joined category previews: the hovered panel lifts over its neighbours. */
.categories{position:relative;z-index:5;margin:70px 5% 50px}
.category-heading{margin-bottom:30px;text-align:center}.category-heading>span{display:none}.category-heading h2{font:400 clamp(25px,3vw,40px)/1.1 Didot,'Times New Roman',serif;margin:0}
.category-cards{display:flex;position:relative;overflow:visible;isolation:isolate;height:clamp(190px,19vw,285px);padding:0;margin:20px 0}
.category-card{position:relative;flex:1;min-width:0;overflow:hidden;isolation:isolate;display:grid;place-items:center;padding:20px;border:1px solid #b3a17c9e;background:#f5f3ed;color:#fffaf0;z-index:1;transform:scale(1);transform-origin:center;transition:transform .58s cubic-bezier(.22,1,.36,1),border-color .5s;will-change:transform}
.category-card+.category-card{margin-left:-1px}.category-card:first-child{border-radius:19px 0 0 19px;transform-origin:left center}.category-card:last-child{border-radius:0 19px 19px 0;transform-origin:right center}
.category-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;z-index:-2;display:block}
.category-silk{display:none}
.category-card:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#30231246,transparent 75%);transition:opacity .55s}
.category-card:after{content:'';position:absolute;inset:-50%;z-index:0;pointer-events:none;background:linear-gradient(115deg,#9f752a9c 15%,#c39b50bd 43%,#f5df9bb8 51%,#c3a05cb3 60%,#a27b3499 85%);background-size:150% 150%;animation:category-gold 8s ease-in-out infinite alternate;opacity:1;transition:opacity .55s}
.category-card:nth-child(2):after{animation-delay:-2.7s}.category-card:nth-child(3):after{animation-delay:-5.4s}
.category-card h3{position:relative;z-index:1;text-align:center;font:400 clamp(22px,2.45vw,36px)/1.12 Didot,'Times New Roman',serif;margin:0;transition:transform .58s cubic-bezier(.22,1,.36,1);transform:scale(1);text-shadow:0 1px 12px #38270f55}
.category-card:focus-visible{outline:2px solid #b18a35;outline-offset:4px;z-index:3}
@media(hover:hover){.category-cards .category-card:hover{flex:1;z-index:3;transform:scale(1.12);border-color:#b79c67}.category-card:hover:after{opacity:0}.category-card:hover h3{transform:scale(.94)}}
.category-card:focus-visible{transform:scale(1.08)}.category-card:focus-visible:after{opacity:0}.category-card:focus-visible h3{transform:scale(.97)}
@keyframes category-gold{to{background-position:85% 65%;transform:translateX(12%) rotate(3deg)}}
@media(max-width:760px){
 .metal-wordmark{top:69%;height:46px;transform:translateY(-50%)}
 .metal-wordmark.word-left{left:18%;width:29%}.metal-wordmark.word-right{right:18%;width:33.7%}
 .orb-banner .study-scroll{bottom:15px}
 .categories{margin:42px 4% 32px}.category-heading{margin-bottom:24px}.category-heading h2{font-size:28px}
 .category-cards{height:185px;margin:14px 0}.category-card{padding:8px}.category-card:first-child{border-radius:13px 0 0 13px}.category-card:last-child{border-radius:0 13px 13px 0}.category-card h3{font-size:clamp(15px,4.1vw,21px)}
 .colour-group{gap:10px}.product-link{font-size:10px;gap:10px}.runway-caption>span{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.category-card:after{animation:none}.category-card,.category-card h3{transition:none}}
/* The shared timeline drives both panes; native forced snapping is disabled. */
.colour-viewport{scroll-snap-type:none;scroll-behavior:auto;overflow-anchor:none}
.colour-group{scroll-snap-align:none;scroll-snap-stop:normal}
.runway-look{will-change:transform;contain:layout style}
.runway-look img{backface-visibility:hidden}

/* The footer ends in the original wordmark, fading into its surface. */
.constellation-footer{display:block;position:relative;z-index:5;isolation:isolate;overflow:hidden;padding:34px 5.5% 0;background:#fafaf8;color:var(--ink);border-top:1px solid var(--line)}
#footer-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.footer-details,.footer-signature,.footer-bottom{position:relative;z-index:1}
.footer-details{display:flex;justify-content:flex-end}
.footer-location{font-size:11px;line-height:1.8}.footer-location>a{display:inline-block;padding-bottom:6px;border-bottom:1px solid #b8a16b6b}.footer-location p{margin:10px 0 0;font-size:10px;opacity:.8}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding-top:15px;border-top:1px solid var(--line);font-size:9px}.footer-bottom>span{letter-spacing:2px;color:#a78b51}.footer-bottom nav{display:flex;position:static;gap:24px;margin:0;padding:0;border:0;background:none;backdrop-filter:none;font-size:10px}.footer-top{font-size:10px;display:inline-flex;align-items:center;gap:7px}
.footer-signature{display:block;margin:34px 0 -2px;padding:0;color:#beb17c;line-height:0}.footer-wordmark{display:block;width:100%;height:auto;overflow:visible}.footer-letter-o{transform-box:fill-box;transform-origin:center;transition:transform .9s cubic-bezier(.22,1,.36,1)}
.footer-signature:hover .footer-letter-o,.footer-signature:focus-visible .footer-letter-o{transform:rotate(90deg)}
body[data-mode=dark] .constellation-footer{background:#0c0c0c;color:#e3d8c1}body[data-mode=dark] .footer-signature{color:#b8ad7a}
@media(max-width:760px){.constellation-footer{padding:27px 6% 0}.footer-details{justify-content:flex-start}.footer-location{font-size:10px}.footer-location p{font-size:9px}.footer-bottom{gap:10px;margin-top:20px}.footer-bottom>span{font-size:7px;letter-spacing:1px}.footer-bottom nav{display:flex;flex-direction:row;gap:10px;font-size:9px}.footer-top{font-size:9px;gap:4px}.footer-signature{margin:30px -2% -1px}}
@media(prefers-reduced-motion:reduce){.footer-letter-o{transition:none}}
/* Custom O-derived SVG family. No text glyphs or icon fonts. */
.icon-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.ui-icon{display:inline-block;width:22px;height:22px;flex:none;vertical-align:middle;fill:none;color:inherit}
#replay{display:grid;place-items:center;width:28px;height:30px}#replay .ui-icon{width:25px;height:25px}
#theme-toggle{display:inline-flex;align-items:center;gap:5px}.menu-toggle{align-items:center;gap:7px}
.runway-controls button{display:grid;place-items:center;padding:7px}.runway-controls .ui-icon{width:24px;height:24px}.product-link .ui-icon{width:21px;height:21px;transition:transform .25s}.product-link:hover .ui-icon{transform:translate(2px,-2px)}
.dialog-close .ui-icon{width:28px;height:28px}#shop-dialog>.ui-icon{width:38px;height:38px;color:var(--gold)}#shop-dialog>a .ui-icon{width:18px;height:18px;margin-left:6px}.study-scroll .ui-icon{width:28px;height:28px}
.category-cards .category-card.is-previewing{z-index:3;transform:scale(1.12);border-color:#b79c67}.category-card.is-previewing:after{opacity:0}.category-card.is-previewing h3{transform:scale(.94)}
@media(max-width:760px){.menu-toggle{display:inline-flex}.ui-icon{width:19px;height:19px}#theme-toggle{gap:3px}#theme-toggle .ui-icon{width:18px;height:18px}.runway-heading h2{font-size:21px;max-width:65%}.runway-controls button{padding:4px}.runway-controls .ui-icon{width:21px;height:21px}}

/* Lighter controls retain generous hit areas. */
.ui-icon{width:18px;height:18px}#replay .ui-icon{width:20px;height:20px}.runway-controls .ui-icon{width:19px;height:19px}.product-link .ui-icon{width:17px;height:17px}.dialog-close .ui-icon{width:23px;height:23px}.study-scroll .ui-icon{width:23px;height:23px}#shop-dialog>.ui-icon{width:31px;height:31px}
.runway-controls button{min-width:30px;min-height:30px;padding:5px}
.product-link{padding:9px 14px;border:1px solid #b6a06a;border-radius:5px;background:#bcad7c;color:#27251e;gap:16px;transition:background .3s,border-color .3s}.product-link:hover{background:#cbbc8b;border-color:#bfa86a}
/* Quiet contact row, close to the signature. */
.footer-details{justify-content:initial}.footer-location{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;font-size:13px}.footer-location p{margin:0;text-align:right;font-size:12px}.footer-location>a{padding-bottom:5px}.footer-bottom{margin-top:15px;padding-top:12px}.footer-signature{margin-top:12px}
/* The collection shares the dark palette instead of a white studio panel. */
.runway,.runway-grid,.runway-heading h2,.runway-caption,.runway-colours{transition:background .45s,color .45s,border-color .45s}
body[data-mode=dark] .runway{background:#1a1c1f;color:#e1d7c1;border-color:#b7a47642;box-shadow:none}
body[data-mode=dark] .runway-heading h2,body[data-mode=dark] .runway-caption{color:#e1d7c1}
body[data-mode=dark] .runway-grid{background:linear-gradient(115deg,#fafaf8,#f5f5f1);color:#594c37}
body[data-mode=dark] .runway-colours{background:#f5f4efaa;border-color:#b6a68124}
body[data-mode=dark] .runway-caption{border-color:#b7a47635}body[data-mode=dark] .colour-look{border-color:#b6a68138}
body[data-mode=dark] .runway-look .look-veil{filter:brightness(0) invert(1)}
/* The main header becomes a compact floating glass line after scrolling. */
.header-space{height:96px;position:relative;z-index:30}
#site-header{transition:background .35s,border-color .35s,height .35s;z-index:30}
#site-header.is-scrolled{position:fixed;top:12px;left:5.5%;right:5.5%;margin:0;height:58px;padding:0 18px;border:1px solid #b3a57d40;border-radius:8px;background:#fafbf9b8;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
#site-header.is-scrolled .brand{position:absolute;left:50%;transform:translateX(-50%);gap:9px}#site-header.is-scrolled .brand img{width:25px;height:33px}#site-header.is-scrolled .brand>span{font-size:12px;letter-spacing:1.8px}
#site-header.is-scrolled .menu-toggle{display:inline-flex;margin:0;gap:7px;align-items:center;font-size:10px}#site-header.is-scrolled #theme-toggle{margin-left:auto}#site-header.is-scrolled #replay{display:none}
#site-header.is-scrolled #navigation{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:calc(100% + 10px);left:0;right:0;margin:0;gap:4px;border:1px solid #b3a57d40;border-radius:8px;background:#fafbf9ed;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);max-height:0;padding:0 18px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:max-height .4s cubic-bezier(.22,1,.36,1),padding .4s,opacity .25s,transform .4s,visibility .4s}
#site-header.is-scrolled #navigation.open{max-height:360px;padding:16px 18px;opacity:1;visibility:visible;transform:translateY(0)}
#site-header.is-scrolled #navigation a,#site-header.is-scrolled #navigation button{text-align:left;padding:8px 0}
body[data-mode=dark] #site-header.is-scrolled{background:#17191cc9;border-color:#b3a57d42}body[data-mode=dark] #site-header.is-scrolled #navigation{background:#191b1fee}
#theme-storm{position:fixed;inset:0;width:100%;height:100%;z-index:80;pointer-events:none;display:none}#theme-storm.active{display:block}
body.theme-changing .constellation-footer{transition:background .5s,color .5s}body.theme-changing #theme-toggle{cursor:wait}
@media(max-width:760px){
 .header-space{height:72px}#theme-toggle .ui-icon{width:16px;height:16px}.runway-controls .ui-icon{width:18px;height:18px}
 #site-header:not(.is-scrolled) #navigation{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:calc(100% + 2px);left:0;right:0;margin:0;gap:4px;border-radius:8px;border:1px solid #b3a57d40;max-height:0;padding:0 16px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);background:#fafbf9ed;backdrop-filter:blur(24px);transition:max-height .4s cubic-bezier(.22,1,.36,1),padding .4s,opacity .25s,transform .4s,visibility .4s}
 #site-header:not(.is-scrolled) #navigation.open{max-height:360px;padding:16px;opacity:1;visibility:visible;transform:translateY(0)}
 #site-header:not(.is-scrolled) #navigation a,#site-header:not(.is-scrolled) #navigation button{text-align:left;padding:8px 0}
 body[data-mode=dark] #site-header:not(.is-scrolled) #navigation{background:#191b1fee}
 #site-header.is-scrolled{left:4%;right:4%;top:9px;height:54px;padding:0 12px}#site-header.is-scrolled .brand>span{font-size:10px;letter-spacing:1px}#site-header.is-scrolled .brand img{width:22px;height:29px}#site-header.is-scrolled .brand{gap:6px}#site-header.is-scrolled .menu-toggle{font-size:9px}
 .footer-location{display:block;font-size:12px}.footer-location p{text-align:left;font-size:11px;margin-top:9px}.footer-bottom{margin-top:13px;padding-top:10px}.footer-signature{margin-top:10px}
 .product-link{padding:8px 10px;gap:8px}
}
@media(prefers-reduced-motion:reduce){#navigation,#site-header{transition:none!important}}

/* Modam for all interface text; existing vector brand artwork is preserved. */
body,body :is(h1,h2,h3,h4,h5,h6,button,input,textarea,select){font-family:'Modam',Arial,sans-serif!important}

/* Persian copy follows RTL; the photographed scene keeps its art direction. */
#language-toggle{font-size:11px;direction:ltr;unicode-bidi:isolate}
.footer-location p{white-space:pre-line}
html[dir=rtl] body{letter-spacing:0}
html[dir=rtl] #site-header{direction:ltr}
html[dir=rtl] #site-header .brand{direction:ltr}html[dir=rtl] #site-header .menu-toggle,html[dir=rtl] #theme-toggle{direction:rtl}


html[dir=rtl] #navigation{direction:rtl}
html[dir=rtl] #site-header #navigation a,html[dir=rtl] #site-header #navigation button{text-align:right}
html[dir=rtl] #site-header #navigation #language-toggle{text-align:left}
html[dir=rtl] .runway-heading,html[dir=rtl] .runway-caption{direction:rtl;text-align:right}
.runway-grid,.runway-models,.runway-controls{direction:ltr}
html[dir=rtl] .runway-colours,html[dir=rtl] .colour-look{direction:rtl;text-align:right}
html[dir=rtl] .colour-look.selected span:before{margin-right:0;margin-left:6px}
html[dir=rtl] .runway-heading h2,html[dir=rtl] .category-heading h2{line-height:1.55}
html[dir=rtl] .category-card h3{line-height:1.6;font-size:clamp(20px,2.1vw,31px)}
html[dir=rtl] .category-card+.category-card{margin-left:0;margin-right:-1px}
html[dir=rtl] .category-card:first-child{border-radius:0 19px 19px 0;transform-origin:right center}
html[dir=rtl] .category-card:last-child{border-radius:19px 0 0 19px;transform-origin:left center}
html[dir=rtl] .footer-location p{text-align:left}
html[dir=rtl] .footer-bottom>span{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] dialog h2{line-height:1.5;font-size:34px}
html[dir=rtl] .product-link{letter-spacing:0}
@media(max-width:760px){
 
 
 html[dir=rtl] .category-card:first-child{border-radius:0 13px 13px 0}
 html[dir=rtl] .category-card:last-child{border-radius:13px 0 0 13px}
 html[dir=rtl] .category-card h3{font-size:clamp(14px,3.8vw,19px)}
 html[dir=rtl] .runway-heading h2{font-size:20px}
 html[dir=rtl] .footer-location p{text-align:right}
 html[dir=rtl] .runway-caption{gap:8px}
 html[dir=rtl] .product-link{font-size:10px;padding:8px}
}

/* A short grain transition flows into the footer without a hard seam. */
.emblem-stage{height:clamp(200px,19vw,250px);min-height:0;padding:0;overflow:visible;pointer-events:none}
#particle-wave{bottom:auto;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 80%,transparent)}
.constellation-footer{border-top:0;background:linear-gradient(to bottom,transparent,#fafaf8 64px)}
body[data-mode=dark] .constellation-footer{background:linear-gradient(to bottom,transparent,#0c0c0c 64px)}
@media(max-width:760px){.emblem-stage{height:clamp(120px,35vw,150px)}.constellation-footer{background:linear-gradient(to bottom,transparent,#fafaf8 42px)}body[data-mode=dark] .constellation-footer{background:linear-gradient(to bottom,transparent,#0c0c0c 42px)}}

/* One horizontal contact row in both languages and at phone widths. */
.footer-location{display:grid;grid-template-columns:1.1fr .9fr 1.4fr;align-items:start;gap:24px;width:100%}
.footer-location>a{justify-self:start;max-width:100%;font-size:13px;line-height:1.8;text-decoration:none}
.footer-location .footer-phone{display:flex;flex-direction:column;gap:4px;border:0;padding:0}
.footer-phone>span{font-size:11px;opacity:.75}
.footer-phone bdi{white-space:nowrap;border-bottom:1px solid #b8a16b6b;padding-bottom:5px}
.footer-location p,html[dir=rtl] .footer-location p{margin:0;text-align:start;font-size:12px;line-height:1.9}
.footer-location a:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@media(max-width:760px){
 .footer-location{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:12px;align-items:start}
 .footer-location>a{font-size:10px;line-height:1.8}
 .footer-location>a:first-child{display:flex;flex-direction:column;gap:4px;border:0;padding:0;font-size:0}
 .footer-location>a:first-child span{font-size:10px;opacity:.75}
 .footer-location>a:first-child bdi{font-size:9px;padding-bottom:5px;border-bottom:1px solid #b8a16b6b}
 .footer-location .footer-phone{gap:4px}
 .footer-phone>span{font-size:10px}
 .footer-phone bdi{font-size:10px}
 .footer-location p,html[dir=rtl] .footer-location p{font-size:10px;margin:0;text-align:start;line-height:1.9}
}

.footer-details{border-top:1px solid var(--line);padding-top:15px}
@media(max-width:760px){.footer-details{padding-top:12px}}

/* Match the phone contact hierarchy on desktop: label above value. */
.footer-location>a:first-child{display:flex;flex-direction:column;gap:4px;border:0;padding:0;font-size:0}
.footer-location>a:first-child span{font-size:11px;opacity:.75}
.footer-location>a:first-child bdi{font-size:13px;padding-bottom:5px;border-bottom:1px solid #b8a16b6b}
@media(max-width:760px){.footer-location>a:first-child span{font-size:10px}.footer-location>a:first-child bdi{font-size:9px}}

/* English-only closing notes; no panel, shadow or added section height. */
.emblem-stage .wave-quote{position:relative;z-index:3;opacity:0;margin:0;padding:0 20px;width:min(92%,760px);text-align:center;font-size:clamp(18px,2.1vw,28px);font-weight:300;line-height:1.6;letter-spacing:.1px;color:#b7a36e;pointer-events:none}
body[data-mode=dark] .emblem-stage .wave-quote{color:#c6b47b}
@media(max-width:760px){.emblem-stage .wave-quote{font-size:18px;max-width:340px;padding-inline:12px}}

[hidden]{display:none!important}

/* The palette commits under an opaque storm, without a second background tween. */
body.theme-changing .constellation-footer{transition:none!important}
#theme-storm.active{pointer-events:auto}
#theme-toggle{min-width:52px}
/* The compact header arrives at its final geometry, then gently settles in. */
#site-header.is-scrolled{animation:floating-header-arrival .42s cubic-bezier(.2,.7,.2,1) both;transition:background .35s,border-color .35s}
@keyframes floating-header-arrival{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#site-header.is-scrolled{animation:none!important}}