/* Six luxury houses with different composition, material and rhythm. */
.mono{background:var(--bg);color:var(--fg)}.mono header{flex-wrap:wrap;gap:16px}.mono .stage-photo,.mono .material-mark{display:none}.mono .stage{border:0!important;border-radius:0!important;padding:0!important;overflow:hidden;isolation:isolate}.mono .stage-art{z-index:1}.mono .hero{overflow:hidden}.mono .hero h1{max-width:none}.mono .house-story{padding:85px 7vw}.house-story .chapter{font:10px/1.6 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}.house-story h2{font-size:clamp(35px,4.8vw,76px);font-weight:400;line-height:1.12;margin:25px 0;max-width:19ch}.house-details{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.house-details article{border-top:1px solid currentColor;padding-top:22px}.house-details h3{font-size:23px;font-weight:400}.house-details p{font:14px/1.9 Arial,sans-serif;max-width:42ch}.mono .signature{position:relative;transition:transform 1s,color .8s}.mono .mode{cursor:pointer}.mono button:focus-visible,.mono a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.mono .closing h2{font-size:clamp(32px,4vw,60px);line-height:1.12}.mono .closing .cta{flex-shrink:0}.mono .selection{min-height:170px}.mono .selection p{max-width:56ch}.mono .stage-meta{color:var(--fg);font-size:10px}.mono .intro{max-width:44ch}
/* AUREL VALE: quiet luxury, editorial negative space, folded silk. */
body.kind-fashion{--bg:#f1eee6!important;--fg:#35362e!important;--accent:#a58e68!important}.kind-fashion header{border-color:#35362e22}.kind-fashion .wordmark{font-size:19px;letter-spacing:.28em}.kind-fashion .hero{grid-template-columns:1.05fr .95fr!important;gap:3vw;padding:70px 7vw 80px!important;min-height:760px}.kind-fashion .hero-copy{padding:45px 0!important}.kind-fashion h1{font:400 clamp(62px,6.4vw,105px)/1.03 'Palatino Linotype',Palatino,Georgia,serif!important;letter-spacing:-.045em}.kind-fashion .eyebrow{color:#817357}.kind-fashion .hero .stage{min-height:650px;background:#e6e1d6;border-radius:48% 48% 0 0!important}.silk-fold{width:68%;height:75%;background:linear-gradient(115deg,#9d8c72,#efdfc1 22%,#b2a18a 39%,#fff1d6 47%,#a3917b 59%,#e1cfb0 78%,#9b896e);clip-path:polygon(24% 0,85% 6%,100% 80%,76% 100%,0 88%,12% 30%);transform:rotate(-8deg);box-shadow:20px 30px 30px #0002;animation:silkBreath 14s ease-in-out infinite}.silk-fold:after{content:'AV';position:absolute;bottom:13%;right:13%;font:italic 52px Georgia,serif;color:#594e3b70}.kind-fashion .house-story{padding:110px 12vw;background:#e4ded1}.kind-fashion .house-details{gap:65px}.kind-fashion .instrument{background:#f8f6f0}.kind-fashion .editorial .image{height:560px;clip-path:inset(0 10% 0 0)}.kind-fashion .editorial h2{font-size:clamp(40px,5vw,72px)}.kind-fashion .closing{background:#35362e;color:#f1eee6}.kind-fashion[data-state='1'] .silk-fold{rotate:12deg;filter:sepia(.3)}.kind-fashion[data-state='2'] .silk-fold{scale:.9;filter:grayscale(.5)}
/* PALAZZO VESPER: opulent symmetry, gilded arch and ruby object. */
body.kind-gallery{--bg:#301923!important;--fg:#ead9a7!important;--accent:#c7a35c!important}.kind-gallery header{border-bottom:1px solid #c7a35c60;text-align:center}.kind-gallery .wordmark{letter-spacing:.14em}.kind-gallery .hero{display:flex!important;flex-direction:column!important;text-align:center;padding:70px 7vw 30px!important;gap:35px!important;background:radial-gradient(ellipse at 50% 65%,#8d3a4130,transparent 65%)}.kind-gallery .hero-copy{align-items:center;padding:0!important;max-width:1000px}.kind-gallery h1{font:400 clamp(60px,7.8vw,124px)/1.02 Georgia,serif!important;letter-spacing:-.04em}.kind-gallery .intro{max-width:54ch;color:#cdbc97}.kind-gallery .hero .stage{width:min(920px,100%);min-height:550px;background:repeating-linear-gradient(90deg,transparent 0 14%,#d9b97012 14.1% 14.3%,transparent 14.4% 28%)}.gilded-arch{width:370px;height:470px;border:18px double #c7a35c;border-radius:50% 50% 0 0;background:radial-gradient(ellipse,#763846,#23131c);box-shadow:0 0 0 1px #ead9a7,0 0 0 17px #c7a35c15,inset 0 0 0 8px #c7a35c25;display:grid;place-items:center}.gilded-vessel{width:150px;height:220px;border-radius:35% 35% 45% 45%;background:linear-gradient(90deg,#511823,#c46166 30%,#702734 70%,#35111a);border-block:8px solid #c7a35c;box-shadow:20px 20px 40px #0007;transform:translateY(30px)}.gilded-vessel:before{content:'';position:absolute;left:-20%;right:-20%;bottom:-22px;height:20px;background:linear-gradient(#ead9a7,#80612c)}.kind-gallery .house-story{border-block:9px double #c7a35c;background:#23131d;text-align:center}.kind-gallery .house-story h2{margin-inline:auto}.kind-gallery .house-details{gap:0}.kind-gallery .house-details article{border:1px solid #c7a35c70;padding:32px}.kind-gallery .instrument{background:#e8dab8;color:#301923}.kind-gallery .editorial{gap:5vw}.kind-gallery .editorial .image{padding:16px;border:8px double #c7a35c;height:550px}.kind-gallery .closing{background:#c7a35c;color:#301923}.kind-gallery[data-state='1'] .gilded-arch{background:#163e35}.kind-gallery[data-state='1'] .gilded-vessel{filter:hue-rotate(95deg)}.kind-gallery[data-state='2'] .gilded-vessel{filter:grayscale(1);scale:1.12}
/* VELVET ANOMALY: theatrical contrast, broken grid and chrome ribbon. */
body.kind-couture{--bg:#e8ff54!important;--fg:#211525!important;--accent:#832cff!important}.kind-couture header{border-bottom:2px solid #211525}.kind-couture .wordmark{font:900 18px 'Arial Black',sans-serif;letter-spacing:-.05em}.kind-couture .hero{grid-template-columns:55% 45%!important;padding:25px 4vw 70px!important;gap:0!important;min-height:850px}.kind-couture .hero-copy{padding:100px 0 20px!important;z-index:3}.kind-couture h1{font:italic 400 clamp(76px,9.5vw,150px)/.88 Georgia,serif!important;letter-spacing:-.075em;transform:rotate(-5deg)}.kind-couture .intro{font:16px/1.8 Arial,sans-serif;max-width:30ch;margin-top:30px}.kind-couture .hero .stage{min-height:750px;background:#832cff;rotate:7deg;overflow:visible;margin-right:-7vw}.chrome-ribbon{width:270px;height:430px;border:60px solid transparent;border-radius:50%;background:linear-gradient(110deg,#b2b4b8,#fff 20%,#595965 42%,#fff 52%,#777380 70%,#ddd) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;transform:rotate(-25deg);animation:chromeTurn 17s ease-in-out infinite}.chrome-word{position:absolute;left:5%;bottom:15%;font:900 95px/.8 'Arial Black',sans-serif;letter-spacing:-.1em;color:#e8ff54;rotate:-12deg}.kind-couture .stage-meta{color:#e8ff54;rotate:-7deg;bottom:20px}.kind-couture .house-story{background:#211525;color:#e8ff54;display:grid;grid-template-columns:1.2fr 1fr;gap:4vw}.kind-couture .house-story h2{font-style:italic;font-size:clamp(48px,6vw,90px)}.kind-couture .house-details{grid-template-columns:1fr;margin-top:0}.kind-couture .house-details article:nth-child(2){rotate:3deg}.kind-couture .instrument{background:#832cff;color:#f5e9ff}.kind-couture .mode{border:1px solid #f5e9ff70;rotate:-2deg}.kind-couture .mode[aria-pressed=true]{background:#e8ff54;color:#211525}.kind-couture .editorial{display:flex;flex-direction:column-reverse;align-items:start}.kind-couture .editorial .image{width:70%;align-self:end;rotate:-5deg;filter:grayscale(1)}.kind-couture .editorial h2{font-style:italic;font-size:clamp(45px,6vw,90px)}.kind-couture .closing{background:#211525;color:#e8ff54}.kind-couture[data-state='1'] .chrome-ribbon{scale:.8;rotate:40deg}.kind-couture[data-state='2'] .chrome-ribbon{scale:1.2;rotate:-25deg}
/* FOLIO INSTITUT: serious editorial, ruled typography and book geometry. */
body.kind-edition{--bg:#e9e7df!important;--fg:#202c38!important;--accent:#55677b!important}.kind-edition header{padding:25px 5vw;border-bottom:4px double #202c38}.kind-edition .wordmark{font:700 20px Georgia,serif;letter-spacing:.06em}.kind-edition .hero{display:grid!important;grid-template-columns:1.3fr .7fr!important;text-align:left!important;padding:70px 6vw!important;gap:5vw!important;min-height:750px}.kind-edition .hero-copy{align-items:start!important;padding:0!important}.kind-edition h1{font:400 clamp(62px,6.5vw,100px)/1.04 Georgia,serif!important;letter-spacing:-.05em}.kind-edition .hero .stage{min-height:570px!important;border-left:1px solid #202c3840!important;overflow:visible}.folio-book{width:260px;height:360px;background:#243548;color:#e9e7df;border-left:14px solid #152231;box-shadow:8px 8px 0 #c6c4bb,10px 10px 0 #202c38,23px 25px 35px #202c3825;display:flex;flex-direction:column;padding:30px;transform:perspective(1000px) rotateY(-14deg) rotate(4deg)}.folio-book span{font:10px Arial,sans-serif;letter-spacing:.2em;border-bottom:1px solid #ffffff60;padding-bottom:15px}.folio-book strong{font:400 68px/.95 Georgia,serif;margin:auto 0;letter-spacing:-.05em}.folio-book small{font:10px monospace;letter-spacing:.18em}.kind-edition .house-story{background:#202c38;color:#e9e7df;padding:80px 6vw}.kind-edition .house-story>div:first-child{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;border-bottom:1px solid #e9e7df50}.kind-edition .house-details article{border:0;border-left:1px solid #e9e7df50;padding:0 25px}.kind-edition .instrument{border-block:3px double #202c3850}.kind-edition .modes{display:grid;grid-template-columns:repeat(3,1fr)}.kind-edition .mode{text-align:left}.kind-edition .editorial .image{filter:grayscale(1);height:430px}.kind-edition .closing{border-top:4px double #202c38}.kind-edition[data-state='1'] .folio-book{background:#4b5348;rotate:-6deg}.kind-edition[data-state='2'] .folio-book{background:#5b302d;rotate:3deg}
/* HEIRLOOM WORKS: enduring material, broad workshop layout, oak joinery. */
body.kind-furniture{--bg:#d9d0bb!important;--fg:#333c2c!important;--accent:#776746!important}.kind-furniture .wordmark{font:700 17px 'Trebuchet MS',Arial,sans-serif;letter-spacing:.12em}.kind-furniture .hero{display:flex!important;flex-direction:column!important;padding:60px 6vw 0!important;gap:35px;min-height:0}.kind-furniture .hero-copy{display:grid;grid-template-columns:1.4fr 1fr;gap:25px 6vw;padding:0!important;width:100%;align-items:start}.kind-furniture h1{font:400 clamp(60px,7vw,110px)/1.04 'Palatino Linotype',Georgia,serif!important;grid-column:1;grid-row:2 / 4}.kind-furniture .eyebrow{grid-column:1/-1}.kind-furniture .intro{grid-column:2;grid-row:2}.kind-furniture .cta{grid-column:2;justify-self:start}.kind-furniture .hero .stage{order:initial!important;min-height:480px;width:100%;background:#bdb298;border-top:1px solid #333c2c50!important}.oak-chair{width:260px;height:310px;border:30px solid #8d6a3e;border-bottom:0;background:linear-gradient(90deg,#9c794c,#b38a51 48%,#896539);clip-path:polygon(8% 0,92% 0,100% 100%,84% 100%,78% 66%,22% 66%,16% 100%,0 100%);transform:perspective(700px) rotateY(-20deg);box-shadow:inset 0 -160px 0 #bdb298}.oak-chair:before{content:'';position:absolute;left:-12%;right:-12%;top:55%;height:40px;background:repeating-linear-gradient(0deg,#b38a51 0 3px,#9b7746 4px 5px);box-shadow:0 8px 12px #0003}.oak-chair:after{content:'HW / 01';position:absolute;top:20%;left:15%;font:15px monospace;color:#392b1b}.kind-furniture .house-story{background:#333c2c;color:#e5decb}.kind-furniture .house-story h2{max-width:23ch}.kind-furniture .house-details{grid-template-columns:1fr 1.5fr 1fr}.kind-furniture .house-details article{padding-top:25px;border-top:5px solid #a88a5d}.kind-furniture .instrument{background:#e6dfce}.kind-furniture .editorial{padding:80px 6vw;grid-template-columns:.8fr 1.2fr}.kind-furniture .editorial .image{height:580px}.kind-furniture .closing{background:#a78d63;color:#252d20}.kind-furniture[data-state='1'] .oak-chair{filter:brightness(.65);rotate:8deg}.kind-furniture[data-state='2'] .oak-chair{filter:grayscale(.6);rotate:-8deg}
/* AXIOM HORLOGER: disciplined grid, dial and architectural numerals. */
body.kind-watch{--bg:#0c2022!important;--fg:#d8dfd3!important;--accent:#a6b7a0!important}.kind-watch header{border-bottom:1px solid #d8dfd330}.kind-watch .wordmark{font:500 15px Consolas,monospace;letter-spacing:.18em}.kind-watch .hero{grid-template-columns:.9fr 1.1fr!important;gap:4vw;padding:65px 6vw!important;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#d8dfd30a 25%)}.kind-watch h1{font:400 clamp(62px,6vw,96px)/1.05 'Trebuchet MS',Arial,sans-serif!important;letter-spacing:-.06em}.kind-watch .intro{font:16px/1.9 Arial,sans-serif;color:#9daea6}.kind-watch .hero .stage{min-height:620px;background:none!important}.axiom-dial{width:380px;height:380px;border:12px solid #75887e;border-radius:50%;box-shadow:0 0 0 2px #c9d2c3,inset 0 0 0 8px #0c2022,inset 0 0 0 9px #75887e,0 35px 60px #0005;background:repeating-conic-gradient(#d8dfd370 0 1deg,transparent 1deg 30deg);position:relative}.axiom-dial:before{content:'';position:absolute;inset:24px;border-radius:50%;background:#0f2729}.dial-label{position:absolute;top:26%;left:0;right:0;text-align:center;font:10px monospace;letter-spacing:.2em}.dial-hand{position:absolute;bottom:50%;left:50%;height:31%;width:3px;background:#d8dfd3;transform-origin:50% 100%;rotate:36deg}.dial-hand.hour{height:23%;width:5px;rotate:-60deg}.dial-hand.second{height:37%;width:1px;background:#cf8d57;animation:axiomSeconds 60s linear infinite}.dial-center{position:absolute;top:calc(50% - 5px);left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#cf8d57}.kind-watch .house-story{padding:65px 6vw;border-block:1px solid #d8dfd340}.kind-watch .house-details{gap:0}.kind-watch .house-details article{border:1px solid #d8dfd330;padding:30px}.kind-watch .house-details h3{font:400 22px Consolas,monospace}.kind-watch .instrument{background:#142c2e}.kind-watch .instrument h2{font-family:'Trebuchet MS',Arial,sans-serif}.kind-watch .mode{font-family:Consolas,monospace}.kind-watch .editorial .image{height:470px;filter:grayscale(1)}.kind-watch .closing{background:#d8dfd3;color:#0c2022}.kind-watch[data-state='1'] .axiom-dial{border-color:#beaa73}.kind-watch[data-state='2'] .axiom-dial{border-color:#626d7c}.kind-watch[data-state='2'] .dial-hand.second{animation-timing-function:steps(60,end)}
@keyframes silkBreath{50%{transform:rotate(-5deg) translateY(-9px)}}@keyframes chromeTurn{50%{transform:rotate(15deg) translateY(-15px)}}@keyframes axiomSeconds{from{rotate:0deg}to{rotate:360deg}}
@media(max-width:900px){.mono .hero{display:flex!important;flex-direction:column!important;padding:40px 6vw!important;gap:35px!important;min-height:0!important}.mono .hero-copy{padding:10px 0!important;max-width:100%!important}.mono .hero h1{font-size:clamp(52px,10vw,82px)!important}.mono .hero .stage{width:100%!important;min-height:460px!important;order:initial!important;margin:0!important;rotate:0deg!important}.kind-gallery .hero{text-align:center}.kind-gallery .hero-copy{align-items:center!important}.kind-couture .hero .stage{overflow:hidden!important}.kind-furniture .hero-copy{display:flex!important}.kind-edition .hero .stage{border:0!important}.mono .house-story{padding:55px 6vw!important;display:block!important}.mono .house-details{grid-template-columns:1fr!important;gap:25px!important}.kind-edition .house-story>div:first-child{display:block}.mono .editorial{padding:60px 6vw!important;grid-template-columns:1fr!important}.mono .editorial .image{width:100%!important;height:400px!important;clip-path:none!important;rotate:0deg!important}.mono .closing{flex-direction:column;align-items:start}.kind-edition .modes{grid-template-columns:1fr}.kind-couture .chrome-word{font-size:75px}.axiom-dial{width:300px;height:300px}.gilded-arch{scale:.8}.mono header .demo-note{font-size:9px}}
@media(max-width:480px){.mono .hero .stage{min-height:390px!important}.mono .hero h1{font-size:clamp(47px,12vw,65px)!important}.chrome-ribbon{scale:.8}.folio-book{scale:.8}.oak-chair{scale:.85}.axiom-dial{width:260px;height:260px}.mono .stage-meta{left:15px;right:15px;font-size:9px}.kind-gallery .gilded-arch{scale:.68}.mono .house-story h2{font-size:40px}.mono .closing .cta{white-space:normal;flex-shrink:1}}
.mono .motion-pause{position:absolute;top:15px;right:15px;z-index:5;border:1px solid currentColor;background:var(--bg);color:var(--fg);padding:10px;font:10px Arial,sans-serif;cursor:pointer}.mono.paused *,.mono.paused *:before,.mono.paused *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.mono *,.mono *:before,.mono *:after{animation:none!important;transition:none!important}.mono .motion-pause{display:none}}