/* Shared app identity. No remote fonts, libraries, or scripts required. */
:root{--canvas:#0e1012;--surface:#181c1e;--text:#f3f0e8;--muted:#a9aaa4;--gold:#fccc4c;--line:#343631;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-padding-top:32px}body{margin:0;background:var(--canvas);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}a:hover{color:var(--gold)}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.06;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(52px,6.4vw,92px)}h2{font-size:clamp(36px,4vw,58px)}h3{font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.3}em{font-weight:400;color:var(--gold)}p{color:var(--muted)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);line-height:1.6}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font:24px var(--serif);font-variant:small-caps;letter-spacing:.015em}.brand img{border-radius:9px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px}.soon{display:inline-flex;align-items:center;gap:9px;border:1px solid #615735;border-radius:999px;padding:6px 14px;color:var(--gold);font-size:11px;letter-spacing:.04em;white-space:nowrap}.soon:before{content:'';width:5px;height:5px;background:var(--gold);border-radius:50%}.skip{position:fixed;top:12px;left:12px;background:var(--gold);color:var(--canvas);padding:10px 18px;z-index:100;transform:translateY(-180%)}.skip:focus{transform:none;color:var(--canvas)}.intro{font-size:16px;line-height:1.8;max-width:380px;margin-top:28px}.hero-copy .eyebrow{margin-bottom:28px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:35px;background:var(--gold);color:var(--canvas);padding:15px 22px;border-radius:4px;font-size:13px;font-weight:600}.button:hover{background:#ffdc80;color:var(--canvas)}.button span{font-size:20px;line-height:1}.availability{font-size:11px;color:var(--muted)}.crest{object-fit:contain}.section-heading .eyebrow{margin-bottom:22px}.steps-section{padding-block:100px;border-top:1px solid var(--line)}.steps-section .section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin:56px 0 0;padding:0}.step-number{display:block;font-size:11px;color:var(--gold);letter-spacing:.12em;margin-bottom:23px}.steps li{border-top:1px solid var(--line);padding-top:23px}.steps h3{margin-bottom:16px}.steps p{font-size:14px;max-width:305px}.gallery-section{padding-block:100px;border-top:1px solid var(--line)}.gallery-heading{display:flex;justify-content:space-between;gap:70px;align-items:end}.gallery-heading h2{max-width:610px}.gallery-heading p{max-width:300px;font-size:14px;flex-shrink:0}.badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:58px 24px;margin-top:50px}.badge-grid figure{text-align:center}.badge-grid .crest{width:100%}.badge-name{display:block;font:21px var(--serif);margin-top:9px}.landmark{display:block;font-size:11px;color:var(--muted);margin-top:5px}.gallery-end{margin-top:60px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted);letter-spacing:.04em}.gallery-end span:first-child{color:var(--gold);text-transform:uppercase;letter-spacing:.13em}.app-section{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding-block:110px;border-top:1px solid var(--line)}.app-copy{max-width:400px}.app-copy h2{margin-top:25px}.app-copy p{margin-top:28px;font-size:15px;max-width:330px}.app-note{display:block;color:var(--muted);font-size:11px;margin-top:40px}.app-device{max-width:360px;width:100%;border:7px solid #2b2e30;border-radius:28px;background:#0e1012;box-shadow:0 35px 80px #0007;justify-self:center;overflow:hidden}.app-device img{width:100%;border-radius:20px}.closing{text-align:center;padding-block:120px;border-top:1px solid var(--line)}.closing h2{margin:28px 0 30px}.closing p{font-size:12px;margin-top:14px}.site-footer{padding-block:32px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-brand{font:20px var(--serif);font-variant:small-caps;color:var(--gold)}
/* 01 — The collection: a floating cabinet of crests. */
.collection-hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;min-height:720px;gap:10px;padding-block:50px}.collection-hero h1{font-size:clamp(54px,5.9vw,85px)}.crest-composition{position:relative;min-height:600px}.floating{position:absolute;width:46%;filter:drop-shadow(0 20px 16px #0004)}.b1{width:34%;left:3%;top:0;transform:rotate(0deg)}.b2{width:37%;right:0;top:4%;transform:rotate(0deg)}.b3{width:50%;left:25%;top:24%;z-index:2;transform:rotate(0deg)}.b4{width:35%;left:0;bottom:0;transform:rotate(0deg)}.b5{width:36%;right:0;bottom:4%;transform:rotate(0deg)}.composition-ring{position:absolute;inset:14% 5% 8%;border:1px solid #65563555;border-radius:50%;background:radial-gradient(ellipse,#fccc4c09,transparent 66%)}.composition-label{position:absolute;left:25%;bottom:-20px;font:italic 17px var(--serif);color:var(--muted)}.collection-strip{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:24px;font-size:11px;letter-spacing:.08em;color:var(--muted)}.collection-strip span:first-child{color:var(--gold)}.collection .app-section{margin-top:60px;background:radial-gradient(ellipse at 75% 50%,#fccc4c06,transparent 60%)}
/* 02 — The journey: an editorial route from north to south. */
.journey{--canvas:#101713;--surface:#1b231c;--line:#374139;--muted:#adb4a9;--gold:#e8c87a}.journey-hero{padding-block:70px 0;display:grid;grid-template-columns:1.5fr 1fr;gap:0 65px}.journey-title .eyebrow{margin-bottom:26px}.journey-title h1{font-size:clamp(54px,6.4vw,92px)}.journey-intro{align-self:end;padding-bottom:3px}.journey-intro .intro{margin-top:0}.journey-intro .hero-actions{margin-top:23px}.journey-panorama{grid-column:1/-1;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:55px;padding:25px 12px 42px}.journey-panorama figure{position:relative;z-index:1}.journey-panorama figure:nth-of-type(even){padding-top:32px}.journey-panorama .crest{filter:drop-shadow(0 20px 20px #0003)}.journey-panorama figcaption{padding-inline:18px;font-size:11px;display:flex;justify-content:space-between;gap:8px}.journey-panorama figcaption span:last-child{color:var(--muted)}.route-line{position:absolute;inset:24% -8px 38%;border:1px dashed #8a815055;border-radius:50%;transform:rotate(5deg)}.direction-label{position:absolute;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.north{top:5px;left:0}.south{right:0;bottom:0}.journey-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-block:24px;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}.travel-story{display:grid;grid-template-columns:1.5fr 1fr;gap:26px 65px;padding-block:120px}.travel-story .eyebrow{grid-column:1/-1}.travel-story h2{font-size:clamp(38px,4.1vw,60px)}.travel-story p{font-size:15px;align-self:center;max-width:340px}.journey .badge-grid figure{border-bottom:1px solid var(--line);padding-bottom:22px}.journey .badge-grid figcaption{text-align:left;padding-inline:28px}.journey .app-section{grid-template-columns:1fr 1.1fr}.journey .closing h2{font-style:italic}
/* 03 — The keepsake: quiet, close, and tactile. */
.keepsake{--canvas:#171411;--surface:#211c16;--line:#40382c;--muted:#b8afa1;--gold:#e7c16d}.keepsake-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:90px;align-items:center;min-height:745px;padding-block:60px}.keepsake-hero h1{font-size:clamp(54px,6.3vw,90px)}.keepsake-art{position:relative}.hero-crest{position:relative;width:100%;filter:drop-shadow(0 28px 35px #0005)}.keepsake-halo{position:absolute;inset:4% 0 16%;border-radius:50%;border:1px solid #a78a4a33;background:radial-gradient(ellipse,#b7954712,transparent 70%)}.art-caption{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:18px;margin-top:8px;font-size:11px;color:var(--muted)}.art-caption span:first-child{color:var(--gold)}.detail-section{display:grid;grid-template-columns:.8fr 1.2fr .8fr;gap:45px;align-items:center;border-top:1px solid var(--line);padding-block:100px}.detail-title .eyebrow{margin-bottom:24px}.detail-title p{font-size:14px;margin-top:26px}.detail-art figcaption{text-align:center;font-size:11px;color:var(--muted)}.detail-art figcaption span{display:block}.detail-art figcaption span:first-child{color:var(--gold);margin-bottom:4px}.detail-notes>div+div{border-top:1px solid var(--line);margin-top:35px;padding-top:30px}.detail-notes p{font-size:13px;margin-top:12px}.detail-notes .step-number{margin-bottom:14px}.detail-notes h3{font:23px var(--serif)}.keepsake .gallery-heading h2{font-style:italic}.keepsake .badge-grid{gap:35px 16px}.keepsake .badge-grid figure{border:1px solid var(--line);background:#ffffff02;padding:8px 8px 24px}.keepsake .app-section{grid-template-columns:1fr 1fr}.keepsake .app-device{border-color:#393127}
/* Review index. */
.comparison-title{padding-block:80px 70px}.comparison-title h1{margin-top:26px;font-size:clamp(58px,7.6vw,110px)}.comparison-title p{font-size:16px;max-width:475px;margin-top:28px}.study-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;font-size:11px;color:var(--muted)}.study-tags span{border:1px solid var(--line);border-radius:999px;padding:6px 12px}.concept-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.concept-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;display:block}.concept-card:hover{border-color:var(--gold);color:var(--text)}.concept-preview{aspect-ratio:1.44;background:var(--surface);overflow:hidden;border-bottom:1px solid var(--line)}.concept-preview img{width:100%}.concept-meta{padding:28px}.concept-meta h2{font-size:30px;margin-top:12px;letter-spacing:-.035em;display:flex;justify-content:space-between;gap:12px}.concept-meta h2 span{font:20px var(--sans);color:var(--gold)}.concept-meta p{font-size:13px;margin-top:18px}.view-concept{display:block;color:var(--gold);font-size:11px;margin-top:25px}.comparison-note{max-width:760px;padding-block:70px}.comparison-note p{font-size:14px;margin-top:18px}
@media(min-width:1600px){.collection-hero,.keepsake-hero{min-height:790px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.collection-hero{min-height:620px}.crest-composition{min-height:500px}.gallery-heading{gap:35px}.gallery-heading p{max-width:240px}.app-section{gap:60px}.keepsake-hero{gap:35px;min-height:650px}.journey-hero{gap:0 30px}.journey-panorama{gap:5px}.journey-panorama figcaption{display:block;padding-inline:10px}.journey-panorama figcaption span{display:block}.detail-section{gap:25px}.concept-list{gap:16px}.concept-meta{padding:20px}.concept-meta h2{font-size:26px}.steps{gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:84px;gap:15px}.brand{font-size:22px;gap:9px}.brand img{width:30px;height:30px;border-radius:7px}.site-header nav{gap:15px}.site-header nav>a{display:none}.soon{font-size:10px;padding:5px 11px}.eyebrow{font-size:10px;letter-spacing:.15em}h1{font-size:56px}h2{font-size:40px}.intro{font-size:15px;margin-top:24px}.hero-copy .eyebrow{margin-bottom:22px}.hero-actions{margin-top:28px;gap:13px}.button{font-size:12px;padding:14px 19px;gap:28px}.collection-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-block:48px 45px;gap:38px}.collection-hero h1{font-size:56px}.crest-composition{min-height:390px;width:100%;max-width:440px;align-self:center}.composition-label{bottom:-13px;left:27%;font-size:14px}.collection-strip{padding-block:20px;font-size:10px;gap:12px;flex-wrap:wrap}.collection-strip span:last-child{width:100%}.collection .app-section{margin-top:40px}.app-section,.journey .app-section,.keepsake .app-section{grid-template-columns:1fr;padding-block:65px;gap:38px}.app-copy{max-width:100%}.app-copy h2{margin-top:20px}.app-copy p{margin-top:22px}.app-note{margin-top:24px}.app-device{max-width:300px;border-width:6px;border-radius:24px}.steps-section{padding-block:65px}.steps-section .section-heading{display:block}.steps-section .section-heading .eyebrow{margin-bottom:20px}.steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.step-number{margin-bottom:14px}.steps li{padding-top:20px}.steps h3{font-size:20px;margin-bottom:12px}.steps p{max-width:100%;font-size:14px}.gallery-section{padding-block:65px}.gallery-heading{display:block}.gallery-heading p{max-width:100%;margin-top:25px}.gallery-heading h2{max-width:500px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 10px;margin-top:30px}.badge-name{font-size:20px;margin-top:4px}.landmark{font-size:10px}.gallery-end{margin-top:35px;font-size:10px;gap:20px}.gallery-end span:last-child{text-align:right}.closing{padding-block:75px}.closing .eyebrow{max-width:250px;margin-inline:auto}.closing h2{margin:25px 0}.site-footer{flex-wrap:wrap;gap:18px;padding-block:25px;font-size:10px}.site-footer span:nth-child(2){order:3;flex-basis:100%}.journey-hero{padding-top:48px;grid-template-columns:1fr;gap:25px}.journey-title h1{font-size:53px}.journey-title .eyebrow{margin-bottom:23px}.journey-intro .intro{font-size:15px}.journey-panorama{overflow:clip;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px;margin-top:20px;padding:25px 0 35px}.journey-panorama figure:nth-of-type(even){padding-top:24px}.journey-panorama figcaption{padding-inline:10px;font-size:10px}.route-line{inset:9% 6% 8%;transform:rotate(15deg)}.journey-bottom{font-size:10px;gap:16px;padding-block:22px}.journey-bottom>span:first-child{max-width:210px}.journey-bottom>span:last-child{white-space:nowrap}.travel-story{grid-template-columns:1fr;padding-block:65px;gap:22px}.travel-story h2{font-size:39px}.travel-story p{font-size:14px;max-width:100%}.journey .badge-grid figcaption{padding-inline:10px}.keepsake-hero{grid-template-columns:1fr;padding-block:48px 45px;gap:40px;min-height:0}.keepsake-hero .hero-copy{order:-1}.keepsake-hero h1{font-size:58px}.keepsake-art{width:100%;max-width:440px;justify-self:center}.art-caption{font-size:10px;padding-top:16px}.detail-section{grid-template-columns:1fr;padding-block:65px;gap:30px}.detail-title h2 br{display:none}.detail-title p{margin-top:22px;max-width:340px}.detail-art{max-width:340px;justify-self:center}.detail-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-notes>div+div{border:0;margin:0;padding:0}.detail-notes h3{font-size:22px}.detail-notes p{font-size:12px}.keepsake .badge-grid{gap:14px}.keepsake .badge-grid figure{padding:4px 4px 20px}.keepsake .badge-name{font-size:19px}.keepsake .landmark{font-size:9px}.comparison-title{padding-block:50px}.comparison-title h1{font-size:64px;margin-top:22px}.comparison-title p{font-size:15px}.comparison .site-header>.eyebrow{font-size:9px;letter-spacing:.06em}.concept-list{grid-template-columns:1fr;gap:25px}.concept-meta{padding:25px}.concept-meta h2{font-size:32px}.comparison-note{padding-block:50px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.brand{font-size:20px}h1,.collection-hero h1,.keepsake-hero h1{font-size:49px}.journey-title h1{font-size:45px}.crest-composition{min-height:325px}.eyebrow{letter-spacing:.1em}.gallery-heading h2{font-size:36px}.detail-notes{grid-template-columns:1fr}.detail-notes>div+div{border-top:1px solid var(--line);padding-top:22px}.comparison-title h1{font-size:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Collection phone: an app-inspired HTML mockup, with scroll-linked 3D motion. */
.collection .app-section{margin-top:0;gap:70px;overflow:clip}
.phone-stage{display:grid;place-items:center;perspective:1100px;min-height:740px;min-width:0}
.iphone-mockup{position:relative;width:290px;max-width:100%;padding:7px;border:2px solid #707272;border-radius:46px;background:linear-gradient(130deg,#8e9090,#282a2c 24%,#57595a 70%,#979898);box-shadow:0 38px 65px #0008,inset 0 0 0 2px #141617;transform-style:preserve-3d;transform-origin:50% 50%;isolation:isolate}
.iphone-mockup:before{content:'';position:absolute;inset:-2px;border-radius:46px;background:#393c3e;transform:translateZ(-10px);box-shadow:0 0 0 1px #747677}
.iphone-screen{container-type:inline-size;position:relative;aspect-ratio:1206/2622;background:#0e1012;overflow:hidden;border-radius:36px;color:#f3f0e8;font-family:var(--sans);line-height:1.3;box-shadow:0 0 0 1px #000}
.phone-status{display:flex;justify-content:space-between;padding:6.8cqw 8cqw 5cqw;font-size:4cqw;font-weight:600}.phone-indicators{letter-spacing:.1em;font-size:3.6cqw}.dynamic-island{position:absolute;top:4cqw;left:34%;width:32%;height:7cqw;border-radius:999px;background:#000}
.phone-app-header{display:flex;justify-content:space-between;align-items:center;padding:6cqw 5cqw 9cqw;color:#fccc4c;font:6.1cqw var(--serif)}.phone-app-header>span:first-child,.phone-app-header>span:last-child{font:6.8cqw var(--sans)}
.phone-region{display:flex;justify-content:space-between;align-items:center;gap:2cqw;padding:0 5cqw;font:5.8cqw var(--serif)}.phone-region small{color:#929393;font:5cqw var(--sans);margin-left:1cqw}.phone-region b{font:3cqw var(--sans);border:1px solid #fccc4c;color:#fccc4c;border-radius:99px;padding:1cqw 2cqw;white-space:nowrap}.phone-region:first-of-type b{background:#fccc4c;color:#0e1012}
.phone-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7cqw 2cqw;padding:6cqw 5cqw 9cqw}.phone-badge img{width:100%;height:auto}.phone-badge span{display:block;text-align:center;font-size:3.2cqw;font-weight:500;margin-top:1cqw;color:#f3f0e8}
.phone-progress{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0e1012 35%);padding:13cqw 0 9cqw;text-align:center;font-size:3.9cqw;letter-spacing:.12em;color:#fccc4c}.home-indicator{position:absolute;bottom:2.8cqw;left:35%;width:30%;height:1.1cqw;border-radius:99px;background:#f3f0e8}
@media(max-width:760px){.collection .app-section{gap:18px}.phone-stage{min-height:680px;perspective:900px}.iphone-mockup{width:270px}}
@media(max-width:359px){.phone-stage{min-height:620px}.iphone-mockup{width:246px;border-radius:42px}.iphone-screen{border-radius:32px}}
@media(prefers-reduced-motion:reduce){.iphone-mockup{transform:none;will-change:auto}}

/* The hero crests retain their individual resting angles along their entrance arcs. */
.collection .crest-composition{perspective:1000px}
@media(prefers-reduced-motion:reduce){.collection .floating{opacity:1;will-change:auto}}

/* A rounded 3D chassis: front glass, 28px-deep metal body, rear and side controls. */
.collection .iphone-mockup{padding:0;border:0;background:none;box-shadow:none;isolation:auto;overflow:visible;transform-style:preserve-3d}
.collection .iphone-mockup:before{display:none}
.device-slice{position:absolute;inset:0;border-radius:46px;background:linear-gradient(110deg,#c4c8ca,#535a60 30%,#b2b8bc 65%,#6a747c);border:1px solid #929ba2;transform:translateZ(var(--depth));pointer-events:none}
.device-slice:nth-child(3n){border-color:#b6bfc5}
.device-front{position:relative;padding:7px;border:2px solid #acb3b8;border-radius:46px;background:linear-gradient(135deg,#bfc5c9,#393f44 25%,#939ba1 70%,#d5dade);transform:translateZ(11px);backface-visibility:hidden;box-shadow:inset 0 0 0 2px #20252a}
.device-front:after{content:'';position:absolute;inset:9px;border-radius:36px;pointer-events:none;background:linear-gradient(115deg,#ffffff09,transparent 30%,transparent 65%,#ffffff04)}
.device-back{position:absolute;inset:0;border-radius:46px;background:linear-gradient(130deg,#767f87,#343c43 60%,#626d77);border:2px solid #8c969e;transform:translateZ(-19px) rotateY(180deg);backface-visibility:hidden;box-shadow:inset 0 0 0 2px #3d454c}
.camera-plate{position:absolute;top:20px;left:20px;width:86px;height:94px;border-radius:23px;background:#66717b;box-shadow:0 0 0 1px #949fa9,0 3px 6px #0006}
.camera-plate i{position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 42% 35%,#516486 0 6%,#121927 20%,#020405 48%,#66737c 52%,#172129 62%,#626d76 68%);box-shadow:0 0 0 2px #333d45}
.camera-plate i:nth-child(1){top:10px;left:10px}.camera-plate i:nth-child(2){bottom:10px;left:10px}.camera-plate i:nth-child(3){top:32px;right:9px}.camera-plate span{position:absolute;top:10px;right:19px;width:10px;height:10px;border-radius:50%;background:#d7d8c9}
.device-back-mark{position:absolute;top:45%;left:44%;font:42px var(--serif);color:#9da7af}
.device-button{position:absolute;width:6px;border-radius:3px;background:linear-gradient(90deg,#d3d8dc,#59636c);box-shadow:0 0 0 1px #434c54;transform:translateZ(-3px);pointer-events:none}
.device-button.power{right:-4px;top:27%;height:62px}.device-button.volume-up{left:-4px;top:23%;height:34px}.device-button.volume-down{left:-4px;top:31%;height:34px}
@media(max-width:359px){.device-slice,.device-front,.device-back{border-radius:42px}}
@media(prefers-reduced-motion:reduce){.phone-stage{opacity:1;will-change:auto}}

/* Extruded gold crest silhouettes with a separate rotating face. */
.collection .hero-slot{display:block;aspect-ratio:1;filter:none}
.badge-solid{position:relative;display:block;width:100%;aspect-ratio:1;transform-style:preserve-3d;transform-origin:50% 50%}
.badge-face{position:relative;width:100%;height:auto;transform:translateZ(5px);backface-visibility:hidden}
.badge-edge{position:absolute;inset:0;display:block;background:linear-gradient(125deg,#ffe89b,#b68727 35%,#eac456 65%,#805916);-webkit-mask-image:var(--badge-mask);mask-image:var(--badge-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:translateZ(var(--badge-depth));pointer-events:none}
.badge-edge:nth-child(3n){background:linear-gradient(125deg,#ebcb70,#a17822 35%,#d1ae48 65%,#694810)}
@media(prefers-reduced-motion:reduce){.badge-solid{transform:none;will-change:auto}}

/* Scroll triggers the hero state; each animation then runs independently. */
.hero-motion-ready .hero-slot{transition:transform 650ms cubic-bezier(.215,.61,.355,1),opacity 420ms linear}
.hero-motion-ready .badge-solid{transition:transform 650ms cubic-bezier(.215,.61,.355,1)}
@media(prefers-reduced-motion:reduce){.hero-motion-ready .hero-slot,.hero-motion-ready .badge-solid{transition:none}}

/* Official badge and matching hero action, with no unused space between them. */
.collection .hero-action-row{display:grid;grid-template-columns:168px max-content;gap:14px;width:100%;max-width:420px;align-items:stretch}
.collection .app-store-button{display:flex;align-items:center;justify-content:flex-start;padding:0;border:0;border-radius:0;background:transparent;opacity:1;cursor:not-allowed}
.app-store-button img{width:100%;height:auto;min-height:40px}
.collection .hero-action-row .button{justify-content:center;gap:8px;white-space:nowrap;padding:12px 15px;border-radius:10px;font-size:16px;font-weight:600}
@media(max-width:480px){.collection .hero-action-row{grid-template-columns:clamp(120px,40%,140px) minmax(0,1fr);gap:12px}.collection .hero-action-row .button{font-size:15px;border-radius:8px;padding:10px 11px;gap:8px}}
@media(max-width:359px){.collection .hero-action-row .button{font-size:12.5px;border-radius:7px;padding-inline:10px;gap:6px}.collection .hero-action-row .button span{font-size:18px}}

/* Uncollected crests show the app’s plain silhouette treatment. */
.phone-badge.uncollected img{filter:brightness(0) invert(.24)}
.phone-badge.uncollected span{color:#929393}

/* Privacy and support pages share the selected landing page’s identity. */
.site-footer nav{display:flex;flex-wrap:wrap;gap:22px}.information-main{max-width:980px;padding-block:84px 100px}.information-heading{max-width:760px;margin-bottom:64px}.information-heading h1{margin-top:24px;font-size:clamp(48px,6vw,76px)}.information-intro{font-size:19px;line-height:1.7;margin-top:24px;max-width:650px}.policy-date{font-size:13px;margin-top:24px}.policy-content{max-width:720px}.policy-content section{padding-block:30px;border-top:1px solid var(--line)}.information-main h2{font-size:30px;line-height:1.2;letter-spacing:-.025em}.policy-content p{margin-top:18px;line-height:1.85}.policy-content a,.support-questions a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.policy-content .text-link{display:inline-flex;margin-top:22px;gap:14px}.support-contact{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:34px 44px;border-block:1px solid var(--line)}.support-contact p{margin-top:20px;line-height:1.8}.support-action .button{font-size:17px;border-radius:10px;padding:15px 22px}.support-action p{font-size:13px;max-width:340px}.support-questions{margin-top:64px;max-width:760px}.support-questions>h2{margin:20px 0 30px}.support-questions details{border-top:1px solid var(--line);padding-block:23px}.support-questions details:last-child{border-bottom:1px solid var(--line)}.support-questions summary{cursor:pointer;font-size:17px;line-height:1.5}.support-questions summary:hover{color:var(--gold)}.support-questions summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.support-questions details p{padding-top:18px;line-height:1.85}.information .site-header nav>a{display:inline}.information .site-footer{max-width:1280px}
@media(max-width:760px){.information-main{padding-block:48px 65px}.information-heading{margin-bottom:40px}.information-heading h1{font-size:48px}.information-intro{font-size:17px}.information-main h2{font-size:27px}.support-contact{grid-template-columns:1fr;gap:28px}.support-questions{margin-top:46px}.information .site-header nav{gap:12px}.information .site-header .soon{display:none}.site-footer nav{gap:20px;font-size:12px}}
@media(max-width:359px){.information-heading h1{font-size:42px}.information .site-header nav{font-size:12px}.support-questions summary{font-size:16px}}

/* Hosted support form with an accessible direct-link fallback. */
.tally-form{min-width:0}.tally-form iframe{display:block;width:100%;border:0;min-height:650px;color-scheme:normal}.tally-form .form-privacy,.tally-form .tally-fallback{font-size:12px;line-height:1.8;margin-top:18px}.tally-form a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}

.tally-form .tally-fallback{margin-top:6px}