@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");
:root { --ink: #292743; --purple: #46409e; --muted: #6d6a7b; --line: #dedbe7; --surface: #f6f4fa; --paper: #fff; --serif: Georgia,'Times New Roman',serif; }
* { box-sizing: border-box; }
body { margin: 0px; font-family: "DM Sans", Arial, sans-serif; color: var(--ink); background: var(--paper); }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: rgb(134, 125, 224) solid 3px; outline-offset: 5px; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
.concept-bar { min-height: 61px; background: rgb(241, 240, 243); border-bottom: 1px solid rgb(218, 216, 223); display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 8px 28px; color: rgb(58, 56, 65); }
.concept-label { font-size: 11px; letter-spacing: 1.1px; font-weight: 700; white-space: nowrap; }
.concept-label span { color: rgb(119, 115, 127); font-weight: 400; }
.choices { display: flex; gap: 5px; }
.choices button { font-size: 12px; padding: 10px 13px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: rgb(107, 102, 117); }
.choices button[aria-pressed="true"] { background: white; border-color: rgb(212, 208, 222); color: rgb(65, 59, 145); box-shadow: rgba(48, 38, 69, 0.03) 0px 2px 4px; }
.choices button span { margin-left: 7px; }
.preview-label { font-size: 9px; letter-spacing: 1.6px; color: rgb(128, 123, 138); }
.site { max-width: 1800px; margin: auto; }
header { padding: 23px 6%; display: flex; align-items: center; gap: 30px; background: var(--paper); }
.brand { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.brand img { width: 35px; height: 51px; object-fit: contain; mix-blend-mode: multiply; }
.brand > span { font-family: var(--serif); font-size: 36px; line-height: 0.85; letter-spacing: -1.5px; }
.brand-small { display: block; font-family: "DM Sans", Arial, sans-serif; font-size: 8px; font-weight: 600; letter-spacing: 2.6px; margin-top: 9px; margin-left: 2px; }
nav { display: flex; gap: 25px; margin-left: auto; }
nav button { border: 0px; background: none; padding: 10px 0px; font-size: 12px; }
.header-cta { border: 1px solid var(--purple); background: transparent; color: var(--purple); padding: 13px 17px; font-size: 11px; display: flex; gap: 18px; align-items: center; }
.hero { background: var(--surface); min-height: 520px; padding: 45px 9% 34px; display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 7%; position: relative; overflow: hidden; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { font-size: 10px; letter-spacing: 2px; line-height: 1.6; font-weight: 600; margin: 0px 0px 25px; }
.eyebrow > span { display: inline-block; width: 6px; height: 6px; background: rgb(170, 164, 213); border-radius: 50%; margin-right: 9px; vertical-align: middle; }
h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(48px, 5.3vw, 82px); line-height: 1.08; letter-spacing: -2.6px; margin: 0px 0px 23px; }
h1 em { font-weight: 400; color: var(--purple); }
.intro { font-size: 18px; line-height: 1.55; margin: 0px 0px 12px; }
.description { font-size: 13px; line-height: 1.75; max-width: 330px; color: var(--muted); margin: 0px 0px 25px; }
.actions { display: flex; align-items: center; gap: 24px; }
.primary { background: var(--purple); color: white; border: 1px solid var(--purple); padding: 16px 20px; font-size: 12px; display: flex; gap: 25px; align-items: center; }
.text-link { font-size: 11px; background: none; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(189, 184, 206); border-image: none; padding: 8px 0px; white-space: nowrap; }
.text-link span { margin-left: 12px; }
.availability { font-size: 10px; margin: 26px 0px 0px; color: var(--muted); }
.availability span { padding: 0px 9px; }
.visual { position: relative; max-width: 355px; width: 100%; justify-self: center; z-index: 1; padding-bottom: 30px; }
.photo-frame { height: 395px; border-radius: 170px 170px 4px 4px; overflow: hidden; position: relative; z-index: 1; background: rgb(210, 207, 225); }
.portrait { width: 100%; height: 100%; object-fit: cover; object-position: center 28%; }
.photo-caption { position: absolute; bottom: 2px; left: 0px; right: 0px; display: flex; align-items: center; gap: 15px; font-family: var(--serif); font-size: 19px; }
.photo-caption > span:nth-child(2) { font-family: Arial, sans-serif; font-size: 8px; letter-spacing: 1.5px; color: var(--muted); }
.photo-caption button { margin-left: auto; border: 0px; background: none; font-size: 22px; }
.line-art { position: absolute; inset: 20px -22px 9px 22px; border: 1px solid rgb(198, 192, 222); border-radius: 190px 190px 0px 0px; z-index: 0; }
.minimal-mark { display: none; }
.services { padding: 27px 6%; display: grid; grid-template-columns: 1.25fr repeat(4, 1fr); align-items: center; gap: 0px; background: var(--paper); }
.service-heading > span { font-size: 8px; letter-spacing: 1.8px; color: var(--muted); }
.service-heading p { font-family: var(--serif); font-size: 22px; line-height: 1.2; margin: 10px 0px 0px; }
.services > button { background: none; border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: none; border-left: 1px solid var(--line); height: 70px; text-align: left; padding: 0px 22px; display: grid; grid-template-columns: 1fr auto; gap: 9px; font-size: 17px; align-content: center; }
.number { grid-column: 1 / -1; font-size: 9px; color: var(--muted); letter-spacing: 1px; }
.arrow { color: var(--purple); }
footer { border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; margin: 0px 6%; padding: 19px 0px; font-size: 9px; color: var(--muted); }
footer > span:first-child { font-size: 8px; letter-spacing: 1.5px; }
footer button { border: 0px; background: none; font-size: 10px; }
.minimal-mark img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
body[data-theme="minimal"] { --surface: #fff; --purple: #47409f; --ink: #252337; }
body[data-theme="minimal"] header { border-bottom: 1px solid rgb(238, 234, 243); }
body[data-theme="minimal"] .hero { grid-template-columns: 1fr; text-align: center; padding: 50px 20px 38px; min-height: 520px; }
body[data-theme="minimal"] .hero-copy { max-width: 800px; margin: auto; }
body[data-theme="minimal"] h1 { font-family: Manrope, Arial, sans-serif; font-size: clamp(48px, 5.7vw, 80px); font-weight: 500; letter-spacing: -4px; }
body[data-theme="minimal"] h1 br { display: none; }
body[data-theme="minimal"] h1 em { display: block; font-family: var(--serif); letter-spacing: -2px; font-weight: 400; }
body[data-theme="minimal"] .intro br { display: none; }
body[data-theme="minimal"] .intro { font-size: 16px; }
body[data-theme="minimal"] .description { max-width: 440px; margin: 0px auto 24px; }
body[data-theme="minimal"] .actions { justify-content: center; }
body[data-theme="minimal"] .visual { display: none; }
body[data-theme="minimal"] .minimal-mark { display: block; position: absolute; width: 140px; height: 202px; right: 5%; bottom: 28px; opacity: 0.16; transform: rotate(12deg); }
body[data-theme="minimal"] .services { border-top: 1px solid var(--line); margin: 0px 6%; padding: 27px 0px; }
body[data-theme="minimal"] .service-heading p { font-family: "DM Sans", Arial, sans-serif; font-size: 17px; }
body[data-theme="bold"] { --surface: #302b60; --paper: #302b60; --ink: #fbfaff; --purple: #d8d1ff; --muted: #c7c2db; --line: #514a7a; }
body[data-theme="bold"] header { background: rgb(255, 255, 255); color: rgb(41, 39, 67); }
body[data-theme="bold"] header .header-cta { color: rgb(70, 64, 158); border-color: rgb(70, 64, 158); }
body[data-theme="bold"] .hero { gap: 3%; grid-template-columns: 1.2fr 1fr; padding-top: 40px; }
body[data-theme="bold"] h1 { font-family: Manrope, Arial, sans-serif; font-size: clamp(50px, 5.2vw, 75px); font-weight: 500; letter-spacing: -3.7px; }
body[data-theme="bold"] h1 em { font-style: normal; font-weight: 800; }
body[data-theme="bold"] .primary { color: rgb(48, 43, 96); }
body[data-theme="bold"] .visual { max-width: 385px; }
body[data-theme="bold"] .photo-frame { border-radius: 4px 120px 4px 4px; }
body[data-theme="bold"] .line-art { display: none; }
body[data-theme="bold"] .services { border-top: 1px solid var(--line); margin: 0px 6%; padding: 23px 0px; }
body[data-theme="bold"] .service-heading p { font-size: 21px; }
body[data-theme="bold"] .photo-caption > span:nth-child(2) { color: rgb(216, 209, 255); }
body[data-theme="editorial"] { --surface: #faf8f4; --paper: #faf8f4; --ink: #363044; --purple: #635485; --muted: #7c737e; --line: #dfd8df; }
body[data-theme="editorial"] header { border-bottom: 1px solid var(--line); }
body[data-theme="editorial"] .hero { grid-template-columns: 1fr 1.1fr; gap: 9%; padding: 39px 10% 38px; }
body[data-theme="editorial"] .hero-copy { grid-area: 1 / 2; }
body[data-theme="editorial"] .visual { grid-area: 1 / 1; max-width: 340px; padding-bottom: 32px; }
body[data-theme="editorial"] .photo-frame { border-radius: 0px; height: 392px; }
body[data-theme="editorial"] .line-art { inset: 22px 20px 8px -22px; background: rgb(222, 213, 231); border: 0px; border-radius: 0px; }
body[data-theme="editorial"] h1 { font-size: clamp(46px, 4.8vw, 70px); }
body[data-theme="editorial"] .hero-copy .eyebrow { font-size: 9px; letter-spacing: 1.6px; }
body[data-theme="editorial"] .actions { align-items: flex-start; gap: 16px; flex-direction: column; }
body[data-theme="editorial"] .availability { font-size: 9px; }
body[data-theme="editorial"] .services { background: rgb(238, 232, 240); }
body[data-theme="editorial"] footer { border: 0px; }
dialog { border: 0px; border-radius: 5px; padding: 43px; max-width: 520px; width: calc(100% - 36px); color: rgb(41, 39, 67); background: rgb(255, 255, 255); box-shadow: rgba(21, 17, 38, 0.2) 0px 25px 90px; }
dialog::backdrop { background: rgba(32, 28, 59, 0.467); backdrop-filter: blur(4px); }
dialog h2 { font-family: var(--serif); font-size: 34px; font-weight: 400; margin: 0px 0px 20px; }
.close { position: absolute; top: 12px; right: 15px; border: 0px; background: none; font-size: 27px; }
.panel-content { font-size: 14px; line-height: 1.8; }
.panel-content a { color: rgb(70, 64, 158); text-decoration: underline; }
.panel-content p { margin: 10px 0px; }
.prototype-note { font-size: 11px; line-height: 1.6; color: rgb(120, 114, 128); border-top: 1px solid rgb(228, 224, 233); padding-top: 18px; margin: 25px 0px 0px; }
@media (min-width: 1500px) {
  .hero { min-height: 620px; }
  .photo-frame { height: 465px; }
  .visual { max-width: 400px; }
  body[data-theme="editorial"] .photo-frame { height: 465px; }
  body[data-theme="editorial"] .visual { max-width: 390px; }
}
@media (max-width: 1050px) {
  .concept-label, .preview-label { display: none; }
  .concept-bar { justify-content: center; }
  header { padding: 20px 5%; gap: 20px; }
  nav { gap: 17px; }
  .header-cta { display: none; }
  .hero { padding-left: 6%; padding-right: 6%; gap: 5%; }
  .actions { gap: 17px; flex-wrap: wrap; }
  .visual { max-width: 320px; }
  .photo-frame { height: 375px; }
  .services > button { padding: 0px 16px; font-size: 15px; }
}
@media (max-width: 700px) {
  .concept-bar { padding: 8px; overflow: auto; justify-content: flex-start; }
  .choices { width: 100%; gap: 2px; }
  .choices button { flex: 1 1 0%; padding: 9px 5px; font-size: 10px; white-space: nowrap; }
  .choices button span { display: block; margin: 4px 0px 0px; font-size: 9px; }
  header { padding: 18px 6%; flex-wrap: wrap; gap: 17px; }
  .brand > span { font-size: 30px; }
  .brand img { width: 30px; height: 43px; }
  .brand-small { font-size: 7px; }
  nav { gap: 16px; flex-wrap: wrap; }
  nav button { font-size: 10px; padding: 4px 0px; }
  .hero, body[data-theme="bold"] .hero, body[data-theme="editorial"] .hero { grid-template-columns: 1fr; padding: 35px 7% 30px; gap: 32px; min-height: 0px; }
  .eyebrow { font-size: 8px; letter-spacing: 1.4px; margin-bottom: 22px; }
  h1, body[data-theme="bold"] h1, body[data-theme="editorial"] h1 { font-size: 52px; letter-spacing: -2px; }
  .intro { font-size: 17px; }
  .description { font-size: 13px; }
  .availability { line-height: 1.8; font-size: 9px; }
  .visual, body[data-theme="bold"] .visual, body[data-theme="editorial"] .visual { max-width: 350px; width: 85%; }
  .photo-frame, body[data-theme="editorial"] .photo-frame { height: 350px; }
  .hero-copy, body[data-theme="editorial"] .hero-copy { grid-area: 1 / 1; }
  body[data-theme="editorial"] .visual { grid-area: 2 / 1; }
  body[data-theme="editorial"] .actions { flex-direction: row; align-items: center; }
  .services { grid-template-columns: 1fr 1fr; padding: 23px 7%; row-gap: 15px; }
  .service-heading { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; }
  .service-heading p { font-size: 19px; margin: 0px; }
  .services > button { border-left: 0px; border-top: 1px solid var(--line); padding: 16px 15px 0px 0px; height: 66px; }
  .services > button:nth-child(2n+1) { padding-left: 18px; }
  footer { gap: 14px; flex-wrap: wrap; font-size: 8px; }
  footer > span:nth-child(2) { display: none; }
  body[data-theme="minimal"] .hero { padding: 48px 7%; min-height: 520px; }
  body[data-theme="minimal"] h1 { font-size: 51px; letter-spacing: -2.6px; }
  body[data-theme="minimal"] .minimal-mark { width: 70px; height: 100px; opacity: 0.1; bottom: 8px; right: 8px; }
  body[data-theme="minimal"] .intro { font-size: 14px; }
  dialog { padding: 35px 25px; }
}
[data-preview] { cursor: default; }
body[data-theme="minimal"] .hero { background: radial-gradient(at 14% 38%, rgba(233, 228, 247, 0.5) 0%, transparent 49%), radial-gradient(at 89% 64%, rgba(223, 220, 246, 0.44) 0%, transparent 46%), radial-gradient(at 50% 100%, rgba(245, 238, 230, 0.314) 0%, transparent 53%), rgb(255, 255, 255); }
body[data-theme="minimal"] .hero-copy { width: 100%; max-width: 900px; }
body[data-theme="minimal"] h1 { margin-bottom: 0px; font-size: clamp(48px, 5.7vw, 80px); }
.create-fixed { display: block; line-height: 1.14; }
.reel-window { display: block; overflow: hidden; height: 1.4em; font-size: clamp(40px, 5.1vw, 72px); line-height: 1.4; perspective: 650px; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 14%, rgb(0, 0, 0) 86%, transparent); }
.reel-track { display: block; transform: translateY(-66.6667%); transform-style: preserve-3d; }
.reel-phrase { display: block; height: 1.4em; line-height: 1.4; white-space: nowrap; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: 400; letter-spacing: -1.7px; color: rgb(71, 64, 159); }
.reel-track.rolling { animation: 20s ease 0s infinite normal both running headline-reel; }
@keyframes headline-reel { 
  0%, 12.5% { transform: translateY(0px); }
  17.5%, 30% { transform: translateY(-16.6667%); }
  35%, 47.5% { transform: translateY(-33.3333%); }
  52.5%, 65% { transform: translateY(-50%); }
  70%, 95% { transform: translateY(-66.6667%); }
  100% { transform: translateY(-83.3333%); }
}
.reel-track.rolling .reel-phrase { animation-duration: 20s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: both; animation-name: reel-curve; animation-timeline: auto; animation-range: normal; animation-play-state: inherit; transform-origin: 50% 50%; }
@keyframes reel-curve { 
  0%, 12.5%, 17.5%, 30%, 35%, 47.5%, 52.5%, 65%, 70%, 95%, 100% { transform: rotateX(0deg); opacity: 1; filter: blur(0px); }
  15%, 32.5%, 50%, 67.5%, 97.5% { transform: rotateX(-18deg); opacity: 0.6; filter: blur(0.6px); }
}
.animation-control { display: block; margin: 0px auto 15px; padding: 4px 10px; border: 0px; background: transparent; color: rgb(116, 110, 132); text-decoration: underline; text-underline-offset: 3px; font-size: 10px; min-height: 25px; }
.animation-control[hidden] { display: none; }
body[data-theme="minimal"] .intro br { display: initial; }
@media (max-width: 700px) {
  body[data-theme="minimal"] .hero { padding: 40px 6%; min-height: 530px; }
  .reel-window { font-size: clamp(27px, 7.9vw, 46px); }
  .reel-phrase { letter-spacing: -1px; }
  .animation-control { margin-bottom: 16px; }
  body[data-theme="minimal"] h1 { font-size: 55px; }
  .create-fixed { line-height: 1.18; }
}
@media (prefers-reduced-motion: reduce) {
  .reel-track.rolling { animation: auto ease 0s 1 normal none running none; transform: translateY(-66.6667%); }
  .reel-track.rolling .reel-phrase { animation: auto ease 0s 1 normal none running none; }
  .animation-control { display: none; }
}
.site { min-height: 100svh; display: flex; flex-direction: column; }
header { padding: 24px 6%; min-height: 125px; }
.brand { gap: 12px; }
.brand img { width: 53px; height: 76px; }
.brand > span { font-size: 43px; }
.brand-small { font-size: 9px; letter-spacing: 3px; margin-top: 11px; }
.site > main { flex: 1 1 0%; display: flex; flex-direction: column; }
body[data-theme="minimal"] .hero { flex: 1 1 0%; min-height: 520px; padding: 58px 7% 94px; background: rgb(255, 255, 255); isolation: isolate; }
body[data-theme="minimal"] .hero::before { content: ""; position: absolute; z-index: -2; left: -20%; top: -72%; width: 140%; height: 165%; background: rgb(247, 246, 250); border-radius: 0px 0px 50% 50%; transform: rotate(-5deg); pointer-events: none; }
body[data-theme="minimal"] .hero::after { content: ""; position: absolute; z-index: -1; left: -17%; bottom: -91%; width: 145%; height: 111%; background: rgb(250, 250, 249); border-radius: 50% 50% 0px 0px; transform: rotate(-5deg); pointer-events: none; }
body[data-theme="minimal"] .hero-copy { max-width: 900px; margin: auto; width: 100%; }
body[data-theme="minimal"] h1 { margin-bottom: 26px; }
body[data-theme="minimal"] .description { max-width: 410px; margin: 0px auto 29px; font-size: 14px; line-height: 1.8; }
body[data-theme="minimal"] .eyebrow { margin-bottom: 30px; }
.animation-control { overflow: hidden; clip-path: inset(50%); white-space: nowrap; position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0px !important; margin: -1px !important; padding: 0px !important; border: 0px !important; }
.animation-control:focus-visible { top: 10px; left: 10px; clip-path: none; overflow: visible; z-index: 100; background: white; box-shadow: rgba(41, 39, 67, 0.133) 0px 2px 12px; position: fixed !important; width: auto !important; height: auto !important; margin: 0px !important; padding: 12px 18px !important; }
footer { background: rgb(255, 255, 255); padding: 23px 0px; }
@media (max-width: 1050px) {
  header { padding: 20px 5%; min-height: 112px; }
  .brand img { width: 47px; height: 68px; }
  .brand > span { font-size: 39px; }
}
@media (max-width: 700px) {
  header { padding: 19px 6%; gap: 20px; justify-content: center; }
  .brand img { width: 43px; height: 62px; }
  .brand > span { font-size: 37px; }
  .brand-small { font-size: 8px; }
  nav { width: 100%; margin: 0px; justify-content: center; gap: 22px; }
  nav button { font-size: 11px; }
  body[data-theme="minimal"] .hero { padding: 55px 6% 80px; min-height: 470px; }
  body[data-theme="minimal"] h1 { margin-bottom: 22px; }
  body[data-theme="minimal"] .description { font-size: 13px; max-width: 320px; }
  body[data-theme="minimal"] .hero::before { top: -65%; height: 160%; width: 170%; left: -35%; }
  body[data-theme="minimal"] .hero::after { bottom: -96%; }
  body[data-theme="minimal"] .eyebrow { font-size: 8px; letter-spacing: 1.3px; }
  .actions { gap: 18px; }
  .primary { font-size: 11px; padding: 15px 17px; }
  .text-link { font-size: 10px; }
  footer { padding: 20px 0px; }
}
header { gap: 24px; flex-wrap: wrap; }
nav { gap: 24px; }
nav button { font-size: 24px; }
.header-cta { font-size: 22px; min-height: 44px; padding: 6px 17px; line-height: 1.2; gap: 14px; }
body[data-theme="minimal"] .hero-copy { max-width: 1440px; }
body[data-theme="minimal"] h1 { font-size: clamp(96px, 11.4vw, 160px); letter-spacing: -6px; }
.reel-window { font-size: clamp(80px, 10.2vw, 144px); }
.reel-phrase { letter-spacing: -3.4px; }
body[data-theme="minimal"] .eyebrow { font-size: 20px; }
body[data-theme="minimal"] .description { font-size: 28px; max-width: 820px; line-height: 1.6; }
.primary { font-size: 24px; min-height: 52px; padding: 8px 20px; line-height: 1.2; }
.text-link { font-size: 22px; }
.animation-control { font-size: 20px; }
footer { font-size: 18px; gap: 18px 20px; flex-wrap: wrap; }
footer > span:first-child { font-size: 16px; }
footer button { font-size: 20px; }
.footer-links { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; font-size: 18px; }
.footer-links a { text-decoration: underline rgb(208, 204, 223); text-underline-offset: 5px; }
.social-pending { color: rgb(130, 123, 141); display: inline-flex; align-items: center; gap: 6px; }
.soon { font-size: 12px; letter-spacing: 0.3px; border: 1px solid rgb(221, 216, 229); border-radius: 3px; padding: 2px 4px; }
@media (max-width: 1300px) {
  header { justify-content: space-between; }
  nav { gap: 20px; margin-left: 0px; }
  .header-cta { display: flex; }
  footer { justify-content: center; text-align: center; }
  footer > span:first-child { margin-right: auto; }
  .footer-links { width: 100%; justify-content: center; }
}
@media (max-width: 1050px) {
  header { gap: 18px; }
  .header-cta { display: none; }
  nav { gap: 20px; }
  body[data-theme="minimal"] .hero { padding-left: 5%; padding-right: 5%; }
  .reel-window { font-size: 10.2vw; }
}
@media (max-width: 700px) {
  nav button { font-size: 22px; }
  nav { gap: 14px 24px; }
  .reel-window { font-size: clamp(54px, 15.8vw, 92px); height: 2.8em; }
  .reel-phrase { white-space: normal; height: 2.8em; line-height: 1.25; display: flex; align-items: center; justify-content: center; letter-spacing: -2px; }
  body[data-theme="minimal"] h1 { font-size: clamp(86px, 28vw, 110px); letter-spacing: -5px; }
  body[data-theme="minimal"] .eyebrow { font-size: 16px; line-height: 1.8; letter-spacing: 1.3px; }
  body[data-theme="minimal"] .description { font-size: 26px; max-width: 100%; }
  .primary { font-size: 22px; padding: 8px 17px; }
  .text-link { font-size: 20px; }
  .actions { flex-direction: column; gap: 18px; }
  footer { font-size: 16px; justify-content: center; }
  footer > span:first-child { font-size: 16px; margin-right: 0px; }
  footer > span:nth-child(2) { display: block; width: 100%; font-size: 18px; }
  .footer-links { gap: 14px 20px; font-size: 18px; }
  footer button { font-size: 20px; }
}
nav button { font-size: 21.6px; }
.header-cta { font-size: 19.8px; }
body[data-theme="minimal"] h1 { font-size: clamp(86.4px, 10.26vw, 144px); }
.reel-window { font-size: clamp(72px, 9.18vw, 129.6px); }
body[data-theme="minimal"] .eyebrow { font-size: 18px; }
body[data-theme="minimal"] .description { font-size: 25.2px; }
.primary { font-size: 21.6px; }
.text-link { font-size: 19.8px; }
@media (max-width: 1050px) {
  .reel-window { font-size: 9.18vw; }
}
@media (max-width: 700px) {
  nav button { font-size: 19.8px; }
  .reel-window { font-size: clamp(48.6px, 14.22vw, 82.8px); }
  body[data-theme="minimal"] h1 { font-size: clamp(77.4px, 25.2vw, 99px); }
  body[data-theme="minimal"] .eyebrow { font-size: 14.4px; }
  body[data-theme="minimal"] .description { font-size: 23.4px; }
  .primary { font-size: 19.8px; }
  .text-link { font-size: 18px; }
}
body[data-theme="minimal"] h1 { font-size: clamp(77.76px, 9.234vw, 129.6px); }
.reel-window { font-size: clamp(61.2px, 7.803vw, 110.16px); }
header { min-height: 100px; padding-top: 11.5px; padding-bottom: 11.5px; }
body[data-theme="minimal"] .hero { min-height: 0px; padding-top: clamp(24px, 4svh, 40px); padding-bottom: clamp(32px, 5svh, 54px); }
@media (max-width: 1050px) {
  header { min-height: 89.6px; padding-top: 10.8px; padding-bottom: 10.8px; }
  .reel-window { font-size: 7.803vw; }
}
@media (max-width: 700px) {
  header { padding-top: 14px; padding-bottom: 14px; gap: 16px; }
  .reel-window { font-size: clamp(41.31px, 12.087vw, 70.38px); }
  body[data-theme="minimal"] h1 { font-size: clamp(69.66px, 22.68vw, 89.1px); }
  body[data-theme="minimal"] .hero { padding: 32px 6% 40px; }
}
body[data-theme=minimal] .hero::before{background:#eeebf6}nav a{font-size:21.6px;padding:10px 0;position:relative}nav a:hover,nav a:focus-visible,nav a[aria-current=page]{color:#47409f;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}.header-cta,.primary{text-decoration:none}.inner-main{padding:48px 7% 56px;background:linear-gradient(145deg,#f5f2fa,white 65%);flex:1}.page-wrap{width:100%;max-width:1120px;margin:auto}.inner-main h1{font-size:clamp(36px,4.5vw,60px)!important;letter-spacing:-2px!important;margin:12px 0 20px!important;line-height:1.15}.inner-main .lead{font-size:21px;line-height:1.6;max-width:850px;color:#6d6a7b}.inner-main h2{font-size:25px;font-weight:500;letter-spacing:-.5px;margin:0 0 12px}.inner-main p,.inner-main li{font-size:17px;line-height:1.75}.inner-main .eyebrow{font-size:12px!important;color:#47409f;margin:0!important}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0}.card{padding:26px;background:#fff;border:1px solid #e4dfed;border-radius:8px}.card p{margin:0;color:#6d6a7b}.card .tag{font-size:12px;letter-spacing:1px;color:#47409f;display:block;margin-bottom:10px}.section-note{border-left:3px solid #aaa4d5;padding:10px 24px;margin:28px 0}.page-actions{margin:28px 0 0;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.about-layout{display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:start}.about-photo{width:100%;border-radius:150px 150px 8px 8px}.detail-link{color:#47409f;text-decoration:underline;text-underline-offset:4px}.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.contact-details a{display:block;overflow-wrap:anywhere}.form-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;margin-top:28px}form label{display:block;font-size:15px;margin:16px 0 6px}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid #cfc8df;border-radius:4px;background:white;color:#292743}textarea{min-height:110px;resize:vertical}form .primary{margin-top:20px}.small-note{font-size:14px!important;color:#6d6a7b}.inner-main details{border-top:1px solid #dedbe7;padding:18px 0}.inner-main summary{font-size:18px;cursor:pointer}.inner-main .primary{font-size:18px}.page-wrap a:focus-visible{outline:3px solid #867de0;outline-offset:4px}@media(max-width:700px){nav a{font-size:19.8px}.inner-main{padding:32px 6%}.cards,.contact-details,.about-layout,.form-layout{grid-template-columns:1fr}.about-photo{max-width:260px}.inner-main .lead{font-size:18px}.inner-main p,.inner-main li{font-size:16px}}
.about-photo{border-radius:8px}.mens-health-card{margin:0 0 30px}.mens-health-card h2{color:#47409f}