/* Cinematic presentation; readable controls and records stay on the DOM. */
.z-hero{background:radial-gradient(ellipse at 75% 45%,#454a55 0,#20272e 38%,#101416 72%);perspective:1200px;padding-left:7%;min-height:820px}
.z-hero-copy{max-width:62%;padding-top:15px}.z-hero h1{font-size:clamp(58px,6.7vw,110px);line-height:1.02;max-width:920px}.z-title-line{display:block;animation:z-word-arrive 1.3s cubic-bezier(.16,1,.3,1) both}.z-title-line:nth-child(2){animation-delay:.16s}.z-hero-copy>p:not(.z-kicker){max-width:420px;color:#d0d5d6}.z-discover{display:block;width:fit-content;font-size:11px;letter-spacing:.06em;color:#b5bcc0;margin-top:22px}.z-header{background:linear-gradient(#101416a0,transparent);border-bottom:1px solid #fff1}.z-header .z-motion{border:1px solid #bda66a66;padding:10px 13px;border-radius:30px}.z-header .z-entry{white-space:nowrap}
.z-chapters{position:relative;display:flex;justify-content:center;gap:5vw;padding:26px 7%;border-block:1px solid #ffffff14;background:#151b1f;isolation:isolate}.z-chapters button{display:flex;gap:12px;align-items:center;color:#c4ab72;background:transparent;font-size:10px;padding:12px;border:0}.z-chapters button span{color:#cbd0d2;font-size:12px}.z-reading-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,#c8a65c,#e4e9ec);transform:scaleX(var(--reading,0));transform-origin:left;transition:transform .15s linear}
.z-intro,.z-members,.z-venture{scroll-margin-top:30px}.z-intro{background:radial-gradient(ellipse at 10% 100%,#3a352332,transparent 65%)}.z-venture-art{perspective:1000px;background:radial-gradient(ellipse,#82734a22,transparent 60%)}.z-arch{transform:rotateY(calc(-15deg + var(--pointer))) rotateX(5deg);transition:transform .5s ease-out}.z-member-grid{gap:20px;perspective:1100px}.z-member-grid article,.z-member-grid article:first-child{border:1px solid #cbbb8a2b;border-radius:22px;background:linear-gradient(135deg,#2b3238b0,#14191d);padding:32px;box-shadow:0 25px 50px #0002;transition:transform .45s,border-color .45s,box-shadow .45s}.z-member-grid article:hover{transform:translateY(-10px) rotateX(3deg);border-color:#cbbb8a88;box-shadow:0 35px 60px #0006}.z-member-grid h3{font-size:30px}.z-closing{background:radial-gradient(ellipse at bottom,#b49b4e22,transparent 70%)}.z-wordmark{background:linear-gradient(120deg,#b9c1c8,#d4b977,#8b744b);background-clip:text;-webkit-background-clip:text;color:transparent;opacity:.4}
body:not(.public-home) .workspace{background:radial-gradient(ellipse at 95% 0%,#8f7a3c20,transparent 42%),radial-gradient(ellipse at 20% 100%,#8094a015,transparent 55%)}body:not(.public-home) .topbar{backdrop-filter:blur(18px);background:#151b20d9}body:not(.public-home) #main{animation:z-portal-arrive .6s ease-out}body:not(.public-home) .sidebar{background:linear-gradient(155deg,#242b31,#11171b)}
@keyframes z-word-arrive{from{opacity:0;transform:translate3d(0,32px,-50px) rotateX(12deg);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes z-portal-arrive{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.z-hero-copy{max-width:70%}.z-member-grid{gap:12px}.z-member-grid article{padding:24px}}
@media(max-width:760px){.z-hero{padding:125px 7% 110px;align-items:flex-start;min-height:850px}.z-hero-copy{max-width:100%;padding:0}.z-hero h1{font-size:clamp(48px,10vw,70px);margin-top:32px}.z-hero-copy>p:not(.z-kicker){max-width:310px;font-size:14px}.z-chapters{gap:6px;padding:16px 3%}.z-chapters button{padding:8px;gap:6px}.z-chapters button span{font-size:10px}.z-hero-bottom{bottom:32px}.z-member-grid article,.z-member-grid article:first-child{padding:26px;border:1px solid #cbbb8a2b}.z-member-grid article:last-child{border:1px solid #cbbb8a2b}.z-header-actions{gap:10px}.z-header .z-motion{padding:8px}.z-discover{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.z-title-line,body:not(.public-home) #main{animation:none}.z-arch,.z-member-grid article,.z-reading-progress{transition:none;transform:none}}
.motion-paused .z-title-line,.motion-paused #main{animation:none}.motion-paused .z-arch,.motion-paused .z-member-grid article{transition:none;transform:none}
/* Reference-led cinematic composition. Full-bleed live artwork replaces stock footage. */
.public-home #main{overflow:clip}.z-world{background:#090f18}.z-hero{height:max(920px,110svh);min-height:920px;padding:145px 5% 100px;align-items:flex-start;justify-content:center;perspective:none;background:radial-gradient(ellipse at 50% 65%,#27313e 0,#101925 38%,#070c13 76%)}
.z-hero-copy{width:100%;max-width:1200px;text-align:center;transform:none;opacity:1;padding:0;pointer-events:none}.z-hero-copy a{pointer-events:auto}.z-hero .z-kicker{font-size:10px;letter-spacing:.3em}.z-hero h1{max-width:none;font-size:clamp(64px,8.6vw,148px);line-height:.94;margin:25px 0;text-shadow:0 4px 40px #0009;letter-spacing:-.06em}.z-title-line{animation:none}.z-title-line em{background:linear-gradient(110deg,#f1dfac,#bda167 45%,#e7e9e9);color:transparent;background-clip:text;-webkit-background-clip:text}.z-hero-copy>p:not(.z-kicker){max-width:550px;margin:24px auto;color:#c5cdd5;font-size:15px}.z-hero-copy .z-round-link{margin-top:18px;padding:8px 10px 8px 24px;border:1px solid #d3bb7b66;border-radius:50px;background:#0a1018ba;backdrop-filter:blur(14px);box-shadow:0 10px 40px #0003}.z-discover{margin:16px auto}.z-hero-copy .z-round-link span{background:#d9bd7a;color:#111820}.z-header{padding:22px 5%;background:transparent}.z-brand small{letter-spacing:.14em}.z-hero .z-spline-hero{inset:auto 0 -8%;width:100%;height:76%;opacity:.9;transform:none;transition:none;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 68%)}.z-spline-hero>img{inset:18% 12%;width:76%;height:64%}.z-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.85}.z-atmosphere{display:none}.z-hero-bottom{font-size:9px;letter-spacing:.14em;bottom:35px}.z-hero-bottom .z-coordinate{letter-spacing:0}.z-chapters{background:#0a1019}.z-intro{padding:130px 10%;text-align:center;background:radial-gradient(ellipse at 50% 0,#27313c55,transparent 70%)}.z-intro h2{max-width:1050px;margin:30px auto;font-size:clamp(48px,6vw,94px)}.z-intro-bottom{max-width:900px;margin:50px auto 0;text-align:left}.z-venture{background:#101821}.z-venture-art{background:radial-gradient(ellipse at 50% 55%,#cf9d4440,transparent 60%),#0b121c}.z-members{background:linear-gradient(#0b121b,#121b26);padding-block:110px}.z-member-grid article{background:linear-gradient(145deg,#27334280,#111a25);border-radius:8px}.z-member-grid article:hover{transform:translateY(-6px)}.z-closing{padding-top:125px;background:radial-gradient(ellipse at 50% 90%,#bea66e25,transparent 65%),#080f18}.z-closing h2{font-size:clamp(50px,7vw,110px)}.z-footer{background:#080f18}.z-world .z-arch,.z-world .z-explore span{animation:none}
.z-timeline{padding:70px 5% 40px;background:#e5e1d7;color:#18202b;position:relative;isolation:isolate}.z-timeline-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:40px}.z-timeline-heading .z-kicker{width:100%;color:#65583d;margin:0}.z-timeline h2{font-size:clamp(40px,4.5vw,70px);line-height:1.05;margin:0}.z-timeline h2 em{color:#7b6135}.z-timeline .z-timeline-hint{font-size:11px;color:#5c626a;letter-spacing:.04em}.z-timeline-hint span{margin-left:25px;font-size:24px}.z-timeline-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a18a58 #ccc7ba}.z-timeline-track{display:flex;gap:28px;width:max-content;padding:10px 0 20px}.z-milestone{position:relative;width:min(65vw,740px);min-height:470px;padding:32px 38px;background:#d6d3cb;border:1px solid #b7b1a47a;overflow:hidden;scroll-snap-align:start;isolation:isolate}.z-phase{font-size:10px;letter-spacing:.16em;color:#5a5c5e}.z-milestone-date{display:block;font:italic 42px Georgia,serif;color:#7b6135;margin-top:110px}.z-milestone h3{font:400 clamp(28px,3vw,42px)/1.05 Georgia,serif;letter-spacing:-.035em;position:relative;max-width:400px;margin:20px 0}.z-milestone p{max-width:330px;font-size:13px;color:#555d66;position:relative}.z-milestone a{font-size:12px;color:#293444;border-bottom:1px solid #89816f;padding:10px 0;display:inline-block;position:relative}.z-milestone-art{position:absolute;right:-15px;top:50px;width:280px;height:260px;z-index:-1;opacity:.75;perspective:900px}.z-art-seed i{position:absolute;inset:20px;border:1px solid #92733c;border-radius:50%;transform:rotateY(55deg) rotateX(25deg);box-shadow:inset 10px 5px 18px #b69c6a55}.z-art-seed i:nth-child(2){transform:rotateY(-45deg) rotateX(-25deg);border-color:#8a969f}.z-art-seed i:nth-child(3){inset:90px;background:radial-gradient(circle at 30% 25%,#f9ecc4,#a88948 45%,#354252);transform:none;box-shadow:15px 25px 50px #2b354344}.z-art-city{display:flex;align-items:flex-end;justify-content:center;gap:10px;transform:rotateY(-20deg) rotateX(15deg)}.z-art-city i{width:36px;height:60%;background:linear-gradient(100deg,#eee4c9,#a6874b 45%,#6f7780);box-shadow:10px 10px 20px #28333d22}.z-art-city i:nth-child(2){height:90%}.z-art-city i:nth-child(3){height:75%}.z-art-city i:nth-child(4){height:100%}.z-art-city i:nth-child(5){height:45%}.z-art-horizon i{display:block;width:250px;height:250px;border:26px solid #bdab86;border-radius:50%;box-shadow:inset 0 0 25px #778797,0 0 30px #f9f1d8;transform:rotateY(-35deg) rotateX(20deg)}.z-timeline-progress{height:1px;background:#aaa391;margin-top:20px}.z-timeline-progress i{display:block;height:2px;background:#7e6234;transform-origin:left;transform:scaleX(var(--timeline-progress,0));width:100%}.z-pinned{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.z-pinned .z-timeline-window{overflow:hidden;scroll-snap-type:none}.z-pinned .z-timeline-track{will-change:transform}.z-pinned .z-milestone{min-height:420px}.z-cinematic .z-reading-progress{transform:scaleX(0);transition:none}.z-cinematic .z-reveal{transition:none}
@media(max-width:899px){.z-timeline{padding:70px 7% 45px}.z-milestone{width:80vw;min-height:490px;padding:28px}.z-timeline-heading{display:block}.z-timeline-heading h2{margin-top:24px}.z-timeline-hint{margin-top:20px}.z-milestone-art{right:-80px;opacity:.5}.z-milestone h3{max-width:260px}.z-timeline-progress{display:none}.z-hero h1{font-size:clamp(60px,10vw,86px)}.z-hero .z-spline-hero{height:66%;bottom:-2%;inset-inline:-15%;width:130%}.z-hero{height:max(860px,105svh);min-height:860px;padding-top:140px}.z-hero-copy{max-width:100%}.z-hero-copy>p:not(.z-kicker){max-width:340px}.z-hero-copy .z-round-link{margin-top:8px}.z-particles{opacity:.6}.z-hero-bottom>span{display:none}.z-intro{padding:85px 7%}.z-hero .z-discover{display:none}}
@media(max-width:520px){.z-hero h1{font-size:59px;line-height:1;letter-spacing:-.065em}.z-hero{padding-top:130px;min-height:880px;height:105svh}.z-hero .z-spline-hero{height:58%;bottom:1%}.z-title-line:last-child{max-width:350px;margin:auto}.z-hero-copy>p:not(.z-kicker){font-size:13px;max-width:280px}.z-hero-copy .z-round-link{font-size:11px}.z-header{padding:20px 6%}.z-hero .z-kicker{font-size:8px;letter-spacing:.2em}.z-members{padding-block:80px}.z-member-grid article,.z-member-grid article:first-child,.z-member-grid article:last-child{border:1px solid #cbbb8a2b;border-radius:8px}.z-milestone p{max-width:230px}.z-milestone-date{margin-top:140px}}
@media(prefers-reduced-motion:reduce){.z-world *{scroll-behavior:auto!important}.z-particles{opacity:.45}}.z-still .z-hero-copy{opacity:1;transform:none}

/* Architectural pavilion replaces the decorative monogram. */
.z-hero{height:max(1000px,115svh)}.z-hero .z-spline-hero{height:67%;bottom:-8%;opacity:1;mask-image:radial-gradient(ellipse at center,#000 22%,transparent 72%)}.z-model-caption{position:absolute;bottom:88px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.2em;color:#aeb8c5;z-index:2;pointer-events:none}.z-hero .z-particles{opacity:.45}
@media(max-width:899px){.z-hero{height:max(920px,110svh)}.z-hero .z-spline-hero{height:58%;bottom:2%;width:120%;inset-inline:-10%}.z-model-caption{font-size:7px;letter-spacing:.1em;bottom:105px}}
@media(max-width:520px){.z-hero{height:max(900px,110svh)}.z-hero .z-spline-hero{height:52%;bottom:4%}.z-model-caption{bottom:110px;font-size:6px}}
.z-hero .z-discover{display:none}@media(max-width:520px){.z-hero .z-spline-hero{height:48%;bottom:0}.z-model-caption{bottom:73px}}
/* Zentara is the technology company; architecture belongs to UrbanNest. */
.z-hero h1{font-size:clamp(64px,8.2vw,134px)}.z-hero .z-spline-hero{height:68%;bottom:-3%}.z-urban-art{position:relative;overflow:hidden;min-height:640px;background:radial-gradient(ellipse at center,#303540 0,#151e2a 60%,#0b121c 80%)}.z-urban-scene{position:absolute;inset:0;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);pointer-events:none}.z-urban-scene img,.z-urban-scene iframe{position:absolute;width:100%;height:100%;inset:0;border:0;object-fit:contain;pointer-events:none}.z-urban-art .z-art-caption{z-index:2;bottom:35px;color:#c2cbd1;letter-spacing:.16em;font-size:8px}.z-apps{padding:110px 8%;background:radial-gradient(ellipse at 0 30%,#34435355,transparent 60%),#0c131d;scroll-margin-top:30px}.z-apps-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:0 8%;align-items:end}.z-apps-heading .z-kicker{grid-column:1/-1}.z-apps h2{font-size:clamp(44px,5vw,78px);line-height:1.05;margin:25px 0 40px}.z-apps-heading>p:last-child{font-size:14px;max-width:290px;margin-bottom:45px}.z-app-list{border-top:1px solid #d3c59d33}.z-app-row{display:flex;gap:28px;align-items:center;padding:30px 16px;border-bottom:1px solid #d3c59d25;color:#c6cdd3}.z-app-index{font:10px Arial,sans-serif;color:#b9a36d;letter-spacing:.15em}.z-app-name{font:400 clamp(25px,3vw,45px) Georgia,serif;color:#dbe1e4;flex:1;letter-spacing:-.02em}.z-app-row small{font-size:8px;letter-spacing:.12em;color:#919da8}.z-app-featured{background:linear-gradient(90deg,#a9823920,transparent);transition:background .25s}.z-app-featured:hover{background:#b68f3d22}.z-app-featured>span:last-child{font-size:28px;color:#cbb67e}
@media(max-width:899px){.z-hero h1{font-size:clamp(58px,9.6vw,80px)}.z-hero .z-spline-hero{height:60%;bottom:2%}.z-urban-art{min-height:560px}.z-apps{padding:80px 7%}.z-apps-heading{display:block}.z-apps-heading>p:last-child{margin:0 0 35px}.z-app-row{gap:15px;padding:25px 5px}.z-app-row small{font-size:7px}}
@media(max-width:520px){.z-hero h1{font-size:59px}.z-hero .z-spline-hero{height:55%;bottom:3%;width:130%;inset-inline:-15%}.z-urban-art{min-height:450px}.z-app-row{flex-wrap:wrap}.z-app-row small{margin-left:29px;flex-basis:100%;order:3}.z-app-row .z-app-name{font-size:31px}.z-app-featured>span:last-child{font-size:22px}.z-model-caption{bottom:90px}}
/* Give the technology sculpture presence while keeping the CTA clear. */
.z-hero .z-spline-hero iframe,.z-hero .z-spline-hero img{transform:scale(1.2)}

.z-urban-art{container-type:inline-size}.z-urban-scene{mask-image:none}.z-urban-logo-link{position:absolute;right:5%;bottom:5%;width:calc(clamp(64px,14cqw,100px) + 8px);aspect-ratio:1;z-index:3;border-radius:50%;display:block}.z-urban-logo-link img{width:100%;height:100%;border-radius:50%;object-fit:contain;background:white}.z-urban-art:has(.z-urban-scene iframe[srcdoc]) .z-urban-logo-link img{opacity:0}.z-urban-logo-link:focus-visible{outline:3px solid #ff7a1a;outline-offset:5px}

/* Brand and navigation refinements from owner review. */
.z-header .z-brand{gap:16px}.z-header .z-brand>span{font-family:Georgia,'Times New Roman',serif;font-size:38px;font-style:italic;font-weight:500;letter-spacing:-.035em;color:#eee4cc;line-height:1}.z-header .z-brand small{font:10px Arial,sans-serif;letter-spacing:.12em;margin-top:9px}.z-header .z-brand img{width:88px;height:60px;background:#080e15;filter:invert(1) hue-rotate(180deg) saturate(.85) brightness(1.65);mix-blend-mode:screen}.z-header .z-entry{font-size:16px;gap:18px;padding:10px 14px}.z-header .z-entry span{width:48px;height:48px;font-size:25px}.z-intro h2{color:#eeeae0}.z-intro h2 em{color:#cdb77d}.z-hero-copy>.z-round-link{font-size:16px}
@media(max-width:600px){.z-header{padding:18px 5%;gap:12px}.z-header .z-brand{gap:8px}.z-header .z-brand>span{font-size:29px}.z-header .z-brand img{width:52px;height:42px}.z-header .z-brand small{display:none}.z-header .z-entry{font-size:12px;gap:8px;padding:8px 0}.z-header .z-entry span{width:32px;height:32px;font-size:20px}}
.z-header .z-brand>span{display:block}

/* Floating digital objects surround the Spline sculpture without intercepting controls. */
.z-hero .z-particles{z-index:1;opacity:.85;pointer-events:none}.z-hero .z-hero-copy{z-index:3}.z-digital-satellites{position:absolute;inset:36% 0 9%;z-index:2;pointer-events:none;perspective:1000px;overflow:visible}.z-gadget{position:absolute;display:grid;place-items:center;background:linear-gradient(145deg,#536071,#172332 45%,#0b1421);border:1px solid #dbc58a88;border-radius:20%;box-shadow:5px 7px 0 #131d2b,7px 9px 0 #bba97c55,0 20px 35px #0007,inset 0 1px 2px #ffffff80;transform-style:preserve-3d;animation:z-gadget-drift 12s ease-in-out infinite;--tilt:-12deg;--yaw:18deg}.z-gadget img{width:52%;height:52%;filter:brightness(0) invert(.88) sepia(.4) saturate(1.6) drop-shadow(0 0 8px #e5c78255)}.z-gadget-store{width:76px;height:76px;left:12%;top:13%;animation-delay:-3s}.z-gadget-play{width:63px;height:63px;right:12%;top:8%;--tilt:16deg;--yaw:-22deg;animation-delay:-8s}.z-gadget-phone{width:68px;height:124px;left:7%;top:54%;border-radius:16px;--tilt:-17deg;--yaw:24deg;animation-delay:-5s;background:linear-gradient(120deg,#cbd5e0,#778391 10%,#192434 14%,#0a121d 85%,#c2aa70);padding:14px 8px}.z-phone-camera{position:absolute;top:7px;width:20px;height:4px;background:#040a12;border-radius:5px}.z-phone-screen{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%;padding:10px 2px}.z-phone-screen i{height:18px;border-radius:5px;background:linear-gradient(135deg,#e4d39d,#8d713a);box-shadow:0 0 12px #c4a55d33}.z-phone-screen i:nth-child(3n){background:linear-gradient(135deg,#d3e3ee,#637e91)}.z-gadget-phone>span{width:20px;height:2px;background:#d5c693;position:absolute;bottom:8px}.z-gadget-browser{right:7%;top:52%;width:116px;height:85px;border-radius:10px;--tilt:10deg;--yaw:-25deg;animation-delay:-1s;padding:20px 14px 10px;display:block}.z-browser-dots{position:absolute;top:0;left:10px;letter-spacing:3px;color:#cfb26c;font-size:15px}.z-browser-code{font:26px monospace;text-align:center;color:#e3d3a2}.z-gadget-browser i{display:block;background:#adbdcd66;height:2px;margin:5px auto;width:65%}.z-gadget-chrome{right:24%;bottom:1%;width:52px;height:52px;--tilt:12deg;animation-delay:-6s}.z-gadget-apps{left:25%;bottom:0;width:56px;height:56px;display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:5px;animation-delay:-10s}.z-gadget-apps i{border-radius:4px;background:linear-gradient(140deg,#e1ca8e,#937742)}.z-gadget-apps i:nth-child(2),.z-gadget-apps i:nth-child(3){background:linear-gradient(140deg,#dde6ef,#708190)}
@keyframes z-gadget-drift{0%,100%{transform:translateY(0) rotateZ(var(--tilt)) rotateY(var(--yaw)) rotateX(8deg)}50%{transform:translateY(-22px) rotateZ(calc(var(--tilt) + 8deg)) rotateY(calc(var(--yaw) - 22deg)) rotateX(-8deg)}}
@media(max-width:600px){.z-digital-satellites{inset:52% 0 12%}.z-gadget-store{left:7%;width:52px;height:52px}.z-gadget-play{right:7%;width:48px;height:48px}.z-gadget-phone{left:5%;top:55%;width:48px;height:90px;padding:12px 6px}.z-phone-screen{gap:4px;padding:4px 0}.z-phone-screen i{height:12px}.z-gadget-browser{right:4%;width:77px;height:61px;padding:15px 8px 5px}.z-browser-code{font-size:20px}.z-gadget-chrome{width:38px;height:38px;bottom:-2%}.z-gadget-apps{width:40px;height:40px;padding:7px;gap:3px;bottom:-1%}}
.z-still .z-gadget,.motion-paused .z-gadget{animation:none}@media(prefers-reduced-motion:reduce){.z-gadget{animation:none}}

.z-world .z-wordmark{position:relative;height:clamp(85px,21vw,330px);background:none;opacity:1;color:transparent;letter-spacing:normal;font-size:clamp(60px,18vw,285px);display:grid;place-items:center;line-height:1;overflow:hidden}.z-wordmark>span{background:linear-gradient(165deg,#9d681b 0%,#d6a63f 22%,#fff0ad 40%,#e5bc59 48%,#ae7924 55%,#f5d778 75%,#c18c2e 100%);background-clip:text;-webkit-background-clip:text;color:transparent;opacity:1;letter-spacing:0;transform:scaleX(.97)}.z-wordmark:after{content:'';position:absolute;inset:20% 10%;background:radial-gradient(ellipse,#c7aa4712,transparent 65%);pointer-events:none}



@media(max-width:899px){
.z-mobile-book .z-timeline-window{overflow:visible;perspective:1400px;touch-action:pan-y;scroll-snap-type:none;outline-offset:8px}
.z-mobile-book .z-timeline-track{display:grid;width:100%;padding:0;gap:0;transform:none!important;position:relative;isolation:isolate}
.z-mobile-book .z-milestone{grid-area:1/1;width:100%;min-height:490px;visibility:hidden;transform-origin:0 50%;backface-visibility:hidden;z-index:0;border:1px solid #c2b087;border-radius:3px 14px 14px 3px;background:linear-gradient(90deg,#b9b1a2 0,#ddd7ca 3%,#eee8dc 8%,#d9d4c8 100%);box-shadow:3px 3px 0 #c4bdaf,6px 6px 0 #b8b09f,10px 12px 22px #18202b25;overflow:hidden}
.z-mobile-book .z-milestone:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#3d352b22,transparent 9%,transparent 91%,#fff6);border-right:2px solid #f9f4e7}
.z-mobile-book .z-page-current{visibility:visible;z-index:1}.z-mobile-book .z-page-leaving{visibility:visible;z-index:3;animation:z-book-forward .9s cubic-bezier(.25,.05,.2,1) both}.z-mobile-book .z-page-returning{visibility:visible;z-index:3;animation:z-book-back .9s cubic-bezier(.25,.05,.2,1) both}
.z-book-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 0;color:#66532c;font-size:12px}.z-book-controls button{background:#172431;color:#ead5a2;border:1px solid #9f8754;border-radius:24px;padding:11px 15px;font-size:12px}.z-book-controls button:disabled{opacity:.35;cursor:default}.z-book-controls button:focus-visible{outline:2px solid #7e6033;outline-offset:4px}.z-book-controls span{white-space:nowrap;font-variant-numeric:tabular-nums}
}
@keyframes z-book-forward{0%{transform:rotateY(0);filter:brightness(1)}100%{transform:rotateY(-165deg);filter:brightness(.65)}}
@keyframes z-book-back{0%{transform:rotateY(-165deg);filter:brightness(.65)}100%{transform:rotateY(0);filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.z-mobile-book .z-milestone{animation:none!important}}

/* A lit paper edge, travelling fold and receiving-page shadow soften the turn. */
.z-timeline-heading .z-timeline-hint{display:block;visibility:visible;font-size:12px;color:#625538}
@media(max-width:899px){
.z-mobile-book .z-timeline-window{perspective:1800px;perspective-origin:35% 45%}
.z-mobile-book .z-milestone{border-radius:2px 8px 8px 2px;border-right:2px solid #faf4e6}
.z-mobile-book .z-milestone:before{content:'';position:absolute;inset:0 0 0 auto;width:28%;background:linear-gradient(90deg,transparent,#65574422 35%,#fff9 72%,#8c7a5344 100%);opacity:0;pointer-events:none;z-index:3;transform-origin:right}
.z-mobile-book .z-page-leaving:before{animation:z-paper-curl .9s ease-in-out both}.z-mobile-book .z-page-returning:before{animation:z-paper-curl .9s ease-in-out reverse both}
.z-mobile-book .z-timeline-track:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,#30291d66,transparent 85%);opacity:0;transform-origin:left}
.z-book-turning .z-timeline-track:after{animation:z-paper-shadow .9s ease-in-out both}.z-book-reversing .z-timeline-track:after{animation-direction:reverse}
}
@keyframes z-book-forward{0%{transform:rotateY(0) translateZ(0);filter:brightness(1)}18%{transform:rotateY(-14deg) translateZ(8px) skewY(-1deg);filter:brightness(1.04)}55%{transform:rotateY(-82deg) translateZ(20px) skewY(-3deg);filter:brightness(.91)}100%{transform:rotateY(-168deg) translateZ(0) skewY(0);filter:brightness(.8)}}
@keyframes z-book-back{0%{transform:rotateY(-168deg) translateZ(0) skewY(0);filter:brightness(.8)}45%{transform:rotateY(-82deg) translateZ(20px) skewY(-3deg);filter:brightness(.91)}82%{transform:rotateY(-14deg) translateZ(8px) skewY(-1deg);filter:brightness(1.04)}100%{transform:rotateY(0) translateZ(0);filter:brightness(1)}}
@keyframes z-paper-curl{0%,100%{opacity:0;transform:scaleX(.4)}25%{opacity:.8;transform:scaleX(1.3)}60%{opacity:1;transform:scaleX(2.2)}85%{opacity:.3;transform:scaleX(.7)}}
@keyframes z-paper-shadow{0%,100%{opacity:0;transform:scaleX(.12)}35%{opacity:.8;transform:scaleX(.85)}65%{opacity:.35;transform:scaleX(.45)}}
@media(prefers-reduced-motion:reduce){.z-mobile-book .z-milestone:before,.z-mobile-book .z-timeline-track:after{animation:none!important;opacity:0!important}}

.z-header .z-brand img{background:transparent;filter:none;mix-blend-mode:normal}

/* Keep both brand and member entry inside a 320px viewport. */
@media(max-width:380px){.z-header .z-brand{gap:6px;min-width:0}.z-header .z-brand>span{font-size:25px}.z-header .z-brand img{width:44px;height:38px}.z-header .z-entry{font-size:11px;gap:6px}.z-header .z-entry span{width:28px;height:28px;font-size:18px}}
