/* FutureLegendz: shared identity, 27 October 2026. */
:root{--fl-ink:#181815;--fl-cream:#f6f2ea;--fl-gold:#d0ad6a;--fl-magenta:#a51d5e;--fl-cobalt:#2347b5}
body{background:var(--fl-cream);color:var(--fl-ink);font-family:'DM Sans',sans-serif}button,input,select,textarea{font-family:inherit}h1,h2,.collection-card-heading h3,.style-picker strong,.unbox-copy h3,.personalization-card h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.045em}h1 em,h2 em{font-style:normal}h1{font-size:clamp(48px,5vw,76px);line-height:1.04}.header{background:var(--fl-cream)}.logo{display:inline-flex;align-items:center;flex-shrink:0}.logo img{width:238px;height:auto;object-fit:contain}.footer .logo img,footer .logo img{filter:none}.hero-copy{padding-left:10%;padding-right:7%}.hero-copy .intro{font-size:15px}.eyebrow{letter-spacing:.16em;font-weight:700}.hero-image{background:#e9e3d8}.hero-poster-frame{transform:none;box-shadow:14px 20px 35px #18181526}.hero-options a{font-size:11px;padding:8px 11px;border-color:#c9c2b5}.hero-image .image-caption{background:transparent;font-size:9px;letter-spacing:.07em}.statement{background:var(--fl-ink);color:var(--fl-cream);font-size:10px}.statement .star{color:var(--fl-gold)}.collection{background:var(--fl-cream)}.collection-visual{background:#e9e4da}.edition-scene{background:#dfe3ec}.retro-scene{background:#eee1e5}.collection-card-heading h3{font-size:37px}.collection-card>p{font-size:13px;line-height:1.75;min-height:72px}.collection-index{font-weight:700}.collection-visual-note{letter-spacing:.1em}.collection-bottom p{font-size:13px}.section-heading>p{font-size:14px}.button,.check-line input[type=checkbox]{accent-color:var(--fl-magenta)}.style-picker [aria-pressed=true]{background:var(--fl-ink);border-color:var(--fl-ink)}.style-description{font-size:13px}.check-line span{font-size:13px;font-weight:500}.dedication-field{border:1px solid #cbc3b5}.preview-topline{font-size:10px}.honest-product{padding:46px;background:#e9e3d8;min-height:520px;display:flex;align-items:center;justify-content:center}.honest-frame{width:285px;background:#181815;padding:8px;box-shadow:12px 18px 28px #18181530}.honest-frame canvas{display:block;width:100%;height:auto}.personalization-card{padding:38px;background:#ebe6dc}.personalization-card h3{font-size:40px;line-height:1.08}.personalization-card dl>div{border-top:1px solid #c9c2b5;padding:17px 0}.personalization-card dt{font-weight:700;font-size:14px}.personalization-card dd{margin:6px 0 0;font-size:13px;line-height:1.7;color:#66635d}.personalization-card .eyebrow{font-size:10px}.preview-room{background:#e9e3d8}.scale-guide span{font-family:'DM Serif Display',serif}.brand-note{font-size:11px;color:#66635d}
@media(max-width:1050px){.logo img{width:200px}.header{gap:18px}.header nav{gap:16px}}
@media(max-width:750px){.header{padding:0 5%;height:78px}.header .logo img{width:174px}.header .nav-actions{gap:7px}.header .button.small{font-size:10px;padding:11px}.hero h1{font-size:53px}.hero-copy{padding:34px 6% 42px}.hero-image{min-height:420px;padding:30px 58px 54px}.hero-image .image-caption{font-size:8px;display:block;text-align:center}.hero-image .image-caption span{display:block}.collection-card>p{min-height:0}.honest-product{min-height:450px;padding:30px}.honest-frame{width:270px}.personalization-card{padding:27px}.section-heading>p{font-size:13px}.collection-bottom p{font-size:12px}.hero-options a{font-size:11px}.statement{letter-spacing:.06em}.style-picker strong{font-size:25px}}
@media(max-width:380px){.header .logo img{width:145px}.header .button.small{font-size:9px;padding:10px}.hero h1{font-size:47px}}
.unbox-grid>*{min-width:0}.honest-frame{max-width:100%;min-width:0}.honest-product{min-width:0}
/* CTA refinement: readable medium weight, a quiet hierarchy, explicit actions. */
.button,.journey-actions .button,.header .nav-actions>.button,.mobile-studio-cta,.preview-zoom-button{font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-synthesis:none;font-size:15px;line-height:1.3;letter-spacing:.015em;text-transform:none}
.button{min-height:56px;padding:17px 26px;border:1px solid var(--fl-ink);border-radius:3px;background:var(--fl-ink);color:var(--fl-cream);gap:30px;transition:background .18s,border-color .18s,box-shadow .18s;box-shadow:none}
.button:hover:not(:disabled){background:#33332c;border-color:#33332c;transform:none}.button:active:not(:disabled){background:#080808}.button:focus-visible,.mobile-studio-cta:focus-visible{outline:2px solid var(--fl-magenta);outline-offset:4px}.button:disabled{opacity:.48;cursor:not-allowed}
.button[data-open-studio]::after,#journeyNext::after,.mobile-studio-cta::after{content:'';display:block;flex:0 0 20px;width:20px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.hero-copy>.button{min-width:260px}.hero-reassurance{font-size:12px;color:#66635d;margin:11px 0 0;letter-spacing:.01em}.header .nav-actions>.button{background:transparent;color:var(--fl-ink);border-color:#a8a398;font-size:13px;min-height:44px;padding:11px 16px;gap:16px}.header .nav-actions>.button:hover{background:#e9e4da;border-color:var(--fl-ink)}.header .nav-actions>.button::after{width:16px;height:16px;flex-basis:16px}
.hero-options{gap:2px 16px;margin-top:22px}.hero-options a{display:inline-flex;align-items:center;min-height:40px;padding:4px 0;border:0;border-bottom:1px solid #b9b3a8;background:transparent;font-size:12px;font-weight:400;color:#48483f;transition:color .18s,border-color .18s}.hero-options a:hover{background:transparent;color:var(--fl-magenta);border-color:var(--fl-magenta)}.hero-compare{font-weight:500;font-size:13px;min-height:44px;align-items:center}.text-button{font-size:14px;font-weight:500;letter-spacing:0;min-height:44px;display:inline-flex;align-items:center}.preview-zoom-button{background:transparent;color:var(--fl-ink);border:1px solid #9e988e;border-radius:3px;min-height:46px;font-size:13px;box-shadow:none}.preview-zoom-button:hover{background:#e4ded2}.journey-actions .button{min-height:54px;padding:16px 22px;font-size:14px}.button.light{background:transparent;color:var(--fl-ink);border-color:#a8a398}.button.light:hover:not(:disabled){background:#e9e4da}
.format-comparison{background:#f0ede5;padding:38px;min-width:0}.format-comparison h3{font:400 40px/1.08 'DM Serif Display',serif;letter-spacing:-.04em}.format-silhouettes{display:flex;align-items:flex-end;justify-content:center;gap:18px;margin:35px 0 20px;border-bottom:1px solid #c9c2b5;padding-bottom:18px}.format-silhouettes>div{text-align:center}.format-shape{display:flex;align-items:center;justify-content:center;border:1px solid #6d6c61;background:#e2dacc;color:#4d4c43;margin:0 auto 16px}.format-shape i{font:400 23px 'DM Serif Display',serif;font-style:normal}.format-small{width:75px;height:100px}.format-medium{width:100px;height:150px}.format-large{width:125px;height:175px}.format-silhouettes strong{display:block;font-size:13px;font-weight:500}.format-silhouettes small{font-size:10px;color:#66635d}.format-comparison figcaption{font-size:11px;line-height:1.6;letter-spacing:0;text-transform:none;padding:0;margin-bottom:18px}.format-comparison>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#66635d}
.mobile-studio-cta.is-context-hidden{display:none!important}
@media(max-width:1050px) and (min-width:751px){.format-comparison{padding:25px}.format-silhouettes{gap:12px}.format-small{width:60px;height:80px}.format-medium{width:80px;height:120px}.format-large{width:100px;height:140px}}
@media(max-width:750px){.header .nav-actions>.button{display:none}.header .logo img{width:190px}.hero-copy>.button{width:100%;min-height:56px;font-size:15px;justify-content:space-between}.hero-reassurance{font-size:12px}.hero-options{gap:0 16px;margin-top:18px}.hero-options a{font-size:12px;min-height:44px}.mobile-studio-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--fl-ink);color:var(--fl-cream);border:1px solid var(--fl-ink);border-radius:3px;box-shadow:0 3px 14px #18181518;font-size:15px;font-weight:500;padding:16px 22px;min-height:56px;left:5%;width:90%;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.mobile-studio-cta:hover{background:#33332c}.preview-zoom-button{font-size:12px;min-height:44px}.journey-actions .button{font-size:14px;padding:15px 18px}.format-comparison{padding:27px}.format-comparison h3{font-size:36px}.format-silhouettes{gap:12px}.format-small{width:60px;height:80px}.format-medium{width:80px;height:120px}.format-large{width:100px;height:140px}}
@media(max-width:380px){.format-comparison{padding:20px}.format-silhouettes{gap:10px}.format-small{width:54px;height:72px}.format-medium{width:72px;height:108px}.format-large{width:90px;height:126px}}

/* Four deliberate stages; generation follows all personalisation. */
.journey-progress{grid-template-columns:repeat(4,minmax(0,1fr))}
.journey-progress button{padding:14px 12px;gap:9px}
.portrait-origins{padding:6px 0 20px}.portrait-origins h4{font-family:"DM Serif Display",serif;font-size:25px;font-weight:400;margin:18px 0 14px}
#journeyPanel3 .ai-creation{padding:24px;background:#f9f5ed;border:1px solid #cfbd9f;margin:24px 0}
#journeyPanel3 .ai-creation h4{font:400 25px/1.2 "DM Serif Display",serif;margin:0 0 22px}
.consent-privacy{display:block;padding:10px 0;min-height:44px;font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:3px}
#generatePortrait{margin-top:20px;min-height:58px;font:700 15px/1.3 "DM Sans",sans-serif;letter-spacing:.015em;background:#202321;color:#f8f1e3;border:1px solid #202321}
#generatePortrait:hover:not(:disabled){background:#373a34}
.generation-gate-status{font-size:13px;line-height:1.7;border-left:2px solid #ad8c55;padding:2px 0 2px 14px}
#customForm .button:disabled{cursor:not-allowed}.commerce-check{flex-wrap:wrap}.commerce-check>span{flex:1;min-width:0}.commerce-check .consent-privacy{width:100%;margin-left:28px}
@media(max-width:750px){.journey-progress button{padding:10px 5px;gap:4px;font-size:10px}.journey-progress button>span:first-child{font-size:8px}#journeyPanel3 .ai-creation{padding:18px}#generatePortrait{font-size:14px}}
#customForm .commerce-check{flex-direction:row;flex-wrap:nowrap;align-items:flex-start}#customForm .commerce-check input{flex:0 0 19px;margin:3px 0 0;min-height:19px}