/* THE ONIX — V2. Dark, tactile, sepia-toned editorial design. */
:root{--ink:#efe3d7;--muted:#c1aca0;--soft:#928077;--red:#bc1f31;--red2:#8c1c2a;--bg:#120d0c;--brown:#201713;--edge:#574035;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;color:var(--ink);background:#110b0b;font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible{outline:2px solid #e5bea8;outline-offset:5px}::selection{background:#ae2634;color:white}.skip{position:fixed;left:18px;top:-90px;z-index:300;padding:13px;background:#eee0d3;color:#1a1011}.skip:focus{top:16px}
.ambient-flora{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,rgba(17,12,12,.64),rgba(35,24,19,.3) 53%,rgba(16,9,10,.68)),url('assets/botanical-haze.webp') center center / cover no-repeat}
.nav{position:absolute;left:0;right:0;top:0;z-index:99;display:flex;align-items:center;gap:27px;min-height:88px;padding:0 clamp(24px,5vw,100px);border-bottom:1px solid rgba(238,210,185,.13);background:linear-gradient(180deg,rgba(9,7,8,.9),rgba(9,7,8,.35));transition:background .25s ease,box-shadow .25s ease}.nav.scrolled{position:fixed;min-height:72px;background:rgba(16,11,12,.9);backdrop-filter:blur(22px);box-shadow:0 8px 40px rgba(0,0,0,.18)}.brand,.footer-brand{display:flex;align-items:center;gap:14px;font:500 27px var(--serif);letter-spacing:.16em;white-space:nowrap}.brand img,.footer-brand img{object-fit:contain}.nav-links{display:flex;align-items:center;gap:clamp(13px,2.5vw,38px);margin-left:auto}.nav-links a,.nav-study{font-size:10px;font-weight:700;letter-spacing:.15em;white-space:nowrap;transition:color .2s}.nav-links a:hover,.nav-study:hover{color:#f0787e}.nav-study{border-bottom:1px solid var(--red);padding:12px 0}.nav-study span{margin-left:8px}.menu{display:none}
.hero{min-height:790px;min-height:100svh;isolation:isolate;position:relative;display:flex;align-items:center;overflow:hidden;background:#070506}.hero-film{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#060405}.horse{position:absolute;right:-4%;top:0;width:85%;height:100%;object-fit:cover;object-position:58% 43%;filter:contrast(1.17) saturate(.73) brightness(.8)}.film-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#080607 0%,rgba(8,6,7,.97) 20%,rgba(8,6,7,.79) 39%,rgba(8,6,7,.15) 73%,rgba(8,6,7,.45) 100%),linear-gradient(0deg,#120d0c 0%,rgba(8,6,7,.3) 18%,transparent 44%,rgba(8,6,7,.18) 71%,rgba(8,6,7,.57) 100%);pointer-events:none}.hero-inner{position:relative;z-index:2;width:min(100%,1600px);margin:auto;padding:160px clamp(24px,8vw,140px) 110px}.hero-overline,.eyebrow,.photo-num,.piece-top,.piece-status,.development-note,.portrait-caption,.coming-soon,.hero-bottom,.sensory-index{font-size:10px;font-weight:600;letter-spacing:.22em}.hero-overline{display:flex;align-items:center;gap:13px;color:#cabbaf}.hero-overline i{height:1px;width:26px;background:#b03b43}.tiny-cross{font-size:15px;color:#e14952}.hero h1{font:500 clamp(84px,9.6vw,172px)/.75 var(--serif);letter-spacing:-.058em;margin:49px 0 47px;max-width:910px}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-weight:400;color:#e4d6c9;font-style:italic;font-size:.85em;letter-spacing:-.07em;padding-left:.015em}.hero-intro{font:400 clamp(22px,2.35vw,32px)/1.28 var(--serif);letter-spacing:.015em;color:#e9dcd1;margin:0;max-width:480px}.hero-intro i{color:#e79b98}.hero-buttons{margin-top:40px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.btn{min-height:55px;padding:17px 22px;min-width:196px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid transparent;font-size:10px;letter-spacing:.13em;font-weight:700;transition:color .23s,background .23s,border .23s,transform .23s}.btn:hover{transform:translateY(-3px)}.btn-filled{background:#b51d2e;color:#f9ece6;border-color:#b51d2e}.btn-filled:hover{background:#d63446}.btn-line{border-color:rgba(215,187,164,.56);background:rgba(15,10,11,.44);color:#e4d5ca}.btn-line:hover{background:rgba(83,36,38,.33);border-color:#d6b7ae}.btn>span{font-size:18px;line-height:1}.hero-bottom{position:absolute;z-index:2;bottom:34px;left:clamp(24px,5vw,100px);right:clamp(24px,5vw,100px);display:flex;justify-content:space-between;gap:18px;align-items:center;color:#bbada4;font-size:9px;letter-spacing:.17em}.scroll-cue{display:flex;align-items:center;gap:14px}.scroll-cue span{font-size:20px;color:#e05b61}.hero-bottom>span:last-child{color:#99857d}.chapter-rule{display:flex;justify-content:space-around;align-items:center;gap:18px;min-height:63px;border-top:1px solid rgba(207,165,140,.24);border-bottom:1px solid rgba(207,165,140,.18);color:#b8a092;background:rgba(20,13,13,.84);font:400 15px var(--serif);letter-spacing:.13em;text-align:center}.chapter-mark{font-size:22px;color:#9f3035}
.section{padding:clamp(100px,10.8vw,176px) clamp(24px,7vw,130px)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.1,1)}.reveal.visible{opacity:1;transform:translateY(0)}.eyebrow{color:#d18481;display:block;margin:0 0 35px;line-height:1.5}.eyebrow .red-rule{width:32px;height:1px;background:#a93740;display:inline-block;vertical-align:middle;margin:0 10px}
h1,h2,h3,p,blockquote{margin-top:0}h2,h3{font-family:var(--serif);font-weight:500}h2{font-size:clamp(64px,7.1vw,126px);line-height:.8;letter-spacing:-.049em;margin:0 0 46px}h2 em,.piece h3 em,.pause-quote em{font-style:italic;font-weight:400;color:#d6b9ae}
.house{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(55px,9vw,175px);align-items:center;max-width:1750px;margin:auto;background:linear-gradient(135deg,rgba(30,20,18,.26),rgba(42,29,22,.14))}.house-frame{max-width:580px;position:relative;padding:23px 23px 0 0}.house-photo{position:relative;aspect-ratio:4/5.7;background:#170b0c;overflow:hidden;box-shadow:27px 26px 72px rgba(3,1,2,.46)}.house-photo::after{position:absolute;inset:0;content:"";pointer-events:none;border:1px solid rgba(233,195,170,.18);box-shadow:inset 0 0 110px rgba(14,5,6,.29)}.house-photo img{width:100%;height:100%;object-fit:cover;object-position:53% 32%;filter:contrast(1.05) saturate(.74)}.photo-num{position:absolute;left:20px;bottom:21px;display:flex;gap:12px;align-items:center;color:#f5d7c8;text-shadow:0 1px 6px #100507;font-size:19px;font-family:var(--serif);letter-spacing:.1em}.photo-num span{font:600 9px var(--sans);letter-spacing:.2em}.house-flourish{position:absolute;top:0;right:0;writing-mode:vertical-rl;font:500 9px var(--sans);letter-spacing:.24em;color:#9c7870}.house-copy{padding-top:15px}.house-copy h2{margin-bottom:35px}.house-copy blockquote{font:400 clamp(25px,2.6vw,36px)/1.2 var(--serif);color:#eddbcf;max-width:490px;margin:0 0 35px;border-left:1px solid #a7353e;padding-left:25px}.house-copy p:not(.eyebrow){font:400 13px/2 var(--sans);color:#bea99d;max-width:460px;margin-bottom:22px}.house-copy strong{color:#e5d3c8;font-weight:600;letter-spacing:.06em}.underlink{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #9e3a3f;padding:12px 0;font:700 10px var(--sans);letter-spacing:.14em;margin-top:22px;transition:color .2s}.underlink:hover{color:#f38384}.underlink span{font-size:17px}
.floral-pause{isolation:isolate;position:relative;min-height:630px;display:grid;place-items:center;overflow:hidden;border-top:1px solid rgba(161,110,91,.15);border-bottom:1px solid rgba(161,110,91,.15);background:linear-gradient(90deg,#17100f,rgba(31,21,18,.94) 50%,#18100e)}.pause-haze{position:absolute;z-index:-2;inset:-8%;background:url('assets/botanical-haze.webp') center center/cover no-repeat;filter:blur(28px) brightness(.8);opacity:.75}.pause-orchids{position:absolute;z-index:-1;top:-10%;right:3%;width:min(51vw,700px);height:125%;object-fit:contain;object-position:center;filter:sepia(.38) saturate(.46) contrast(.85) brightness(.72);opacity:.57;mask-image:radial-gradient(ellipse at 53% 48%,black 26%,transparent 74%);pointer-events:none}.floral-pause:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,15,14,.7),transparent 55%),linear-gradient(0deg,#130d0c,transparent 26%,transparent 74%,#130d0c);pointer-events:none}.pause-content{position:relative;z-index:2;width:100%;max-width:1460px;padding:80px clamp(24px,9vw,145px)}.pause-content .eyebrow{color:#c8a598}.pause-quote{font:400 clamp(55px,7vw,112px)/.88 var(--serif);letter-spacing:-.05em;margin:0 0 39px;max-width:830px;color:#e9dace}.pause-quote em{color:#c6a495}.pause-words{font-size:9px;letter-spacing:.19em;color:#b5a193;font-weight:600}.pause-words b{margin:0 9px;color:#ae3b3a}
.pieces{position:relative;background:linear-gradient(160deg,rgba(18,12,11,.72),rgba(26,18,16,.7) 61%,rgba(14,10,9,.8));border-block:1px solid rgba(184,123,102,.12)}.section-intro{display:flex;gap:35px;justify-content:space-between;align-items:flex-end;margin-bottom:71px}.section-intro h2{margin:0}.section-intro .eyebrow{margin-bottom:34px}.intro-aside{font:400 clamp(21px,1.95vw,29px)/1.21 var(--serif);max-width:265px;color:#c9b4a5;margin:0 0 6px}.piece-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #8c3d41;border-bottom:1px solid rgba(180,129,107,.25)}.piece{min-height:405px;display:flex;flex-direction:column;position:relative;border-right:1px solid rgba(190,135,115,.25);padding:28px clamp(23px,3vw,55px) 26px}.piece:first-child{padding-left:0}.piece:last-child{border-right:0}.piece-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#da928b}.piece-top span:last-child{font-size:9px;color:#bda193;text-align:right}.piece-spacer{font:400 24px var(--serif);color:rgba(193,109,103,.35);margin-top:35px}.piece h3{font-size:clamp(50px,4.45vw,83px);line-height:.8;letter-spacing:-.04em;margin:16px 0 25px}.piece h3 em{font-size:.83em;white-space:nowrap}.piece p{font-size:12px;line-height:1.9;color:#bea89d;max-width:300px;margin-bottom:27px}.piece-status{font-size:9px;color:#cf7772;margin-top:auto}.development-note{font-size:9px;line-height:1.85;color:#aa8f83;margin:27px 0 0;letter-spacing:.12em}
.archetypes{background:linear-gradient(130deg,rgba(19,13,12,.79),rgba(35,24,19,.57),rgba(15,11,12,.85));position:relative}.archetypes:before{position:absolute;content:"";inset:0;background:url('assets/botanical-haze.webp') center center/cover no-repeat;opacity:.24;pointer-events:none}.archetypes>*{position:relative}.archetype-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,28px)}.portrait{aspect-ratio:3/3.9;position:relative;overflow:hidden;background:#190e0c;box-shadow:0 16px 46px rgba(0,0,0,.18)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.07) brightness(.83);transition:transform 1.05s ease,filter 1.05s ease}.portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,9,9,.7),transparent 27%,transparent 70%,rgba(15,7,7,.32)),linear-gradient(90deg,rgba(15,7,7,.18),transparent 34%);pointer-events:none;border:1px solid rgba(239,208,181,.09)}.archetype:hover .portrait img{transform:scale(1.055);filter:saturate(.95) contrast(1.05) brightness(.93)}.ruler .portrait img{object-position:center 40%}.rebel .portrait img{object-position:center 39%}.magician .portrait img{object-position:center 47%;filter:sepia(.21) saturate(.68) contrast(1.12) brightness(.86)}.magician .portrait:before{content:"";position:absolute;inset:-25%;z-index:1;background:radial-gradient(ellipse at 46% 51%,transparent 20%,rgba(106,25,35,.17) 42%,transparent 73%);pointer-events:none;mix-blend-mode:screen}.roman{position:absolute;left:23px;top:16px;z-index:2;font:400 37px var(--serif);color:#e9d9cb}.portrait-caption{position:absolute;left:22px;right:20px;bottom:24px;z-index:2;color:#e5c9b8;font-size:9px;letter-spacing:.18em}.archetype-name{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:24px 0 0}.archetype-name h3{font-size:clamp(29px,3vw,54px);line-height:.95;letter-spacing:-.04em;margin:0 0 11px}.archetype-name p{font-size:9px;letter-spacing:.14em;line-height:1.55;color:#c1a99b;margin:0}.archetype-name>span{font:400 24px var(--serif);color:#a63d42}.study-band{margin-top:85px;padding:33px 0 0;border-top:1px solid rgba(183,112,100,.56);display:flex;justify-content:space-between;align-items:center;gap:32px}.study-band .eyebrow{font-size:9px;margin:0 0 14px}.study-band p{font:400 clamp(26px,2.5vw,39px) var(--serif);color:#e8d5c7;margin:0}.study-band p em{color:#c68b88}
.sensory{position:relative;min-height:650px;display:flex;align-items:center;justify-content:flex-end;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#150d0d,#311515 75%,#1a0d0c)}.sensory-image{position:absolute;z-index:-1;inset:0;overflow:hidden}.sensory-image img{height:100%;width:68%;object-fit:cover;object-position:50% 44%;filter:saturate(.5) brightness(.58) sepia(.17);mask-image:linear-gradient(90deg,black 30%,transparent 100%)}.sensory:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#120c0c,transparent 20%,transparent 82%,#170e0d),linear-gradient(90deg,transparent,rgba(19,10,10,.45) 49%,rgba(19,10,10,.86) 71%);pointer-events:none}.sensory-copy{padding:115px clamp(30px,9vw,160px) 105px 30px;width:54%;max-width:870px}.sensory-copy h2{font-size:clamp(65px,7vw,118px);margin:0 0 30px}.sensory-copy p{font:400 clamp(22px,2.3vw,33px)/1.33 var(--serif);color:#dbc2b8;margin:0}.sensory-index{position:absolute;bottom:31px;right:clamp(30px,9vw,160px);color:#aa7974;font-size:9px}
.closing{position:relative;isolation:isolate;min-height:690px;display:grid;place-items:center;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 58%,rgba(71,43,34,.4),transparent 64%),#130e0d}.closing-botanical{z-index:-1;position:absolute;inset:0;background:url('assets/botanical-haze.webp') center/cover no-repeat;opacity:.65;filter:blur(18px) brightness(.78);transform:scale(1.06)}.closing:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#140e0d,transparent 20%,transparent 73%,#0f0b0a)}.closing-content{max-width:1000px;padding:95px 0}.closing h2{margin:0 0 32px}.closing p{font-size:13px;line-height:1.9;color:#c9b6a9;max-width:465px;margin:0 auto 35px}.email-wrap{display:flex;justify-content:center}.email{display:inline-flex;align-items:baseline;gap:17px;border-bottom:1px solid #b04c4b;padding-bottom:9px;font:400 clamp(33px,4.3vw,63px)/1 var(--serif);letter-spacing:-.03em;overflow-wrap:anywhere;transition:color .2s}.email span{font:500 19px var(--sans);color:#bd6361}.email:hover{color:#ffc0b7}.contact-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px 37px;margin:32px auto 45px}.contact-action{padding:8px 0;border:0;border-bottom:1px solid rgba(193,131,119,.43);color:#e3ccbb;background:none;cursor:pointer;font:700 10px var(--sans);letter-spacing:.16em;transition:color .2s,border .2s}.contact-action:hover{color:#fff;border-color:#fff}.contact-action span{font-size:15px;margin-left:9px}.coming-soon{color:#a78c80;font-size:9px}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:94px;padding:20px clamp(24px,5vw,100px);background:#0b0808;border-top:1px solid rgba(158,109,87,.26)}.footer-brand{font-size:20px}.footer>span{font-size:9px;letter-spacing:.16em;color:#af988a}
@media(max-width:1100px){.nav-links{gap:15px}.nav-links a,.nav-study{font-size:9px;letter-spacing:.12em}.hero h1{font-size:clamp(78px,10vw,123px)}.piece h3{font-size:52px}.piece h3 em{font-size:.78em}.archetype-name h3{font-size:38px}}
@media(max-width:850px){.nav{padding:0 26px;min-height:72px}.nav.scrolled{min-height:68px}.brand{font-size:23px}.nav-study{margin-left:auto;margin-right:14px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;padding:27px 26px 31px;flex-direction:column;align-items:flex-start;gap:25px;background:rgba(20,13,13,.98);box-shadow:0 15px 40px rgba(0,0,0,.4)}.nav-links.open{display:flex}.nav-links a{font-size:12px}.menu{display:flex;width:28px;height:30px;border:0;padding:3px;cursor:pointer;background:transparent;flex-direction:column;justify-content:center;gap:6px}.menu span{width:24px;height:1px;background:#ead8ce;display:block;transition:transform .2s}.menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{min-height:780px;min-height:100svh}.horse{width:100%;right:0;object-position:55% 42%;filter:contrast(1.09) saturate(.77) brightness(.67)}.film-vignette{background:linear-gradient(90deg,rgba(9,6,7,.94),rgba(9,6,7,.58) 45%,rgba(9,6,7,.3)),linear-gradient(0deg,#140d0c,transparent 38%,rgba(8,6,7,.5))}.hero-inner{padding:160px 40px 125px}.hero h1{font-size:clamp(82px,11vw,121px)}.hero-bottom{left:36px;right:36px}.hero-bottom>span:last-child{display:none}.section{padding:95px 36px}.house{gap:46px}.house-copy h2{font-size:clamp(67px,8vw,100px)}.house-copy blockquote{font-size:25px}.floral-pause{min-height:550px}.pause-content{padding:70px 60px}.pause-orchids{right:-12%;width:65vw}.piece{padding:26px 20px}.piece h3{font-size:44px}.piece h3 em{font-size:.74em}.archetype-grid{gap:13px}.archetype-name{display:block}.archetype-name h3{font-size:33px}.study-band{margin-top:60px}.sensory{min-height:565px}.sensory-copy{width:60%;padding-right:42px}.sensory-copy h2{font-size:71px}.footer{flex-wrap:wrap;justify-content:center}}
@media(max-width:620px){html{scroll-padding-top:65px}.nav{padding:0 20px;min-height:66px}.brand{font-size:19px;gap:8px}.brand img{width:25px;height:25px}.nav-study{font-size:8px;letter-spacing:.08em;margin-right:5px;border-bottom:0}.hero{min-height:740px;min-height:100svh}.horse{object-position:49% 40%;transform:scale(1.06)}.film-vignette{background:linear-gradient(90deg,rgba(8,5,6,.86),rgba(8,5,6,.4)),linear-gradient(0deg,#150e0d,transparent 49%,rgba(9,6,7,.65))}.hero-inner{padding:132px 22px 120px}.hero-overline{font-size:8px;letter-spacing:.12em;gap:8px;flex-wrap:wrap}.hero-overline i{width:14px}.hero h1{font-size:clamp(64px,15vw,100px);margin:35px 0 34px}.hero-intro{font-size:23px}.hero-buttons{align-items:flex-start;flex-direction:column;gap:10px;margin-top:32px}.btn{min-height:51px;width:min(100%,315px);font-size:9px}.hero-bottom{bottom:26px;left:22px;right:22px}.hero-bottom>span:first-child{display:none}.chapter-rule{min-height:58px;gap:8px}.chapter-rule span:nth-last-child(-n+2){display:none}.chapter-rule{font-size:12px}.section{padding:82px 22px}.house{display:flex;flex-direction:column;gap:45px;align-items:stretch}.house-frame{width:min(100%,460px);margin:auto;padding-right:18px}.house-photo{aspect-ratio:4/4.95}.house-photo img{object-position:center 32%}.house-copy{padding:0}.house-copy h2{font-size:clamp(66px,12vw,95px);margin-bottom:30px}.house-copy blockquote{font-size:29px}.house-copy p:not(.eyebrow){font-size:12px}.floral-pause{min-height:490px}.pause-content{padding:85px 25px}.pause-orchids{right:-32%;width:100%;height:100%;opacity:.4}.pause-quote{font-size:clamp(56px,12vw,92px)}.pause-words{font-size:8px;line-height:1.9;max-width:320px;display:block}.section-intro{display:block;margin-bottom:40px}.section-intro h2{font-size:clamp(61px,11vw,92px)}.section-intro .eyebrow{margin-bottom:26px}.intro-aside{margin:26px 0 0;font-size:24px}.piece-grid{display:block}.piece{min-height:320px;border-right:0;border-bottom:1px solid rgba(184,120,100,.23);padding:27px 0 28px}.piece:last-child{border-bottom:0}.piece-spacer{margin-top:15px}.piece h3{font-size:66px;margin:10px 0 17px}.piece h3 em{font-size:.8em}.piece p{font-size:12px}.archetype-grid{display:grid;grid-template-columns:1fr;gap:42px}.portrait{aspect-ratio:3/3.6}.portrait img{object-position:center 30%}.archetype-name{display:flex;padding-top:17px}.archetype-name h3{font-size:43px}.archetype-name p{font-size:9px}.study-band{display:block;margin-top:51px}.study-band p{font-size:29px;margin-bottom:24px}.sensory{min-height:580px;justify-content:center}.sensory-image img{width:100%;object-position:45% 45%;filter:saturate(.45) brightness(.32) sepia(.2);mask-image:none}.sensory:after{background:linear-gradient(90deg,rgba(17,10,10,.62),rgba(17,10,10,.75)),linear-gradient(0deg,#130c0c,transparent 45%,#160c0c)}.sensory-copy{width:100%;padding:110px 25px 110px}.sensory-copy h2{font-size:clamp(65px,12vw,95px)}.sensory-copy p{font-size:27px}.sensory-index{right:25px;left:25px;bottom:31px;font-size:8px}.closing{min-height:650px}.closing h2{font-size:clamp(59px,12vw,87px)}.closing p{font-size:12px}.email{font-size:clamp(30px,8.6vw,46px);gap:8px}.contact-actions{gap:18px 25px}.contact-action{font-size:9px}.footer{padding:32px 23px;flex-direction:column;gap:17px}.footer>span{font-size:9px}.hero-bottom,.development-note{letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Final refinements: keep the house title editorial on two lines and let the horse breathe. */
.house-heading-second{display:inline-block;font-size:.78em;white-space:nowrap;vertical-align:top}
@media(min-width:851px){.horse{filter:contrast(1.14) saturate(.85) brightness(.96)}}
@media(max-width:850px){.horse{filter:contrast(1.07) saturate(.86) brightness(.98)}}
@media(max-width:620px){.film-vignette{background:linear-gradient(90deg,rgba(8,5,6,.74),rgba(8,5,6,.34)),linear-gradient(0deg,#150e0d,transparent 49%,rgba(9,6,7,.63))}.house-heading-second{font-size:.74em}}


/* ==============================================================
   THE ONIX V3 — CRIMSON EDITION
   Dark-red botanical ambience, a new music station & social header.
   ============================================================= */
:root{--bg:#16050b;--brown:#230511;--red:#d51d35;--red2:#8a1024;--edge:#6b1a2e;--muted:#d2b7b0;--soft:#b38d8c}
body{background:#16050b}
.ambient-flora{background:linear-gradient(108deg,rgba(20,2,8,.72) 0%,rgba(66,6,22,.22) 55%,rgba(19,2,9,.77) 100%),url('assets/botanical-red.webp') center/cover no-repeat}
.nav{background:linear-gradient(180deg,rgba(12,3,7,.95),rgba(24,3,10,.32));border-bottom-color:rgba(235,167,177,.2);gap:18px}
.nav.scrolled{background:rgba(20,3,9,.95);border-color:rgba(217,74,90,.2)}
.nav-actions{display:flex;align-items:center;gap:11px;margin-left:auto}
.nav-links{position:absolute;display:none;top:calc(100% - 1px);right:clamp(20px,5vw,100px);left:auto;width:min(350px,calc(100vw - 40px));margin:0;padding:30px 33px 32px;flex-direction:column;align-items:flex-start;gap:24px;background:rgba(22,4,11,.97);border:1px solid rgba(200,79,91,.44);box-shadow:0 28px 50px rgba(3,0,2,.42);backdrop-filter:blur(22px)}
.nav-links.open{display:flex}.nav-links a{font-size:11px;letter-spacing:.16em;color:#f6e6e2}.nav-links a:hover{color:#ff7083}
.nav-music,.nav-instagram{height:49px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(238,198,198,.33);color:#f1dfdb;background:rgba(31,6,13,.62);font:700 10px var(--sans);letter-spacing:.14em;white-space:nowrap;transition:background .24s,border .24s,transform .24s;color .24s}
.nav-music{min-width:143px;padding:5px 17px;cursor:pointer;text-align:left}.nav-music span{display:flex;flex-direction:column;gap:3px}.nav-music small{font-size:7px;font-weight:600;letter-spacing:.21em;color:#ca9ca0}
.nav-instagram{min-width:208px;padding:6px 19px;background:#b51b30;border-color:#d33149;box-shadow:0 0 24px rgba(131,8,31,.18)}.nav-instagram .nav-arrow{margin-left:8px;font-size:16px}.nav-music:hover,.nav-music[aria-expanded=true]{background:#531020;border-color:#d6556b}.nav-instagram:hover{background:#d42841;border-color:#f55b76;transform:translateY(-2px)}
.menu{width:51px;height:49px;border:1px solid rgba(238,198,198,.33);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;cursor:pointer;background:rgba(31,6,13,.62)}
.menu span{display:block;width:22px;height:1px;background:#f2dbd8;transition:transform .22s,opacity .22s}.menu[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu[aria-expanded=true] span:nth-child(2){opacity:0}.menu[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.hero{background:#080307}.hero-film{background:#080307}.film-vignette{background:linear-gradient(90deg,#090307 0%,rgba(11,2,7,.96) 18%,rgba(21,2,10,.78) 39%,rgba(18,1,8,.09) 73%,rgba(17,1,8,.38) 100%),linear-gradient(0deg,#1a040d 0%,rgba(24,2,10,.28) 18%,transparent 45%,rgba(7,1,4,.42) 100%)}
.hero h1 em{color:#fae4e1}.hero-intro i{color:#f2a5ac}.btn-filled{background:#c71934;border-color:#c71934}.btn-filled:hover{background:#e32848}.btn-line{border-color:rgba(231,160,172,.47);background:rgba(39,5,17,.48)}
.sound-station{display:flex;align-items:center;gap:16px;margin-top:42px;padding:13px 19px;min-height:76px;width:min(100%,390px);color:#f7e5e1;background:linear-gradient(120deg,rgba(39,3,14,.8),rgba(71,8,26,.6));border:1px solid rgba(228,115,131,.36);text-align:left;cursor:pointer;backdrop-filter:blur(13px);transition:background .25s,border .25s,transform .25s}
.sound-station:hover{background:rgba(116,18,41,.77);border-color:#e36176;transform:translateY(-2px)}.sound-station-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(239,170,180,.56);border-radius:50%;font:23px var(--serif);color:#f3c9ce}.sound-station-copy{display:flex;flex:1;flex-direction:column;gap:7px}.sound-station-copy strong{font-size:10px;letter-spacing:.17em}.sound-station-copy small{color:#cfa5ac;font-size:8px;letter-spacing:.12em}.sound-station-play{display:grid;place-items:center;font-size:13px;color:#f7e0e0}
.hero-bottom{color:#d0a1aa}.chapter-rule{background:#280710;color:#e0afae;border-color:rgba(217,72,94,.26)}.chapter-mark{color:#e14258}
.house{background:linear-gradient(135deg,rgba(64,4,18,.38),rgba(91,8,28,.11))}.house-copy blockquote{border-left-color:#d42e43}.house-copy p:not(.eyebrow){color:#d0b4b2}.house-flourish{color:#b87d83}.eyebrow{color:#e17888}.photo-num{color:#fff1e9}
.floral-pause{background:linear-gradient(90deg,#2b0611,rgba(84,9,30,.81) 50%,#23050e);border-color:rgba(215,63,81,.3)}.pause-haze{background-image:url('assets/botanical-red.webp');filter:blur(24px) brightness(1.23) saturate(1.2);opacity:.85}.pause-orchids{filter:sepia(.5) hue-rotate(300deg) saturate(.96) contrast(.95) brightness(.75);opacity:.68}.floral-pause:before{background:linear-gradient(90deg,rgba(36,2,13,.69),transparent 57%),linear-gradient(0deg,#240611,transparent 27%,transparent 76%,#240611)}.pause-content .eyebrow{color:#e5a7ae}.pause-quote em{color:#ffb6b8}.pause-words{color:#e5b6b5}
.pieces{background:linear-gradient(160deg,rgba(53,3,16,.77),rgba(89,10,32,.49) 52%,rgba(23,3,11,.86));border-color:rgba(217,54,76,.25)}.piece-grid{border-top-color:#c5304c}.piece{border-right-color:rgba(206,67,91,.33)}.piece-top{color:#ff9ba9}.piece-status{color:#f494a2}.piece p,.intro-aside,.development-note{color:#d0b2af}
.archetypes{background:linear-gradient(135deg,rgba(39,3,15,.93),rgba(111,11,38,.61) 47%,rgba(28,3,13,.91))}.archetypes:before{background-image:url('assets/botanical-red.webp');opacity:.38}.portrait{background:#20000b;border:1px solid rgba(230,92,110,.16)}.portrait::after{border-color:rgba(255,190,197,.14)}.archetype-name p{color:#e2b3b6}.archetype-name>span{color:#ee5b70}.study-band{border-top-color:rgba(237,90,106,.65)}
.sensory{background:linear-gradient(90deg,#25030e,#4a0618 75%,#25030e)}.sensory-image img{filter:saturate(.9) brightness(.67) sepia(.08)}.sensory:after{background:linear-gradient(0deg,#1f040c,transparent 20%,transparent 82%,#24040f),linear-gradient(90deg,transparent,rgba(33,4,15,.5) 49%,rgba(24,3,11,.85) 71%)}
.closing{background:radial-gradient(ellipse at 50% 55%,rgba(141,12,44,.5),transparent 69%),#230510}.closing-botanical{background-image:url('assets/botanical-red.webp');filter:blur(17px) brightness(1.06);opacity:.76}.closing:after{background:linear-gradient(180deg,#20050d,transparent 22%,transparent 75%,#1c040b)}.closing p{color:#e0bebf}.coming-soon{color:#d29ba0}.footer{background:#12040a;border-top-color:rgba(225,66,87,.25)}.footer>span{color:#b89aa0}
/* Spotify: an intentional listening stop, not forced autoplay. */
.music-panel[hidden]{display:none}.music-panel{position:fixed;top:94px;right:clamp(18px,5vw,100px);z-index:130;width:min(430px,calc(100vw - 36px));padding:27px 26px 25px;background:rgba(26,4,12,.98);color:#fff3ee;border:1px solid rgba(229,99,124,.57);box-shadow:0 25px 75px rgba(0,0,0,.7);backdrop-filter:blur(25px)}
.music-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.music-kicker{font:700 9px var(--sans);letter-spacing:.19em;color:#ef9ca8}.music-panel h2{font:500 39px/.9 var(--serif);letter-spacing:-.045em;margin:12px 0 18px}.music-panel h2 em{color:#ffb0bb}.music-close{font:400 31px/1 var(--serif);color:#f8e5df;background:none;border:0;cursor:pointer;padding:0 3px}.music-panel>p{font:400 18px var(--serif);color:#e8c9cb;margin:0 0 18px}.music-embed{min-height:352px;background:#12080c}.music-embed iframe{width:100%;height:352px;border:0;border-radius:10px;display:block}.music-external{display:inline-block;border-bottom:1px solid #d34b66;margin-top:20px;padding:6px 0 9px;font:700 9px var(--sans);letter-spacing:.13em;color:#ffe6e7}
@media(max-width:1100px){.nav-actions{gap:8px}.nav-music{min-width:110px;padding:5px 10px}.nav-instagram{min-width:155px;padding:4px 11px}.nav-instagram span:nth-child(2){font-size:9px;letter-spacing:.07em}.nav-instagram .nav-arrow{margin-left:0}.brand{font-size:23px}}
@media(max-width:850px){.nav{padding:0 22px}.nav-actions{margin-left:auto}.nav-links{left:auto;right:22px;top:100%;padding:25px;display:none;background:rgba(28,4,13,.98)}.nav-links.open{display:flex}.nav-music{min-width:46px;width:46px;justify-content:center;padding:0}.nav-music span{display:none}.nav-instagram{min-width:168px;height:46px}.nav-instagram span:nth-child(2){font-size:9px}.menu{display:flex;height:46px;width:46px}.music-panel{top:78px}.film-vignette{background:linear-gradient(90deg,rgba(12,2,8,.92),rgba(21,2,11,.66) 44%,rgba(10,1,5,.24)),linear-gradient(0deg,#23050e,transparent 43%,rgba(9,1,4,.5))}}
@media(max-width:620px){.nav{min-height:70px;gap:7px;padding:0 13px}.brand{font-size:18px;gap:7px;letter-spacing:.08em}.brand img{width:24px;height:24px}.nav-actions{gap:5px}.nav-music{min-width:39px;width:39px;height:43px}.nav-instagram{height:43px;min-width:109px;gap:5px;padding:4px 7px}.nav-instagram svg{width:18px;height:18px}.nav-instagram span:nth-child(2){font-size:8px;letter-spacing:.03em}.nav-instagram .nav-arrow{display:none}.menu{height:43px;width:40px}.menu span{width:19px}.nav-links{right:13px}.music-panel{top:78px;padding:22px 18px 20px}.music-panel h2{font-size:33px}.music-embed{min-height:320px}.music-embed iframe{height:352px}.film-vignette{background:linear-gradient(90deg,rgba(9,1,5,.79),rgba(28,2,12,.4)),linear-gradient(0deg,#24040e,transparent 45%,rgba(9,1,5,.66))}.hero-inner{padding-top:128px;padding-bottom:118px}.hero h1{margin:27px 0 25px}.hero-buttons{margin-top:24px}.sound-station{min-height:65px;margin-top:24px;width:min(100%,345px);padding:9px 11px;gap:10px}.sound-station-icon{width:35px;height:35px;flex-basis:35px}.sound-station-copy strong{font-size:9px}.sound-station-copy small{font-size:7px}.hero-bottom{bottom:19px}.floral-pause{background:linear-gradient(90deg,#330811,#650a29 52%,#2f0511)}.pause-orchids{opacity:.58}.archetypes{background:linear-gradient(160deg,#270410,#520920,#2b0411)}.portrait{background:#1f030f}.closing{background:radial-gradient(ellipse at center,rgba(121,9,34,.56),transparent 66%),#23040d}}
@media(max-width:390px){.nav{padding:0 9px;gap:3px}.brand{font-size:16px;gap:6px}.brand img{width:21px;height:21px}.nav-actions{gap:4px}.nav-music{width:38px;min-width:38px}.nav-instagram{min-width:101px;padding:4px 5px}.nav-instagram span:nth-child(2){font-size:7px}.menu{width:36px}}
@media(prefers-reduced-motion:reduce){.sound-station:hover,.nav-instagram:hover{transform:none}}


/* =============================================================
   THE ONIX V5 — VISIBLE MOVING FLORAL BACKGROUND
   The original V4 video was virtually invisible because its
   filter and stacked dark overlays suppressed the moving pixels.
   This release keeps the floral film *visible* beneath the pages.
   ============================================================= */
:root{--bg:#170208;--brown:#22050b;--edge:#5c1826;--red:#c8213b}
body{background:#170208}
/* The fixed movie lives behind the page, but ahead of the body background. */
.ambient-film{
  position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:#21030a;
}
.ambient-video{
  display:block;position:absolute;top:50%;left:50%;width:100%;height:100%;
  min-width:100%;min-height:100%;object-fit:cover;object-position:center;
  transform:translate(-50%,-50%) scale(1.14);
  filter:blur(7px) brightness(.88) saturate(.77) contrast(1.02);
  opacity:1;
}
.ambient-film-veil{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(12,2,6,.43),rgba(16,2,7,.24) 48%,rgba(12,2,6,.46)),
    radial-gradient(ellipse at center,transparent 5%,rgba(13,2,6,.3) 86%);
}
/* Florals stay as a faint secondary texture, not a solid image covering the video. */
.ambient-flora{
  position:absolute;inset:-10%;z-index:1;pointer-events:none;
  background:url('assets/botanical-red.webp') center/cover no-repeat;
  opacity:.09;filter:blur(18px) saturate(.65);
}
main,.footer{position:relative;z-index:1}
/* Horse introduction stays intentionally separate and very dark. */
.hero{background:#090407}
/* Keep transparent section scrims! Earlier 0.8-0.95 opacity layers hid the film. */
.house{
  background:linear-gradient(120deg,rgba(14,2,7,.39),rgba(21,2,8,.22) 54%,rgba(14,2,7,.38));
}
.chapter-rule{background:rgba(15,2,6,.57);border-color:rgba(190,48,66,.29)}
.pieces{
  background:linear-gradient(145deg,rgba(13,2,6,.38),rgba(30,3,10,.20) 48%,rgba(12,2,6,.42));
  border-block-color:rgba(176,48,62,.29)
}
.archetypes{background:linear-gradient(135deg,rgba(13,2,7,.40),rgba(35,4,13,.22),rgba(14,2,7,.43))}
.archetypes:before{background-image:url('assets/botanical-red.webp');opacity:.055;filter:blur(28px)}
.floral-pause{
  background:linear-gradient(90deg,rgba(12,2,6,.38),rgba(24,3,9,.12) 51%,rgba(12,2,6,.37));
  border-color:rgba(201,55,72,.3)
}
.pause-haze{background-image:url('assets/botanical-red.webp');opacity:.12;filter:blur(42px)}
.pause-orchids{filter:blur(20px) brightness(.70) saturate(.45);opacity:.23;mask-image:radial-gradient(ellipse at 50% 48%,black 15%,transparent 78%)}
.floral-pause:before{background:linear-gradient(90deg,rgba(13,2,7,.24),transparent 55%),linear-gradient(0deg,rgba(12,2,6,.35),transparent 26%,transparent 73%,rgba(12,2,6,.3))}
.sensory{background:linear-gradient(90deg,rgba(16,2,7,.56),rgba(38,5,13,.34) 72%,rgba(15,2,7,.47))}
.sensory-image img{filter:blur(5px) saturate(.55) brightness(.57) contrast(.92);opacity:.68}
.closing{background:radial-gradient(ellipse at center,rgba(80,5,23,.32),transparent 69%),rgba(15,2,7,.38)}
.closing-botanical{background-image:url('assets/botanical-red.webp');opacity:.12;filter:blur(40px) brightness(.6)}
.closing:after{background:linear-gradient(180deg,rgba(15,2,6,.4),transparent 25%,transparent 73%,rgba(9,2,5,.62))}
.ruler .portrait img{object-position:45% 45%;filter:saturate(.84) contrast(1.03) brightness(.89)}
/* Useful control: motion can be paused and restarted from any section. */
.motion-switch{
  position:fixed;right:22px;bottom:21px;z-index:160;display:flex;align-items:center;gap:9px;
  padding:11px 14px;border:1px solid rgba(244,157,170,.48);border-radius:3px;
  background:rgba(22,3,10,.82);color:#f9e3de;
  font:700 9px var(--sans);letter-spacing:.16em;cursor:pointer;
  backdrop-filter:blur(12px);box-shadow:0 7px 22px rgba(0,0,0,.22);
  transition:background .2s ease,color .2s ease;
}
.motion-switch:hover{background:rgba(75,10,25,.87)}
.motion-switch-dot{width:7px;height:7px;border-radius:50%;background:#ff8390;box-shadow:0 0 8px rgba(255,90,111,.5)}
.motion-switch[aria-pressed="false"] .motion-switch-dot{background:#957e81;box-shadow:none}
@media(max-width:650px){
  .ambient-video{transform:translate(-50%,-50%) scale(1.22);filter:blur(5px) brightness(.78) saturate(.75)}
  .ambient-film-veil{background:linear-gradient(90deg,rgba(12,2,6,.47),rgba(16,2,7,.24),rgba(12,2,6,.44))}
  .house{background:linear-gradient(180deg,rgba(18,2,7,.39),rgba(28,3,10,.35))}
  .pause-orchids{opacity:.18}
  .motion-switch{bottom:12px;right:12px;padding:10px 11px;font-size:8px}
}
/* Honor reduced-motion as the default, but user can still click MOTION ON. */
@media(prefers-reduced-motion:reduce){
  .ambient-video{filter:blur(7px) brightness(.88) saturate(.77) contrast(1.02)}
}