/* ================= v62 · About: the right-hand words a little larger, and the new line ================= */
@media (min-width:801px){
html body #page-home .about-editorial .about-copy>p{font-size:clamp(18px,1.4vw,21px)!important;line-height:1.72!important}
html body #page-home .about-editorial .about-copy>blockquote{font-size:clamp(42px,3.5vw,54px)!important;line-height:1.08!important}
}

/* ================= v62 · My ventures: logos appear only as they play; MONIET without its pale box ================= */
html body #page-home #my-ventures .vh-logo video{opacity:0;transition:opacity .45s ease}
html body #page-home #my-ventures .vh-logo video.vh-play{opacity:1}
html body #page-home #my-ventures .vh-card[data-k="moniet"] .vh-logo video{filter:brightness(1.06) contrast(1.04)!important}
html body #page-home #my-ventures .vh-card[data-k="moniet"] .vh-logo{mix-blend-mode:multiply}
@media (prefers-reduced-motion:reduce){html body #page-home #my-ventures .vh-logo video{opacity:1}}

/* ================= v62 · My Vision: drawn by the line, no pinning ================= */
html body #page-story #my-vision{position:relative!important;min-height:0!important;height:auto!important;padding:clamp(70px,11svh,130px) 7% clamp(70px,11svh,130px)!important;display:block!important}
html body #page-story #my-vision .vm-stick{position:static!important;height:auto!important;display:block!important;padding:0!important;overflow:visible!important}
html body #page-story #my-vision .vm-grid{position:relative;z-index:1}
html body #page-story #my-vision .vl-svg{position:absolute;left:0;top:0;z-index:0;pointer-events:none;overflow:visible}
html body #page-story #my-vision .vl-svg path{fill:none;stroke:#243c78;stroke-opacity:.5;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
html body #page-story #my-vision.vl-on .vm-photo{opacity:var(--vl-p,0)!important;transform:none!important;transition:none!important;overflow:hidden}
html body #page-story #my-vision.vl-on .vm-photo img{box-shadow:none!important;transform:scale(calc(1.07 - .07 * var(--vl-p,0)));transform-origin:50% 40%;transition:none!important}
html body #page-story #my-vision.vl-on .vm-copy>*{opacity:var(--vl-c,0)!important;transform:translateY(calc((1 - var(--vl-c,0)) * 16px))!important;transition:none!important}
@media (max-width:800px){
html body #page-story #my-vision{padding:56px 20px 64px 34px!important}
html body #page-story #my-vision .vm-grid{display:flex!important;flex-direction:column;gap:26px!important}
html body #page-story #my-vision .vm-copy{order:1}
html body #page-story #my-vision .vm-photo{order:2;width:76%!important;margin:0 auto!important}
html body #page-story #my-vision .vm-photo img{max-height:52svh!important;width:100%}
html body #page-story #my-vision .vm-over{margin-bottom:16px!important}
html body #page-story #my-vision .vm-copy h2{font-size:clamp(34px,9.4vw,44px)!important;margin-bottom:18px!important}
html body #page-story #my-vision .vm-body{font-size:15.5px!important;line-height:1.65!important;margin-bottom:18px!important}
html body #page-story #my-vision .vm-close{padding-top:16px!important}
html body #page-story #my-vision .vm-close em{font-size:24px!important}
}

/* ================= v62 · Ventures film: a little smaller so it stays sharp; words close to her; one film at a time ================= */
@media (min-width:801px){
html body #page-ventures .vx-stage{width:min(80vw,1240px,calc((100svh - 40px) * 1080 / 664))!important}
html body #page-ventures .vx-hero.walking #vx-intro,html body #page-ventures .vx-hero.still #vx-intro{opacity:0!important;transition:opacity .9s ease!important}
html body #page-ventures .vx-stage>.vx-lines{position:absolute!important;inset:0!important;z-index:2;margin:0!important;max-width:none!important}
html body #page-ventures .vx-stage .vx-line{font-size:clamp(18px,1.35vw,23px)!important;max-width:12ch!important}
html body #page-ventures .vx-stage .vx-line:first-child{left:auto!important;right:73%!important;bottom:28%!important;text-align:right!important}
html body #page-ventures .vx-stage .vx-line:last-child{right:auto!important;left:73%!important;bottom:28%!important;text-align:left!important}
}

/* ================= v62 · Enter a world: the cards breathe open ================= */
@media (hover:hover) and (min-width:801px){
html body #page-ventures .vx-panel{transition:flex-grow 1.6s cubic-bezier(.42,0,.16,1)!important}
html body #page-ventures .vx-panel>img:not(.vx-mark){transition:transform 2.6s cubic-bezier(.22,.61,.25,1),filter 1.6s ease!important}
html body #page-ventures .vx-panels:hover .vx-panel{flex-grow:.88!important}
html body #page-ventures .vx-panels .vx-panel:hover,html body #page-ventures .vx-panels .vx-panel:focus-visible{flex-grow:1.34!important}
html body #page-ventures .vx-panel:hover>img:not(.vx-mark),html body #page-ventures .vx-panel:focus-visible>img:not(.vx-mark){transform:scale(1.035) translateY(-.5%)!important}
html body #page-ventures .vx-panels:hover .vx-panel:not(:hover)>img:not(.vx-mark){filter:saturate(.82) brightness(.95)!important}
html body #page-ventures .vx-panel .vx-visit,html body #page-ventures .vx-panel>img.vx-mark{transition:opacity 1.1s .35s ease,translate 1.3s .35s cubic-bezier(.22,.61,.25,1)!important}
}

/* ================= v62 · Enquiries: a letter to Shanzay ================= */
html body #page-enquiries .eq-hero,html body #page-enquiries .eq-main{display:none!important}
html body #page-enquiries .eq-body{grid-template-columns:1fr!important;padding-top:clamp(56px,7vw,96px)!important}
html body #page-enquiries .eq-aside{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-auto-flow:column;column-gap:clamp(40px,6vw,110px);row-gap:22px;align-items:start}
@media (max-width:800px){html body #page-enquiries .eq-aside{grid-template-columns:1fr;grid-auto-flow:row}}
#page-enquiries .lt{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(40px,5.5vw,100px);align-items:center;min-height:100svh;padding:clamp(118px,15svh,168px) var(--eq-g) clamp(56px,8svh,100px);box-sizing:border-box}
#page-enquiries .lt-eyebrow{margin:0 0 18px;font:400 11px/1 var(--eq-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--eq-navy)}
#page-enquiries .lt-title{margin:0 0 clamp(26px,3.6svh,40px)!important;font-family:var(--eq-serif)!important;font-weight:400!important;font-size:clamp(42px,4.4vw,74px)!important;line-height:1!important;letter-spacing:-.01em!important;color:var(--eq-ink)!important;text-transform:none!important;max-width:14ch}
#page-enquiries .lt-title em{font-style:italic;color:var(--eq-navy)}
#page-enquiries .lt-stage{position:relative}
#page-enquiries .lt-paper{position:relative;background:#fbf9f4;border:1px solid #e6dfd2;box-shadow:0 34px 70px -46px rgba(34,26,18,.42),0 2px 0 #fffdf8 inset;padding:clamp(28px,3vw,46px) clamp(28px,3.4vw,54px) clamp(24px,2.6vw,38px)}
#page-enquiries .lt-paper::after{content:"";position:absolute;inset:10px;border:1px solid #efe8dc;pointer-events:none}
#page-enquiries .lt-line{position:relative;margin:0;font-family:var(--eq-serif);font-size:clamp(21px,1.6vw,27px);line-height:1.95;color:#2a2620}
#page-enquiries .lt-dear{font-style:italic;font-size:1.14em;color:var(--eq-navy)}
#page-enquiries .lt-blank{position:relative;display:inline-block;vertical-align:baseline;border-bottom:1px solid #b8ab96;margin:0 .15em;transition:border-color .4s}
#page-enquiries .lt-blank:focus-within{border-bottom-color:var(--eq-navy)}
#page-enquiries .lt-blank input,#page-enquiries .lt-msg textarea{all:unset;box-sizing:border-box;font:inherit;font-family:var(--eq-serif);font-style:italic;color:#1d2b58;caret-color:#182d62;transition:text-shadow 1.1s ease,color 1.1s ease}
#page-enquiries .lt-blank input{width:11ch;padding:0 .2em}
#page-enquiries .lt-mail input{width:17ch}
#page-enquiries .lt-blank input::placeholder,#page-enquiries .lt-msg textarea::placeholder{color:#a79c8a;font-style:italic}
#page-enquiries .lt-wet input,#page-enquiries .lt-wet textarea{color:#30458a;text-shadow:0 0 1.5px rgba(29,43,88,.55),0 0 6px rgba(29,43,88,.2)}
#page-enquiries .lt-topic>button{all:unset;cursor:pointer;font-style:italic;color:#a79c8a;padding:0 .25em;min-width:8ch;display:inline-block}
#page-enquiries .lt-topic>button.set{color:#1d2b58}
#page-enquiries .lt-topic>button::after{content:"";display:inline-block;width:.32em;height:.32em;margin-left:.35em;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-.22em) rotate(45deg);opacity:.6}
#page-enquiries .lt-menu{position:absolute;left:-12px;top:calc(100% + 8px);z-index:30;min-width:230px;padding:8px 0;background:#fbf9f4;border:1px solid #e2d9ca;box-shadow:0 24px 50px -24px rgba(34,26,18,.35);opacity:0;visibility:hidden;translate:0 -6px;transition:opacity .35s ease,translate .45s cubic-bezier(.22,.61,.25,1),visibility 0s linear .45s}
#page-enquiries .lt-topic.open .lt-menu{opacity:1;visibility:visible;translate:0 0;transition-delay:0s}
#page-enquiries .lt-menu button{all:unset;display:block;width:100%;box-sizing:border-box;cursor:pointer;padding:7px 20px;font-family:var(--eq-serif);font-size:20px;line-height:1.35;color:#2a2620;transition:color .25s,background .25s}
#page-enquiries .lt-menu button:hover,#page-enquiries .lt-menu button:focus-visible{color:var(--eq-navy);background:#f2ede3}
#page-enquiries .lt-msg{margin-top:4px}
#page-enquiries .lt-msg textarea{display:block;width:100%;min-height:calc(1.95em * 3);font-size:.9em;line-height:1.95;resize:none;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(1.95em - 1px),#ddd4c5 calc(1.95em - 1px),#ddd4c5 1.95em)}
#page-enquiries .lt-sign{margin-top:8px;font-style:italic;color:#5c554b}
#page-enquiries .lt-signed{font-family:var(--eq-serif);font-style:italic;font-size:1.2em;color:#1d2b58;margin-left:.3em}
#page-enquiries .lt-actions{display:flex;align-items:center;gap:22px;margin-top:clamp(22px,3svh,32px)}
#page-enquiries .lt-send{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:12px;padding:16px 28px;background:#182d62;color:#f5f3ee;font:400 11.5px/1 var(--eq-sans);letter-spacing:.24em;text-transform:uppercase;transition:background .4s,gap .4s}
#page-enquiries .lt-send i{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3b5296,#13224a 70%);box-shadow:0 0 0 1px #f5f3ee44}
#page-enquiries .lt-send:hover{background:#13224a;gap:16px}
#page-enquiries .lt-send:focus-visible{outline:1px solid #182d62;outline-offset:4px}
#page-enquiries .lt-err{margin:0;font-family:var(--eq-serif);font-style:italic;font-size:17px;color:#8a3b3b}
#page-enquiries .lt-portrait{margin:0;align-self:center}
#page-enquiries .lt-portrait img{display:block;width:100%;max-height:82svh;aspect-ratio:3/4;object-fit:cover;object-position:50% 25%}
/* the letter writes itself in */
#page-enquiries .lt.lt-pre .lt-w{-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent 55%);mask-image:linear-gradient(90deg,#000 45%,transparent 55%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100% 0;mask-position:100% 0}
#page-enquiries .lt.lt-in .lt-w{-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent 55%);mask-image:linear-gradient(90deg,#000 45%,transparent 55%);-webkit-mask-size:300% 100%;mask-size:300% 100%;animation:lt-ink 1.15s calc(.25s + var(--i) * .2s) cubic-bezier(.45,.1,.3,1) both}
@keyframes lt-ink{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
#page-enquiries .lt.lt-pre .lt-portrait img{opacity:0;transform:scale(1.04)}
#page-enquiries .lt.lt-in .lt-portrait img{opacity:1;transform:none;transition:opacity 1.8s .2s ease,transform 2.6s .2s cubic-bezier(.22,.61,.25,1)}
/* sealing */
#page-enquiries .lt-form{transition:opacity .6s ease,transform 1s cubic-bezier(.6,0,.3,1),filter .8s}
#page-enquiries .lt-stage.sealing .lt-form{opacity:0;transform:scale(.62,.36) translateY(30%);filter:blur(1px);pointer-events:none}
#page-enquiries .lt-sent{position:absolute;inset:0;display:none;place-items:center;text-align:center}
#page-enquiries .lt-stage.sealing .lt-sent{display:grid}
#page-enquiries .lt-env{position:relative;width:min(380px,74%);aspect-ratio:1.55;opacity:0;animation:lt-env-in .6s .55s ease forwards,lt-env-out 1s 3.1s cubic-bezier(.5,0,.3,1) forwards}
#page-enquiries .lt-env .body{position:absolute;inset:0;background:#f3eee4;border:1px solid #ddd3c2;box-shadow:0 26px 50px -30px rgba(34,26,18,.45)}
#page-enquiries .lt-env .body::before,#page-enquiries .lt-env .body::after{content:"";position:absolute;bottom:0;width:50%;height:62%;border-top:1px solid #e0d6c5}
#page-enquiries .lt-env .body::before{left:0;transform-origin:0 100%;transform:skewY(-32deg)}
#page-enquiries .lt-env .body::after{right:0;transform-origin:100% 100%;transform:skewY(32deg)}
#page-enquiries .lt-env .flap{position:absolute;left:0;right:0;top:0;height:62%;transform-origin:50% 0;background:linear-gradient(#efe9dd,#e9e2d4);clip-path:polygon(0 0,100% 0,50% 100%);transform:rotateX(180deg);animation:lt-flap .7s 1.05s cubic-bezier(.55,0,.25,1) forwards;backface-visibility:visible;z-index:2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}
#page-enquiries .lt-env .seal{position:absolute;left:50%;top:56%;width:64px;height:64px;margin:-32px 0 0 -32px;z-index:3;border-radius:47% 53% 50% 50% / 52% 48% 53% 47%;background:radial-gradient(circle at 36% 30%,#3d5598 0,#1b2f66 45%,#101d43 100%);box-shadow:0 6px 14px -4px rgba(16,29,67,.6),inset 0 0 0 5px rgba(255,255,255,.06),inset 0 -3px 6px rgba(0,0,0,.35);display:grid;place-items:center;font:italic 400 24px/1 var(--eq-serif);letter-spacing:.02em;color:#c9b27c;text-shadow:0 1px 0 rgba(0,0,0,.4);opacity:0;transform:scale(1.9);animation:lt-seal .5s 1.85s cubic-bezier(.3,1.4,.5,1) forwards}
#page-enquiries .lt-thanks{position:absolute;inset:0;display:grid;place-content:center;gap:10px;pointer-events:none}
#page-enquiries .lt-thanks svg{width:min(360px,70%);height:auto;margin:0 auto;overflow:visible}
#page-enquiries .lt-thanks text{font-family:var(--eq-serif);font-style:italic;font-size:92px;fill:url(#ltGold);fill-opacity:0;stroke:url(#ltGold);stroke-width:1.1;stroke-dasharray:900;stroke-dashoffset:900;animation:lt-sign 2.2s 3.9s cubic-bezier(.45,.1,.3,1) forwards,lt-fill 1s 5.4s ease forwards}
#page-enquiries .lt-thanks p{margin:0;font-family:var(--eq-serif);font-size:clamp(22px,1.8vw,28px);color:#2a2620;opacity:0;animation:lt-rise 1s 5.6s ease forwards}
#page-enquiries .lt-thanks p em{color:var(--eq-navy)}
@keyframes lt-env-in{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@keyframes lt-flap{to{transform:rotateX(0)}}
@keyframes lt-seal{to{opacity:1;transform:scale(1) rotate(-6deg)}}
@keyframes lt-env-out{to{opacity:0;transform:translate(40%,-34%) rotate(-8deg) scale(.72)}}
@keyframes lt-sign{to{stroke-dashoffset:0}}
@keyframes lt-fill{to{fill-opacity:1}}
@keyframes lt-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:800px){
#page-enquiries .lt{grid-template-columns:1fr;min-height:0;padding:104px 18px 48px;gap:34px}
#page-enquiries .lt-title{font-size:clamp(38px,10.5vw,48px)!important}
#page-enquiries .lt-paper{padding:24px 20px 20px}
#page-enquiries .lt-line{font-size:19px;line-height:1.95}
#page-enquiries .lt-blank input{width:9.5ch}
#page-enquiries .lt-mail input{width:15ch}
#page-enquiries .lt-portrait{width:82%;margin:0 auto}
#page-enquiries .lt-portrait img{max-height:62svh}
}
@media (prefers-reduced-motion:reduce){#page-enquiries .lt .lt-w,#page-enquiries .lt .lt-portrait img{-webkit-mask-image:none!important;mask-image:none!important;animation:none!important;opacity:1!important;transform:none!important}}
#page-enquiries .lt.lt-done .lt-w{-webkit-mask-image:none!important;mask-image:none!important;animation:none!important}