/* ================= v52 · Home hero spacing and portrait ================= */
@media (min-width:601px) and (min-aspect-ratio:9/10){
html body #page-home .fashion-editorial .home-fit-stage{--pw0:min(40vw,calc(var(--H)*.62));--pw:min(43vw,calc(var(--H)*.67));--pr:calc(var(--g) + 5.4vw);
  --F:min(230px,calc((100vw - 2*var(--g) - 3vw - var(--pw0)*.72)/4.1),calc((var(--H) - var(--band) - var(--nt) - 190px)/1.9));
  --textw:calc(100vw - var(--g) - var(--pr) - var(--pw) - 1vw);--rt:calc(var(--nt) + var(--F)*1.84 + clamp(6px,4.4svh - 10px,30px))}
html body #page-home .fashion-editorial .home-fit-stage #portrait.native-home-portrait{top:max(84px,9svh)!important}
html body #page-home .fashion-editorial .home-fit-stage .native-home-role.native-home-role{top:var(--rt)!important}
html body #page-home .fashion-editorial .home-fit-stage .native-home-tagline.native-home-tagline{top:calc(var(--rt) + var(--rf)*1.55 + 16px + clamp(18px,4.6svh - 6px,40px))!important}
html body #page-home .fashion-editorial .home-fit-stage .native-home-explore.native-home-explore{top:calc(var(--rt) + var(--rf)*1.55 + 16px + clamp(18px,4.6svh - 6px,40px) + var(--tf)*1.3 + clamp(22px,5.4svh - 6px,50px))!important}
}

/* ================= v52 · Opening: shadow, a sweep of warm light, the signature ================= */
html body #page-home .home-fit-stage .v52-veil,html body #page-home .home-fit-stage .v52-sweep{display:none}
html body #page-home .fashion-editorial .home-fit-stage:is(.v52-pre,.v52-open) .v52-veil{display:block;position:absolute;inset:0;z-index:30;pointer-events:none;
  background:radial-gradient(ellipse at 30% 40%,rgba(48,38,28,.30),rgba(30,24,18,.52) 70%),rgba(28,22,16,.20);
  -webkit-mask-image:linear-gradient(100deg,transparent 41%,#000 59%);mask-image:linear-gradient(100deg,transparent 41%,#000 59%);
  -webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0}
html body #page-home .fashion-editorial .home-fit-stage.v52-open .v52-veil{animation:v52-unveil 2.9s .3s cubic-bezier(.42,.04,.32,1) both}
html body #page-home .fashion-editorial .home-fit-stage.v52-open .v52-sweep{display:block;position:absolute;top:-8%;bottom:-8%;left:0;width:46vw;z-index:31;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,226,182,0) 0%,rgba(255,230,190,.10) 28%,rgba(255,238,208,.34) 50%,rgba(255,230,190,.10) 72%,rgba(255,226,182,0) 100%);mix-blend-mode:screen;filter:blur(10px);
  animation:v52-sweep 2.9s .3s cubic-bezier(.42,.04,.32,1) both}
