:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f6f4ee;background:#11151c;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;overflow-x:clip}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #97e4cf;outline-offset:4px}.skip-link{position:absolute;left:16px;top:-80px;z-index:100;padding:12px 18px;background:#fff;color:#11151c}.skip-link:focus{top:16px}.grain{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(22px,4vw,72px);position:sticky;top:0;z-index:100;background:#11151c;border-bottom:1px solid rgba(255,255,255,.13)}.brand{display:flex;align-items:center;gap:11px;font-size:28px;font-weight:850;letter-spacing:-.07em}.brand-period{color:#a6ead5}.brand-symbol{width:31px;height:30px;position:relative;display:inline-block}.brand-symbol i{position:absolute;top:1px;height:28px;width:9px;border-radius:8px;transform:skew(-24deg);background:linear-gradient(#b0e6d3,#719cff)}.brand-symbol i:first-child{left:5px}.brand-symbol i:last-child{right:5px;transform:skew(24deg);background:linear-gradient(#c1a3fd,#9578e9)}.header-center,.header-action{font-size:11px;font-weight:760;letter-spacing:.15em}.header-center{color:#9da7ac}.header-center span{color:#c4a4d8;padding:0 7px}.header-action{border-bottom:1px solid rgba(255,255,255,.38);padding-bottom:8px}.header-action span{font-size:16px;margin-left:10px}
.brand-symbol:has(img){width:46px;height:42px;overflow:hidden;flex:none}.brand-symbol img{position:absolute;width:46px;height:auto;max-width:none;left:0;top:3px}
@media(max-width:550px){html{scroll-padding-top:70px}}
.opening{min-height:calc(100svh - 82px);display:flex;align-items:center;position:relative;overflow:hidden;padding:70px clamp(22px,7vw,130px) 120px;isolation:isolate;background:radial-gradient(circle at 75% 46%,#26363c 0,#141e27 31%,#11151c 62%)}.opening:after{content:"";position:absolute;z-index:-1;right:-10%;top:-35%;width:75%;aspect-ratio:1;border:1px solid rgba(181,215,204,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.012),0 0 0 180px rgba(255,255,255,.008)}.opening-light{position:absolute;width:55vw;height:55vw;right:4%;top:2%;border-radius:50%;background:radial-gradient(circle,rgba(171,216,203,.13),transparent 65%);filter:blur(16px)}.opening-inner{width:min(58%,850px);position:relative;z-index:2}.eyebrow,.overline{font-size:11px;letter-spacing:.22em;font-weight:800}.eyebrow{color:#b0dccc;display:flex;gap:14px;align-items:center}.eyebrow-mark{height:1px;width:32px;background:#a3ebd7}.opening h1{font-size:clamp(65px,7.9vw,145px);line-height:.93;letter-spacing:-.085em;margin:30px 0 31px;font-weight:650}.opening h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em;color:#c8b5d6}.opening-lede{font-size:clamp(18px,1.65vw,23px);line-height:1.55;color:#b6c0c1;max-width:600px;margin:0}.opening-lede strong{color:#f5f5eb;font-weight:620}.opening-cta{display:inline-flex;align-items:center;gap:50px;margin-top:39px;padding:17px 20px 17px 24px;border-radius:100px;background:#c5ecd9;color:#172724;font-size:14px;font-weight:790;box-shadow:0 20px 50px rgba(122,213,178,.16);transition:transform .3s,box-shadow .3s}.opening-cta:hover{transform:translateY(-4px);box-shadow:0 25px 60px rgba(122,213,178,.26)}.opening-cta span{font-size:19px}.opening-note{font-size:11px;color:#80908d;margin:19px 0 0}.opening-index{position:absolute;bottom:28px;left:clamp(22px,7vw,130px);font-size:10px;letter-spacing:.2em;color:#8a9c9a;font-weight:800}
.opening-art{position:absolute;width:min(39vw,650px);aspect-ratio:1;right:3.5%;top:48%;transform:translateY(-50%);z-index:1}.art-halo{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 52% 50%,rgba(202,183,217,.33),rgba(107,159,155,.09) 53%,transparent 70%);filter:blur(24px)}.art-sheet{position:absolute;width:55%;height:68%;left:22%;top:14%;border-radius:8px;box-shadow:0 28px 50px rgba(0,0,0,.23)}.sheet-back{background:#bd9fb4;transform:rotate(24deg) translate(18%,8%)}.sheet-middle{background:#b3c8bd;transform:rotate(-13deg) translate(-10%,-5%)}.sheet-front{background:#f3e9dd;transform:rotate(5deg);padding:6%;display:flex;flex-direction:column;gap:4%}.art-photo{height:68%;background:#ddc7b1 url('./aura-still-life.webp') center 58%/cover;border-radius:3px}.art-line{height:2%;width:72%;background:#c9b9ac;border-radius:10px}.art-line.short{width:47%}.art-stamp{font-family:Georgia,serif;font-size:clamp(24px,3vw,42px);color:#4a5950;line-height:1}.art-orbit{position:absolute;border:1px solid rgba(221,246,230,.28);border-radius:50%;width:14px;height:14px;left:8%;top:18%}.orbit-two{width:10px;height:10px;left:auto;right:6%;top:74%;background:#b5ecdc}
.experience{background:#f3f1ea;color:#192622;padding:30px clamp(22px,5vw,80px) 86px}.section-head{display:flex;justify-content:space-between;border-bottom:1px solid #d9ddd4;padding:0 0 19px;color:#6f807a;letter-spacing:.18em;font-size:10px;font-weight:800}.experience-intro{text-align:center;max-width:1000px;margin:100px auto 70px}.overline{color:#7a887c}.experience-intro h2{font-size:clamp(42px,5.5vw,86px);line-height:1.05;letter-spacing:-.065em;font-weight:650;margin:23px 0}.experience-intro h2 em,.manifesto h2 em{font-family:Georgia,serif;font-weight:400;color:#a87f99}.experience-intro>p:last-child{color:#68756e;line-height:1.6;font-size:17px;margin:0 auto;max-width:650px}.chapter-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:1420px;margin:auto}.chapter{text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:15px;row-gap:4px;align-items:baseline;border:1px solid #d4d9d2;background:transparent;border-radius:13px 13px 0 0;padding:23px 25px;color:#87918a;transition:background .35s,color .35s,border-color .35s}.chapter:hover{background:#ecebe3}.chapter.is-active{background:#172621;color:#f8f7f0;border-color:#172621}.chapter span{font-size:11px;font-weight:800;color:#b18ca7}.chapter strong{font-size:17px;font-weight:750;letter-spacing:-.03em}.chapter small{grid-column:2;font-size:11px}.stage-area{max-width:1420px;margin:0 auto;min-height:650px;display:grid;grid-template-columns:.42fr .58fr;background:#e3e8df;border:1px solid #d4d9d2;border-top:0;overflow:hidden;transition:background .7s}.stage-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(35px,5vw,80px);position:relative;z-index:2}.stage-overline{font-size:10px;letter-spacing:.21em;color:#6a8477;font-weight:850;margin:0 0 27px}.stage-copy h3{font-size:clamp(44px,4.8vw,78px);letter-spacing:-.075em;line-height:1.02;margin:0;font-weight:690}.stage-copy h3 em{font-family:Georgia,serif;font-weight:400;color:#9b7d8b}.stage-description{font-size:17px;color:#68766e;line-height:1.7;max-width:420px;margin:28px 0 32px}.stage-next{display:flex;align-items:center;justify-content:space-between;gap:35px;color:#f8f7f0;background:#1f342c;border:0;border-radius:100px;padding:16px 20px 16px 25px;min-width:220px;font-size:13px;font-weight:800;transition:transform .3s,background .3s}.stage-next:hover{transform:translateY(-3px);background:#345944}.stage-next span{font-size:20px}.stage-progress{display:flex;gap:18px;align-items:center;width:min(100%,350px);margin-top:69px;font-size:11px;letter-spacing:.1em;color:#71827a;font-weight:800}.progress-line{height:2px;background:#bfccc2;display:block;flex:1}.progress-line i{display:block;height:100%;width:33.33%;background:#315d47;transition:width .7s}.stage-visual{position:relative;min-height:650px;overflow:hidden;isolation:isolate;background:#d9e1d6}.visual-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 56% 45%,#f1f3e9,#d9e3d8 68%,#c2d1c4);transition:background .7s}.scene{position:absolute;inset:0;transition:opacity .85s cubic-bezier(.2,.75,.2,1),transform 1s cubic-bezier(.2,.75,.2,1),clip-path 1.1s cubic-bezier(.2,.75,.2,1);pointer-events:none}.idea-scene{opacity:1;transform:scale(1)}.brand-scene{opacity:0;transform:scale(.9);clip-path:circle(0% at 50% 50%)}.trust-scene{opacity:0;transform:translateY(50px)}body[data-stage="1"] .idea-scene,body[data-stage="2"] .idea-scene{opacity:0;transform:scale(1.08)}body[data-stage="1"] .brand-scene{opacity:1;transform:scale(1);clip-path:circle(85% at 50% 50%)}body[data-stage="2"] .brand-scene{opacity:0;transform:scale(1.05);clip-path:circle(85% at 50% 50%)}body[data-stage="2"] .trust-scene{opacity:1;transform:none}body[data-stage="1"] .stage-area{background:#eee5da}body[data-stage="1"] .stage-visual{background:#decfc2}body[data-stage="2"] .stage-area{background:#ddece6}body[data-stage="2"] .stage-visual{background:#b4d2c5}
.idea-note{position:absolute;background:#f5eee2;color:#303a30;box-shadow:0 24px 40px rgba(47,64,52,.18);padding:29px;display:flex;flex-direction:column}.note-one{width:210px;height:160px;left:12%;top:16%;transform:rotate(-13deg)}.note-pin{position:absolute;width:13px;height:13px;border-radius:50%;background:#be927f;top:13px;left:50%;box-shadow:0 2px 4px #0004}.idea-note strong{font-family:Georgia,serif;font-size:31px;font-weight:400;margin-top:29px}.idea-note small{font-size:11px;color:#8a8f80;margin-top:6px}.idea-photo{position:absolute;width:43%;height:55%;right:14%;top:12%;padding:10px 10px 30px;background:#fff9ed;transform:rotate(9deg);box-shadow:0 26px 40px rgba(47,64,52,.23)}.idea-photo img{height:100%;width:100%;object-fit:cover}.idea-swatch{width:145px;height:65px;position:absolute;left:17%;bottom:24%;border-radius:3px;transform:rotate(17deg);background:#c6a794;box-shadow:0 15px 25px #334b3b33}.swatch-two{left:24%;bottom:16%;background:#4e6b58;transform:rotate(24deg)}.note-two{width:190px;height:132px;right:9%;bottom:10%;transform:rotate(-9deg);background:#e9d9c8}.scribble{font-family:Georgia,serif;font-style:italic;font-size:48px;line-height:1}.note-two small{font-size:10px}.idea-tag{position:absolute;bottom:9%;left:7%;font-size:10px;letter-spacing:.18em;color:#688071;font-weight:850}
.brand-scene{background:#ded0c5}.brand-browser{position:absolute;inset:8% 7% 10%;border:1px solid #fff7eb;border-radius:12px;overflow:hidden;background:#f6f0e9;box-shadow:0 35px 85px rgba(73,51,43,.3)}.browser-top{height:36px;background:#faf7f2;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:9px;color:#a8a198}.browser-dots{display:flex;gap:4px}.browser-dots i{width:6px;height:6px;border-radius:50%;background:#d2c9c4}.aura-nav{height:69px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 5%;border-bottom:1px solid #e3d8cc;color:#455147}.aura-logo{font:42px Georgia,serif;letter-spacing:-.09em}.aura-logo span{color:#ae7964}.aura-links,.aura-bag{font-size:9px;letter-spacing:.08em}.aura-hero{height:calc(100% - 157px);display:grid;grid-template-columns:45% 55%;background:#e7d9c9}.aura-copy{padding:15% 6% 10% 14%;display:flex;flex-direction:column;align-items:flex-start;color:#3b4038}.aura-copy>span:first-child{font-size:9px;letter-spacing:.18em;font-weight:750;color:#8e6c57}.aura-copy strong{font:clamp(31px,4vw,65px)/.99 Georgia,serif;letter-spacing:-.06em;margin-top:34px}.aura-copy strong em{font-weight:400;color:#9b6f65}.aura-copy small{font-size:12px;line-height:1.5;margin-top:22px;color:#697066}.aura-faux-link{margin-top:auto;font-size:11px;font-weight:750;border-bottom:1px solid #647569;padding-bottom:7px}.aura-faux-link b{margin-left:15px}.aura-photo{overflow:hidden}.aura-photo img{width:100%;height:100%;object-fit:cover;object-position:center 60%;transform:scale(1.07);transition:transform 2s}.aura-footer{height:52px;background:#f9f6f0;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:9px;letter-spacing:.12em;color:#8a8074;font-weight:700}.brand-reveal{position:absolute;right:6%;bottom:2%;background:#284c3d;color:#f5f6ec;padding:12px 17px;border-radius:100px;font-size:10px;letter-spacing:.13em;font-weight:850;box-shadow:0 12px 20px #1b3a3233}.brand-reveal span{font-size:19px;margin-left:11px;color:#cce9c6}
.trust-scene{background:radial-gradient(circle at 65% 43%,#c8e5d8,#a7cdbc)}.trust-orbit{position:absolute;width:88%;aspect-ratio:1;border:1px solid #ffffff88;border-radius:50%;left:10%;top:-10%;box-shadow:0 0 0 80px #ffffff18}.trust-window{position:absolute;inset:12% 10% 15%;border-radius:18px;background:#fbfaf6;box-shadow:0 30px 70px #254c4033;overflow:hidden;color:#22362d}.trust-header{height:64px;display:flex;align-items:center;gap:13px;padding:0 6%;border-bottom:1px solid #e9ece6;font-size:12px;font-weight:760}.trust-monogram{font-size:25px;font-weight:900;letter-spacing:-.09em;color:#2e6349}.trust-dot{width:9px;height:9px;margin-left:auto;border-radius:50%;background:#80c7a1}.trust-greeting{padding:8% 8% 5%;display:flex;flex-direction:column;gap:7px}.trust-greeting small{font-size:9px;letter-spacing:.18em;color:#6e9e7e;font-weight:900}.trust-greeting strong{font-size:clamp(25px,2.5vw,40px);letter-spacing:-.06em}.trust-greeting span{font-size:11px;color:#89938a}.trust-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 8%}.trust-metrics>div{border:1px solid #e2eae1;background:#f3f7f0;border-radius:13px;padding:23px 20px;display:flex;flex-direction:column;gap:8px}.trust-metrics small{color:#77a184;font-size:9px;letter-spacing:.18em;font-weight:850}.trust-metrics strong{font-size:18px;letter-spacing:-.035em}.trust-metrics span{font-size:10px;color:#89988e}.trust-order{display:flex;align-items:center;gap:15px;background:#fff;margin:19px 8%;padding:17px;border:1px solid #e2eae1;border-radius:12px;box-shadow:0 8px 20px #225b3710}.order-icon{display:grid;place-items:center;background:#dff5e8;width:36px;height:36px;border-radius:10px;color:#3d8b61;font-weight:900}.trust-order>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.trust-order strong{font-size:12px}.trust-order small{font-size:9px;color:#8b9b8d}.order-arrow{margin-left:auto;color:#699e7a}.trust-floating{position:absolute;right:3%;bottom:7%;display:flex;align-items:center;gap:15px;border-radius:12px;background:#254735;color:#f7f5eb;padding:17px 20px;box-shadow:0 14px 28px #25473544}.trust-floating strong{font-size:10px;line-height:1.5}.trust-sun{font-size:29px;color:#d3e59f}
.illustration-note{max-width:1420px;margin:18px auto 0;color:#86918a;font-size:11px;line-height:1.5}.manifesto{position:relative;overflow:hidden;text-align:center;padding:clamp(90px,11vw,180px) 24px;background:#151e1c;color:#f8f8f0}.manifesto-glow{position:absolute;width:800px;height:500px;left:50%;top:0;transform:translateX(-50%);background:radial-gradient(ellipse,#3f665459,transparent 70%);pointer-events:none}.manifesto>*:not(.manifesto-glow){position:relative}.manifesto .overline{color:#addbc5}.manifesto h2{font-size:clamp(45px,5.8vw,88px);letter-spacing:-.065em;line-height:1.08;margin:25px 0}.manifesto p:not(.overline){color:#a7b5ab;max-width:650px;line-height:1.7;margin:0 auto;font-size:17px}.manifesto a{display:inline-flex;gap:30px;align-items:center;border:1px solid #8da697;padding:15px 20px;border-radius:100px;margin-top:36px;font-size:13px;font-weight:760}.site-footer{background:#151e1c;border-top:1px solid #ffffff1f;display:flex;justify-content:space-between;gap:15px;padding:28px clamp(22px,5vw,80px);font-size:10px;letter-spacing:.12em;color:#8ba297;text-transform:uppercase;font-weight:750}
@media(max-width:1100px){.opening-inner{width:64%}.opening-art{width:43vw;right:-4%}.stage-area{grid-template-columns:.48fr .52fr}.stage-copy{padding:40px}.aura-copy strong{font-size:clamp(27px,3.7vw,50px)}.trust-window{inset:10% 6% 16%}.trust-floating{right:1%}}
@media(max-width:800px){.header-center{display:none}.opening{padding-top:85px;padding-bottom:420px;align-items:flex-start;min-height:900px}.opening-inner{width:100%;max-width:600px}.opening h1{font-size:clamp(62px,11vw,100px)}.opening-art{width:min(70vw,500px);right:6%;top:auto;bottom:35px;transform:none}.opening-index{bottom:25px}.experience-intro{margin:75px auto 45px}.chapter{padding:18px;gap:8px}.chapter small{display:none}.stage-area{grid-template-columns:1fr}.stage-copy{padding:48px 35px 30px}.stage-copy h3{font-size:clamp(42px,7vw,70px)}.stage-description{margin:20px 0 25px}.stage-progress{margin-top:30px}.stage-visual{min-height:540px}.aura-copy strong{font-size:clamp(31px,5vw,55px)}}
@media(max-width:550px){.site-header{height:70px}.brand{font-size:24px}.header-action{font-size:10px}.opening{min-height:805px;padding:75px 24px 380px}.opening h1{font-size:clamp(58px,14vw,78px)}.opening-lede{font-size:17px}.opening-art{width:82vw;right:8%;bottom:42px}.opening-index{left:24px;font-size:8px}.experience{padding:25px 16px 70px}.section-head{font-size:8px}.experience-intro h2{font-size:clamp(40px,10vw,58px)}.experience-intro>p:last-child{font-size:15px}.chapter-nav{gap:3px}.chapter{padding:13px 8px;display:flex;flex-direction:column;gap:4px;min-height:72px}.chapter span{font-size:9px}.chapter strong{font-size:12px}.stage-copy{padding:39px 25px 29px}.stage-copy h3{font-size:clamp(43px,11vw,60px)}.stage-description{font-size:15px}.stage-progress{margin-top:32px}.stage-visual{min-height:415px}.note-one{width:150px;height:117px;padding:18px}.idea-note strong{font-size:23px;margin-top:22px}.idea-note small{font-size:8px}.idea-photo{width:48%;height:55%;right:9%}.note-two{width:135px;height:94px;padding:15px}.scribble{font-size:32px}.note-two small{font-size:8px}.idea-swatch{width:90px;height:43px}.brand-browser{inset:8% 3% 10%}.browser-top{height:26px}.aura-nav{height:44px}.aura-logo{font-size:27px}.aura-links{font-size:6px}.aura-bag{font-size:6px}.aura-hero{height:calc(100% - 99px)}.aura-copy{padding:12% 4% 8% 10%}.aura-copy>span:first-child{font-size:6px}.aura-copy strong{font-size:clamp(19px,5vw,28px);margin-top:18px}.aura-copy small{font-size:7px;margin-top:10px}.aura-faux-link{font-size:7px}.aura-footer{height:29px;font-size:6px}.brand-reveal{font-size:7px;padding:8px 10px}.trust-window{inset:9% 4% 12%}.trust-header{height:45px;font-size:9px}.trust-greeting{padding:7% 6% 5%}.trust-greeting strong{font-size:24px}.trust-metrics{gap:6px;padding:0 6%}.trust-metrics>div{padding:14px 10px}.trust-metrics strong{font-size:12px}.trust-metrics span{font-size:8px}.trust-order{margin:12px 6%;padding:11px}.trust-floating{padding:10px;bottom:3%}.trust-floating strong{font-size:8px}.trust-sun{font-size:18px}.manifesto p:not(.overline){font-size:15px}.site-footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(min-width:551px) and (max-width:1100px){.aura-copy strong{font-size:clamp(22px,2.7vw,36px)}}
@keyframes introLift{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes introFade{from{opacity:0}to{opacity:1}}
.opening-inner{animation:introLift .9s cubic-bezier(.2,.8,.2,1) both}
.opening-art{animation:introFade 1.2s ease .2s both}
body[data-stage="1"] .aura-photo img{transform:scale(1)}
.opening-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;--pointer-x:66%;--pointer-y:43%;--trail-x:0px;--trail-y:0px}.pointer-bloom{position:absolute;inset:0;background:radial-gradient(540px circle at var(--pointer-x) var(--pointer-y),rgba(170,233,214,.14),rgba(181,162,223,.055) 42%,transparent 72%);opacity:.65;transition:opacity .8s}.opening:hover .pointer-bloom{opacity:1}.light-trails{position:absolute;inset:-5%;width:110%;height:110%;fill:none;transform:translate3d(var(--trail-x),var(--trail-y),0);transition:transform .45s ease-out}.trail{stroke-width:1.2;stroke-linecap:round;stroke-dasharray:18 15;animation:trail-drift 36s linear infinite}.trail-two{stroke-width:1;stroke-dasharray:10 18;animation-duration:48s;animation-direction:reverse}.trail-three{stroke-width:.8;stroke-dasharray:6 20;animation-duration:58s}.light-point{position:absolute;width:5px;height:5px;border-radius:50%;background:#c8f6df;box-shadow:0 0 13px 4px rgba(169,233,206,.48);opacity:.55;animation:light-breathe 6s ease-in-out infinite}.point-one{top:26%;left:68%}.point-two{top:63%;left:52%;animation-delay:-2s;background:#dac2e8;box-shadow:0 0 13px 4px rgba(218,194,232,.45)}.point-three{top:79%;left:83%;animation-delay:-4s}.opening-art{animation:introFade 1.2s ease .2s both,art-float 9s ease-in-out 1.4s infinite}.art-halo{animation:halo-breathe 8s ease-in-out infinite}.sheet-front{animation:card-breathe 9s ease-in-out infinite;transform-origin:50% 70%}.sheet-back{animation:back-breathe 11s ease-in-out infinite;transform-origin:50% 70%}@keyframes trail-drift{to{stroke-dashoffset:-330}}@keyframes light-breathe{50%{opacity:.95;transform:scale(1.5)}}@keyframes halo-breathe{50%{opacity:.75;transform:scale(1.08)}}@keyframes art-float{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 9px))}}@keyframes card-breathe{50%{transform:rotate(6deg) translateY(-4px)}}@keyframes back-breathe{50%{transform:rotate(25deg) translate(20%,7%)}}
@media(max-width:800px){.opening-art{animation:introFade 1.2s ease .2s both,art-float-mobile 9s ease-in-out 1.4s infinite}@keyframes art-float-mobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.light-trails{opacity:.6}}
@media(prefers-reduced-motion:reduce){.pointer-bloom{display:none}.light-trails{transform:none}.opening-art,.art-halo,.sheet-front,.sheet-back,.trail,.light-point{animation:none!important}}

/* The story below the hero keeps the same light, depth and restrained motion. */
.experience{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#e7eee9 0,#f3f1ea 16%,#f3f1ea 100%)}
.experience::before{content:"";position:absolute;z-index:-1;top:-330px;left:50%;width:min(1100px,110vw);height:700px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(160,216,196,.33),rgba(207,183,218,.11) 48%,transparent 72%);pointer-events:none}
.section-head{position:relative}.section-head::after{content:"";position:absolute;left:0;bottom:-1px;width:19%;height:1px;background:linear-gradient(90deg,#6cbf9e,transparent)}
.experience-intro{position:relative}.experience-intro::before{content:"";display:block;width:38px;height:38px;margin:0 auto 23px;border:1px solid rgba(93,146,121,.45);border-radius:50%;box-shadow:0 0 0 13px rgba(150,208,178,.09),0 0 30px rgba(117,190,151,.16)}
.chapter-nav{position:relative;z-index:2}.chapter{position:relative;overflow:hidden;min-height:101px;background:rgba(255,255,255,.42);border-color:rgba(115,145,128,.22);backdrop-filter:blur(8px);transition:background .35s,color .35s,border-color .35s,transform .35s,box-shadow .35s}.chapter:hover{transform:translateY(-5px);background:#fffdf8;box-shadow:0 12px 30px rgba(35,66,50,.08)}.chapter.is-active{background:#172621;box-shadow:0 15px 38px rgba(24,49,36,.15)}.chapter.is-active::after{content:"";position:absolute;right:-25px;top:-50px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(163,227,196,.22),transparent 70%)}
.stage-area{position:relative;z-index:1;border-radius:0 0 26px 26px;box-shadow:0 40px 80px rgba(37,69,51,.12);border-color:rgba(113,147,125,.18)}.stage-area::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.45);border-top:0;border-radius:inherit;pointer-events:none;z-index:3}.stage-copy{background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 65%)}.stage-overline{display:flex;align-items:center;gap:13px}.stage-overline::before{content:"";width:24px;height:1px;background:currentColor}.stage-visual::after{content:"";position:absolute;inset:-35%;z-index:4;pointer-events:none;background:linear-gradient(110deg,transparent 37%,rgba(255,255,255,.12) 49%,transparent 61%);transform:translateX(-70%);animation:stage-glimmer 14s ease-in-out 3s infinite}.visual-backdrop::after{content:"";position:absolute;inset:0;opacity:.48;background:radial-gradient(circle at 79% 18%,rgba(255,255,255,.9) 0 2px,transparent 3px),radial-gradient(circle at 18% 78%,rgba(255,255,255,.8) 0 2px,transparent 3px);pointer-events:none}
body[data-stage="0"] .idea-photo{animation:scene-float 8s ease-in-out infinite}body[data-stage="0"] .note-one{animation:scene-float-alt 10s ease-in-out infinite}body[data-stage="1"] .brand-browser{animation:reveal-settle 1.1s cubic-bezier(.2,.75,.2,1) both}body[data-stage="2"] .trust-floating{animation:trust-rise 1.1s cubic-bezier(.2,.75,.2,1) both}
.illustration-note{padding-top:10px;text-align:center}
.manifesto{isolation:isolate;background:radial-gradient(circle at 50% 5%,#28443b 0,#172722 32%,#111c1b 75%)}.manifesto::before,.manifesto::after{content:"";position:absolute;z-index:0;left:50%;top:50%;width:min(1000px,90vw);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(195,237,212,.11);border-radius:50%;pointer-events:none}.manifesto::after{width:min(700px,65vw);border-color:rgba(206,181,223,.12)}.manifesto-glow{background:radial-gradient(ellipse,rgba(106,178,139,.19),rgba(172,139,188,.08) 42%,transparent 72%);animation:manifesto-breathe 12s ease-in-out infinite}.manifesto h2 em{background:linear-gradient(105deg,#d8b6dd,#c7f0d8,#d8b6dd);background-size:200% 100%;color:transparent;background-clip:text;-webkit-background-clip:text;animation:words-glow 12s ease-in-out infinite}.manifesto a{background:rgba(220,245,230,.06);transition:background .3s,transform .3s}.manifesto a:hover{background:rgba(220,245,230,.14);transform:translateY(-3px)}
@keyframes stage-glimmer{0%,70%,100%{transform:translateX(-70%)}85%{transform:translateX(70%)}}@keyframes scene-float{50%{transform:rotate(9deg) translateY(-8px)}}@keyframes scene-float-alt{50%{transform:rotate(-13deg) translateY(6px)}}@keyframes reveal-settle{from{transform:translateY(24px) scale(.97);opacity:.3}to{transform:none;opacity:1}}@keyframes trust-rise{from{transform:translateY(22px);opacity:0}to{transform:none;opacity:1}}@keyframes manifesto-breathe{50%{opacity:.65;transform:translateX(-50%) scale(1.12)}}@keyframes words-glow{50%{background-position:100% 0}}
@media(max-width:800px){.chapter{min-height:76px}.experience::before{top:-200px}.stage-area{border-radius:0 0 20px 20px}.manifesto::before{width:110vw}.manifesto::after{width:75vw}}
@media(prefers-reduced-motion:reduce){.stage-visual::after{display:none}.idea-photo,.note-one,.brand-browser,.trust-floating,.manifesto-glow,.manifesto h2 em{animation:none!important}}

/* Public Vitrux preview sections */
.header-center{display:flex;align-items:center;gap:8px}.header-center a{color:inherit;transition:color .25s}.header-center a:hover,.site-footer a:hover{color:#c5ecd9}.header-action{white-space:nowrap}.possibilities{background:#eeeae3;color:#192622;padding:110px clamp(22px,5vw,80px) 125px}.possibilities-heading{max-width:900px;margin:0 auto 60px;text-align:center}.possibilities-heading h2{font-size:clamp(42px,5.6vw,82px);line-height:1.05;letter-spacing:-.065em;font-weight:650;margin:20px 0}.possibilities-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#a87f99}.possibilities-heading>p:last-child{font-size:17px;line-height:1.65;color:#67766d;max-width:650px;margin:auto}.possibilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1420px;margin:auto}.possibilities-grid article{min-height:310px;display:flex;flex-direction:column;padding:40px;border:1px solid #d9ddd3;border-radius:22px;background:#f9f7f0;box-shadow:0 15px 35px rgba(30,58,41,.035);transition:transform .3s,box-shadow .3s}.possibilities-grid article:hover{transform:translateY(-5px);box-shadow:0 25px 45px rgba(30,58,41,.08)}.possibilities-grid article>span{font-size:10px;letter-spacing:.2em;font-weight:850;color:#788d7b}.possibilities-grid h3{font-size:clamp(25px,2vw,34px);line-height:1.1;letter-spacing:-.05em;margin:30px 0 15px}.possibilities-grid p{color:#66766d;font-size:15px;line-height:1.65;margin:0 0 30px}.possibilities-grid a{margin-top:auto;width:max-content;border-bottom:1px solid #769d83;padding-bottom:5px;font-size:12px;font-weight:800}.possibilities-grid a span{margin-left:12px}.manifesto-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.manifesto-actions a:first-child{background:#c5ecd9;color:#172724;border-color:#c5ecd9}.site-footer a{transition:color .25s}@media(max-width:850px){.possibilities-grid{grid-template-columns:1fr}.possibilities-grid article{min-height:245px}.possibilities{padding-top:80px;padding-bottom:90px}}@media(max-width:550px){.possibilities{padding:75px 20px 85px}.possibilities-grid article{padding:30px}.site-footer{flex-wrap:wrap}.site-footer span:nth-child(2){order:3;width:100%}}

.opening-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:39px}.opening-actions .opening-cta{margin-top:0}.opening-register{color:#d5eee2;font-size:13px;font-weight:750;border-bottom:1px solid rgba(213,238,226,.5);padding-bottom:6px}.opening-register span{margin-left:8px}.opening-register:hover{color:#fff;border-color:#fff}
.catalog-types{background:#192824;color:#f4f1e9;padding:110px clamp(22px,5vw,80px)}.catalog-types-inner{max-width:1420px;margin:auto}.catalog-types-heading{max-width:850px}.catalog-types .overline{color:#b5d8c4}.catalog-types h2,.how-it-works h2{font-size:clamp(42px,5.5vw,78px);font-weight:650;line-height:1.05;letter-spacing:-.065em;margin:20px 0}.catalog-types h2 em,.how-it-works h2 em{font-family:Georgia,serif;font-weight:400;color:#c7adc7}.catalog-types-heading>p:last-child{color:#b9cac0;font-size:17px;line-height:1.65}.catalog-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}.catalog-types-grid article{padding:34px;min-height:250px;border:1px solid rgba(227,242,232,.18);border-radius:22px;background:rgba(255,255,255,.035)}.catalog-types-grid article>span{font-size:10px;font-weight:850;letter-spacing:.2em;color:#a6cab8}.catalog-types-grid h3{font-size:clamp(25px,2vw,34px);line-height:1.1;letter-spacing:-.05em;margin:27px 0 15px}.catalog-types-grid p{font-size:15px;line-height:1.65;color:#bbcbc3;margin:0}.catalog-types-link{display:inline-flex;margin-top:38px;border-bottom:1px solid #c5ecd9;padding-bottom:8px;color:#c5ecd9;font-size:13px;font-weight:800}.catalog-types-link span{margin-left:20px}
.how-it-works{background:#f6f3ec;color:#192622;padding:110px clamp(22px,5vw,80px)}.how-inner{max-width:1420px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}.how-inner .overline{color:#6e8e79}.how-it-works h2 em{color:#a87f99}.how-inner ol{list-style:none;padding:0;margin:0;border-top:1px solid #cfd7ce}.how-inner li{display:flex;gap:28px;padding:26px 0;border-bottom:1px solid #cfd7ce}.how-inner li>span{font-size:12px;letter-spacing:.15em;font-weight:850;color:#72947d;padding-top:7px}.how-inner h3{font-size:25px;letter-spacing:-.04em;margin:0 0 9px}.how-inner p{font-size:15px;line-height:1.6;color:#68776d;margin:0}
@media(max-width:1050px){.header-center{gap:4px}.header-center span{padding:0 3px}.catalog-types-grid{grid-template-columns:1fr}.catalog-types-grid article{min-height:0}.how-inner{grid-template-columns:1fr;gap:35px}}@media(max-width:650px){.opening-actions{gap:20px}.catalog-types,.how-it-works{padding:75px 20px}.catalog-types-grid article{padding:28px}.how-inner li{gap:18px}}