@keyframes v52-unveil{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
@keyframes v52-sweep{0%{transform:translateX(-73vw);opacity:0}12%{opacity:1}82%{opacity:1}100%{transform:translateX(128vw);opacity:0}}

/* hidden until the light arrives */
html body #page-home .fashion-editorial .home-fit-stage.v52-pre :is(.native-home-name>span,.native-home-role,.native-home-tagline,.native-home-explore,.native-world-band p,.opening-live-nav,#portrait.native-home-portrait,.cover-scroll){opacity:0!important;animation:none!important}

html body #page-home.active .fashion-editorial .home-fit-stage.v52-open .native-home-name>span:nth-child(1){animation:v52-name 1.25s 1.0s cubic-bezier(.22,.61,.36,1) both!important}
html body #page-home.active .fashion-editorial .home-fit-stage.v52-open .native-home-name>span:nth-child(2){padding-right:.22em!important;padding-bottom:.3em!important;margin-right:-.22em!important;margin-bottom:-.3em!important;
  -webkit-mask-image:linear-gradient(90deg,#000 44%,transparent 56%)!important;mask-image:linear-gradient(90deg,#000 44%,transparent 56%)!important;
  -webkit-mask-size:300% 100%!important;mask-size:300% 100%!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  animation:v52-sign 1.9s 1.75s cubic-bezier(.55,.1,.35,1) both!important}
html body #page-home.active .fashion-editorial .home-fit-stage.v52-open #portrait.native-home-portrait{animation:v52-photo 1.8s 3.15s cubic-bezier(.2,.7,.2,1) both!important}
html body #page-home.active .fashion-editorial .home-fit-stage.v52-open .native-home-role{animation:v52-rise 1s 3.75s cubic-bezier(.2,.7,.2,1) both!important}
html body #page-home.active .fashion-editorial .home-fit-stage.v52-open .native-home-tagline{animation:v52-rise 1s 4.0s cubic-bezier(.2,.7,.2,1) both!important}
html body #page-home.active .fashion-editorial .home-fit-stage.v52-open .native-home-explore{animation:v52-rise 1s 4.25s cubic-bezier(.2,.7,.2,1) both!important}
html body #page-home.active .fashion-editorial .home-fit-stage.v52-open .opening-live-nav{animation:v52-fade 1.2s 3.7s ease both!important}
html body #page-home.active .fashion-editorial .home-fit-stage.v52-open .native-world-band p{animation:v52-soft 1.4s 4.45s ease both!important}
html body #page-home.active .fashion-editorial .home-fit-stage.v52-open .cover-scroll{animation:v52-fade 1.2s 4.8s ease both!important}
@keyframes v52-name{from{opacity:0;filter:blur(7px);transform:translateY(6px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes v52-sign{0%{-webkit-mask-position:100% 0;mask-position:100% 0;transform:translateY(3px)}100%{-webkit-mask-position:0 0;mask-position:0 0;transform:none}}
@keyframes v52-photo{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:none}}
@keyframes v52-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes v52-soft{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}
@keyframes v52-fade{from{opacity:0}to{opacity:1}}
html body #page-home .fashion-editorial .home-fit-stage.v52-done :is(.native-home-name>span,.native-home-role,.native-home-tagline,.native-home-explore,.native-world-band p,.opening-live-nav,#portrait.native-home-portrait,.cover-scroll,.satin-folds,.native-home-name){opacity:1!important;visibility:visible!important;animation:none!important}
html body #page-home .fashion-editorial .home-fit-stage.v52-done .native-home-role::before,html body #page-home .fashion-editorial .home-fit-stage.v52-open .native-home-role::before{animation:none!important}
html body #page-home .fashion-editorial .home-fit-stage.v52-open :is(.satin-folds,.native-home-name){animation:none!important;opacity:1!important}
html body #page-home .fashion-editorial .home-fit-stage.v52-done .native-home-name>span{-webkit-mask-image:none!important;mask-image:none!important}

/* ================= v52 · My ventures: logo, then the world behind it ================= */
html body #page-home #my-ventures.vh{height:auto!important;min-height:0!important;padding:clamp(48px,7.5svh,96px) 0 clamp(72px,11svh,130px)!important;background:#f5f3ee!important;overflow:visible!important}
html body #page-home #my-ventures.vh .venture-stage{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;display:block!important;background:none!important}
html body #page-home #my-ventures.vh .wrap{position:relative!important;max-width:1240px!important;margin:0 auto!important;padding:0 max(5vw,22px)!important;height:auto!important;display:block!important}
html body #page-home #my-ventures.vh .wrap>h2{position:relative!important;top:auto!important;left:auto!important;transform:none!important;opacity:1!important;margin:0 0 clamp(30px,5svh,58px)!important;text-align:center!important;width:auto!important}
html body #page-home #my-ventures .vh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,42px);align-items:start}
html body #page-home #my-ventures .vh-card{display:block;text-decoration:none;color:inherit;opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1.3s cubic-bezier(.2,.7,.2,1);-webkit-tap-highlight-color:transparent}
html body #page-home #my-ventures .vh-card.vh-in{opacity:1;transform:none}
html body #page-home #my-ventures .vh-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#f5f3ee;isolation:isolate}
html body #page-home #my-ventures .vh-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.07);transition:opacity 1.7s ease,transform 3s cubic-bezier(.2,.7,.2,1);z-index:1}
html body #page-home #my-ventures .vh-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(10,14,28,0) 50%,rgba(10,14,28,.58));opacity:0;transition:opacity 1.7s ease}
html body #page-home #my-ventures .vh-logo{position:absolute;inset:0;z-index:3;transition:opacity 1.15s ease,transform 1.7s cubic-bezier(.55,.05,.3,1)}
html body #page-home #my-ventures .vh-logo video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:transparent;filter:url(#v50-ivory)}
html body #page-home #my-ventures .vh-card[data-k="taot"] .vh-logo video{transform:scale(1.32)}
html body #page-home #my-ventures .vh-card[data-k="moniet"] .vh-logo video{transform:scale(1.02)}
html body #page-home #my-ventures .vh-card[data-k="interiors"] .vh-logo video{object-fit:cover;transform:scale(.64);filter:invert(1) hue-rotate(180deg) saturate(1.25) contrast(1.06) brightness(1.06) url(#v50-ivory)}
html body #page-home #my-ventures .vh-mark{position:absolute;left:50%;bottom:clamp(20px,2.4vw,30px);z-index:4;height:clamp(28px,2.7vw,40px);width:auto;opacity:0;transform:translate(-50%,12px);transition:opacity 1.2s .55s ease,transform 1.5s .55s cubic-bezier(.2,.7,.2,1);pointer-events:none;filter:drop-shadow(0 1px 8px rgba(0,0,0,.38))}
html body #page-home #my-ventures .vh-card[data-k="interiors"] .vh-mark{height:clamp(38px,3.6vw,52px)}
html body #page-home #my-ventures .vh-explore{position:absolute;left:0;right:0;top:clamp(16px,1.8vw,24px);z-index:4;text-align:center;font:400 10.5px/1 'Opening Gothic',Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#f7f5f0;opacity:0;transform:translateY(-6px);transition:opacity .5s ease,transform .6s ease}
html body #page-home #my-ventures .vh-card.vh-on .vh-photo{opacity:1;transform:scale(1)}
html body #page-home #my-ventures .vh-card.vh-on .vh-shade{opacity:1}
html body #page-home #my-ventures .vh-card.vh-on .vh-logo{opacity:0;transform:translateY(30%) scale(.42)}
html body #page-home #my-ventures .vh-card.vh-on .vh-mark{opacity:.96;transform:translate(-50%,0)}
html body #page-home #my-ventures .vh-cap{margin:clamp(14px,1.5vw,20px) 0 0;text-align:center}
html body #page-home #my-ventures .vh-name{display:block;font:400 clamp(10.5px,.8vw,12px)/1.4 'Opening Gothic',Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#182d62;opacity:0;transform:translateY(6px);transition:opacity 1s .5s ease,transform 1.2s .5s ease}
html body #page-home #my-ventures .vh-card.vh-on .vh-name{opacity:1;transform:none}
html body #page-home #my-ventures .vh-desc{display:block;margin-top:6px;font:italic 400 clamp(17px,1.4vw,21px)/1.35 'Hero Bodoni',Didot,Georgia,serif;color:#232323;letter-spacing:0;text-wrap:balance}
@media (hover:hover){
html body #page-home #my-ventures .vh-card.vh-on:hover .vh-photo{transform:scale(1.035);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity 1.7s ease}
html body #page-home #my-ventures .vh-card.vh-on:hover .vh-mark{transform:translate(-50%,-5px);transition-delay:0s}
html body #page-home #my-ventures .vh-card.vh-on:is(:hover,:focus-visible) .vh-explore{opacity:1;transform:none}
}
html body #page-home #my-ventures .vh-card:focus-visible{outline:1px solid #182d62;outline-offset:6px}
@media (max-width:760px){
html body #page-home #my-ventures .vh-grid{grid-template-columns:1fr;gap:46px;max-width:430px;margin:0 auto}
html body #page-home #my-ventures .vh-mark{height:36px}
html body #page-home #my-ventures .vh-card[data-k="interiors"] .vh-mark{height:48px}
html body #page-home #my-ventures .vh-explore{opacity:.92;transform:none}
}
@media (prefers-reduced-motion:reduce){
html body #page-home #my-ventures .vh-card{opacity:1;transform:none}
html body #page-home #my-ventures .vh-card :is(.vh-photo,.vh-shade,.vh-logo,.vh-mark,.vh-name){transition:none}
}

/* ================= v52 · Continue exploring (Home ending and Story) ================= */
html body #page-home .v52-next{background:#f5f3ee}
html body :is(#page-home,#page-story) .audit-next a{display:inline-flex;align-items:baseline;gap:.32em;transition:color .4s ease}
html body :is(#page-home,#page-story) .audit-next a span{display:inline-block;font-style:normal;font-size:.62em;transform:translateY(-.08em);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
html body :is(#page-home,#page-story) .audit-next a:hover{color:#182d62}
html body :is(#page-home,#page-story) .audit-next a:hover span{transform:translate(.32em,-.08em)}

/* ================= v52 · My Story ================= */
html body #page-story .story-portrait-hero .story-opening-copy>.lede{color:#101218!important;font-weight:400!important;font-size:clamp(17px,1.32vw,21px)!important;line-height:1.62!important}

/* Principles: one rhythm for all five */
html body #principles .ep-num{display:flex;align-items:center;gap:14px;margin:0 0 clamp(14px,2svh,22px);font:400 11px/1 'Opening Gothic',Arial,sans-serif;letter-spacing:.3em;color:#243c78;opacity:var(--ep-num,1)}
html body #principles .ep-num::after{content:"";width:44px;height:1px;background:currentColor;opacity:.55}
html body #principles .ep-cap{margin:12px 0 0;font:italic 400 clamp(14px,1vw,16px)/1.35 'Hero Bodoni',Didot,Georgia,serif;color:#545862;letter-spacing:0;text-align:left}
html body #principles .ep-copy p{font-size:clamp(16.5px,1.22vw,19.5px)!important;line-height:1.66!important;color:#272b34!important;max-width:34ch!important}
html body #principles .ep-copy p .ep-key{font-size:1.22em!important}
html body #principles .ep-copy h3 .ep-soft{font-size:.5em!important;line-height:1.18!important;margin:0 0 .06em!important}
html body #principles .ep-copy h3 em{font-size:1em!important}
@media (min-width:801px){
html body #principles.ep-section:not(.ep-static){--ep-top:max(46px,5.2svh);--ep-pt:calc(var(--ep-top) + 84px);--ep-iw:min(40vw,calc((100svh - var(--ep-pt) - 9svh - 40px)*.8))}
html body #principles.ep-section:not(.ep-static) .ep-running{top:var(--ep-top)!important;left:8%!important;right:8%!important}
html body #principles.ep-section:not(.ep-static) .ep-scene .ep-photo{top:var(--ep-pt)!important;bottom:auto!important;width:var(--ep-iw)!important;height:auto!important;display:block!important;left:auto!important;right:7%!important}
html body #principles.ep-section:not(.ep-static) .ep-scene:nth-of-type(even) .ep-photo{right:auto!important;left:7%!important}
html body #principles.ep-section:not(.ep-static) .ep-scene .ep-photo .ep-image{width:100%!important;height:auto!important;aspect-ratio:4/5!important}
html body #principles.ep-section:not(.ep-static) .ep-scene .ep-copy{top:calc(var(--ep-pt) + var(--ep-iw)*.625)!important;left:9%!important;width:calc(86% - 7% - var(--ep-iw) - 6%)!important;max-width:640px!important}
html body #principles.ep-section:not(.ep-static) .ep-scene:nth-of-type(even) .ep-copy{left:calc(7% + var(--ep-iw) + 7%)!important}
}
@media (max-width:800px){
html body #principles.ep-section:not(.ep-static){--ep-pw:min(72vw,40svh)}
html body #principles.ep-section:not(.ep-static) .ep-scene .ep-photo{top:7svh!important;width:var(--ep-pw)!important}
html body #principles.ep-section:not(.ep-static) .ep-scene .ep-photo{display:block!important}
html body #principles.ep-section:not(.ep-static) .ep-scene .ep-copy{top:calc(7svh + var(--ep-pw)*1.25 + 28px + 3.2svh)!important}
html body #principles.ep-section:not(.ep-static) .ep-cap{margin-top:9px;font-size:14px;text-align:center}
html body #principles.ep-section:not(.ep-static) .ep-num{margin-bottom:12px}
html body #principles .ep-copy p{font-size:16px!important;line-height:1.6!important}
}
@media (max-width:800px) and (max-height:720px){
html body #principles.ep-section:not(.ep-static){--ep-pw:min(66vw,33svh)}
html body #principles .ep-copy p{font-size:15px!important}
}
#principles.ep-static .ep-photo{display:block!important}

/* The vision arrives as one deliberate final screen */
html body #page-story #my-vision{min-height:100svh;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
html body #page-story #my-vision .vm-grid{width:100%}