/* TURELINE brand and flagship pages. Uses shared design tokens; no framework. */
.flagship-scope,.flagship-scope *{box-sizing:border-box}
.flagship-scope{font:17px/1.65 var(--font-ui);color:var(--text);text-align:left}
.flagship-scope :is(h1,h2,h3,p,ul,ol,figure){margin:0}
.flagship-scope a{color:inherit;text-decoration:none}
.flagship-scope a:focus-visible,.flagship-scope button:focus-visible,.flagship-scope input:focus-visible,.flagship-scope textarea:focus-visible,.flagship-scope summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.flagship-scope img{display:block;max-width:100%}
.flagship-scope h1{font:400 clamp(42px,4.7vw,68px)/1.06 var(--font-ui);letter-spacing:-.045em;color:var(--brand)}
.flagship-scope h2{font:400 clamp(30px,3.2vw,46px)/1.12 var(--font-ui);letter-spacing:-.035em;color:var(--brand)}
.flagship-scope h3{font:400 24px/1.25 var(--font-ui);letter-spacing:-.02em;color:var(--brand)}
.flagship-scope .overline{font:500 12px/1.5 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.flagship-scope .lead{font-size:21px;line-height:1.5;max-width:760px;color:var(--brand);margin-top:25px}
.flagship-container{width:min(var(--container),calc(100% - 80px));margin:auto}
.flagship-section{padding:80px 0;background:var(--surface)}
.flagship-section.is-tinted{background:var(--surface-soft)}
.flagship-section.is-dark{background:var(--brand-dark);color:white}
.flagship-section.is-dark :is(h2,h3,.overline){color:white}
.flagship-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}
.flagship-heading>p{max-width:410px;color:var(--muted)}
.flagship-link{display:inline-flex;align-items:center;gap:18px;font-weight:500;color:var(--brand)!important;border-bottom:1px solid var(--border);padding:8px 0;transition:gap var(--duration)}
.flagship-link:hover{gap:26px}.flagship-section.is-dark .flagship-link{color:white!important}
.flagship-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--brand);border-radius:var(--radius-pill);padding:14px 25px;background:var(--brand);color:white!important;font:500 16px/1.4 var(--font-ui);cursor:pointer;transition:transform var(--duration),background var(--duration)}
.flagship-button:hover{background:var(--brand-dark);transform:translateY(-2px)}
.flagship-button.is-outline{background:transparent;color:var(--brand)!important}
.flagship-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}
.flagship-hero{padding:35px 0 80px;background:var(--surface-soft);border-bottom-right-radius:180px 120px}
.flagship-breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:44px}
.flagship-breadcrumbs a:hover{text-decoration:underline}
.flagship-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center}
.flagship-hero .flagship-identity{margin-top:25px;font-size:13px;color:var(--muted)}
.flagship-hero img{width:100%;height:auto}
.measurement-art{background:white;padding:38px;border:1px solid var(--border);border-radius:18px;color:var(--brand);min-width:0}
.measurement-art .measurement-symbol{font:400 clamp(26px,3vw,43px)/1.2 var(--font-ui);letter-spacing:-.035em;border-bottom:1px solid var(--border);padding-bottom:24px;margin-bottom:28px}
.measurement-art>p{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
.measurement-flow{list-style:none;padding:0;counter-reset:step}
.measurement-flow li{display:flex;gap:20px;align-items:center;padding:15px 0;font-size:18px}
.measurement-flow li:before{counter-increment:step;content:counter(step,decimal-leading-zero);font:12px/1 var(--font-ui);color:var(--muted);border:1px solid var(--border);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}
.flagship-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.flagship-grid>.flagship-card:only-child{grid-column:1 / -1;display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:16px 50px;padding:38px}
.flagship-grid>.flagship-card:only-child .overline{grid-column:2;grid-row:1;margin:0}
.flagship-grid>.flagship-card:only-child .card-symbol{grid-column:1;grid-row:1 / span 4;justify-content:center;background:var(--surface-soft);border:0;border-radius:8px;padding:45px 25px;margin:0;min-height:200px;font-size:clamp(35px,4vw,58px)}
.flagship-grid>.flagship-card:only-child h3{grid-column:2;grid-row:2;font-size:30px}
.flagship-grid>.flagship-card:only-child p:not(.overline){grid-column:2;grid-row:3;margin:0}
.flagship-grid>.flagship-card:only-child a{grid-column:2;grid-row:4;margin:0}
.flagship-card{position:relative;padding:30px;border:1px solid var(--border);border-radius:var(--radius);background:white;display:flex;flex-direction:column;min-width:0;transition:transform var(--duration),box-shadow var(--duration)}
.flagship-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #1c184210}
.flagship-card .card-symbol{display:flex;align-items:center;min-height:85px;color:var(--brand);font:400 30px/1.25 var(--font-ui);letter-spacing:-.035em;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.flagship-card .overline{font-size:11px;margin-bottom:12px}
.flagship-card p:not(.overline){font-size:16px;line-height:1.6;color:var(--muted);margin:15px 0 25px}
.flagship-card a{margin-top:auto;font-size:15px;font-weight:500;color:var(--brand)}
.flagship-card a:after{content:"";position:absolute;inset:0;border-radius:var(--radius)}
.flagship-card a:focus-visible:after{outline:3px solid var(--accent);outline-offset:3px}
.flagship-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:40px}
.flagship-feature-grid article{border-top:1px solid var(--border);padding-top:24px}
.flagship-feature-grid p{margin-top:18px;color:var(--muted);font-size:17px}
.flagship-overview{max-width:880px;font-size:21px;line-height:1.6;margin-top:25px!important}
.flagship-spec-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:start}
.flagship-spec-grid h2{margin-bottom:24px}
.flagship-table{width:100%;border-collapse:collapse;text-align:left;margin:26px 0;font-size:16px}
.flagship-table th,.flagship-table td{vertical-align:top;padding:19px 12px;border-bottom:1px solid var(--border);line-height:1.6}
.flagship-table th{font-weight:500;width:34%;padding-left:0;color:var(--brand)}
.flagship-table caption{text-align:left;font-size:13px;color:var(--muted);padding-bottom:15px}
.flagship-note{font-size:14px;color:var(--muted);line-height:1.6;margin-top:20px!important}
.flagship-tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin-top:25px!important}
.flagship-tags li{border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 15px;font-size:14px}
.flagship-related{margin-top:32px}.flagship-related h3{font-size:22px}.flagship-related ul{padding:0;list-style:none;margin-top:15px}.flagship-related a{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--border);font-size:16px}.flagship-related a:hover{color:var(--brand)}
.flagship-cta{background:var(--brand);color:white;border-radius:var(--radius);padding:42px;display:flex;justify-content:space-between;align-items:center;gap:35px}
.flagship-cta h2{color:white}.flagship-cta p{max-width:700px;margin-top:18px;color:#eeedf6}.flagship-cta .flagship-button{background:white;color:var(--brand)!important;white-space:nowrap}
.brand-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:38px}
.brand-role{border:1px solid var(--border);background:white;padding:34px;border-radius:var(--radius)}
.brand-role img{width:110px;height:80px;object-fit:contain;margin-bottom:20px}.brand-role p{margin-top:18px;color:var(--muted)}
.brand-role .brand-role-name{font:400 30px/1.2 var(--font-ui);color:var(--brand);margin-top:0;margin-bottom:24px;letter-spacing:-.03em}
.brand-role .brand-role-label{font:500 12px/1.6 var(--font-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--brand);margin-bottom:12px}
.brand-story-lead{max-width:850px;margin-top:25px!important;font-size:21px;color:var(--brand)}
.home-heritage{margin-top:20px}.home-heritage summary{cursor:pointer;font-size:15px!important;color:var(--brand)!important;padding:10px 0}.home-heritage p{margin-top:14px!important;font-size:16px!important}
.flagship-range-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.flagship-range-links a{padding:10px 18px;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:15px}.flagship-range-links a:hover{background:var(--brand);color:white}
.flagship-product-photo{padding:30px;background:var(--surface-soft);border-radius:var(--radius)}
.flagship-hero-grid .flagship-product-photo img{width:100%;height:360px;object-fit:contain;mix-blend-mode:multiply}
.flagship-product-photo figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:18px}
.home-flagship{padding:65px 0;background:white}
.home-flagship .flagship-heading{margin-bottom:28px}.home-flagship h2{font-size:42px}
.home-flagship-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}
.home-flagship-links a{padding:20px 0;border-top:1px solid var(--border);display:grid;grid-template-columns:38px 1fr 20px;gap:10px;align-items:center;font-size:20px;line-height:1.3;color:var(--brand)}
.home-flagship-links a span:first-child{font:12px var(--font-ui);color:var(--muted)}
.home-flagship-links a:hover{color:var(--brand-dark);background:var(--surface-soft)}
.hero-slide .brand-hero-visual>img{mix-blend-mode:normal;height:430px}
.hero-slide .brand-hero-visual .instrument-caption{font-size:17px;padding-top:0}.hero-slide .brand-hero-copy h1{font-size:clamp(43px,4.4vw,62px)!important}
.hero-slide .brand-hero-copy>p:not(.hero-kicker){font-size:19px!important}.hero-slide .brand-hero-copy .hero-manufacturer{font-size:13px!important;color:var(--muted);margin-top:22px!important;margin-bottom:0!important;max-width:420px}
.hero-slide .brand-hero-copy>p.hero-manufacturer:not(.hero-kicker){font-size:14px!important;line-height:1.5!important}
@media(max-width:1180px){.flagship-hero-grid{gap:35px}.flagship-card{padding:24px}.flagship-spec-grid{gap:38px}}
@media(max-width:850px){.flagship-container{width:calc(100% - 48px)}.flagship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flagship-hero-grid,.flagship-spec-grid{grid-template-columns:1fr}.flagship-hero h1{max-width:700px}.flagship-hero-grid>figure{max-width:620px;width:100%;margin:auto}.flagship-cta{flex-direction:column;align-items:start}.home-flagship-links{grid-template-columns:repeat(2,minmax(0,1fr))}.flagship-heading{flex-direction:column;align-items:start}.flagship-feature-grid{gap:24px}.brand-story-grid{gap:20px}}
@media(max-width:580px){.flagship-container{width:calc(100% - 40px)}.flagship-section{padding:50px 0}.flagship-hero{padding:25px 0 50px;border-bottom-right-radius:90px 60px}.flagship-breadcrumbs{font-size:12px;margin-bottom:30px}.flagship-grid,.brand-story-grid,.flagship-feature-grid,.home-flagship-links{grid-template-columns:1fr}.flagship-heading{margin-bottom:25px}.flagship-hero h1{font-size:43px}.flagship-scope .lead,.brand-story-lead{font-size:19px}.flagship-cta{padding:28px}.flagship-table th,.flagship-table td{font-size:15px;padding:15px 6px}.flagship-hero-grid{gap:30px}.brand-role{padding:24px}.home-flagship{padding:45px 0}.home-flagship h2{font-size:35px}.home-flagship-links a{font-size:20px;padding:17px 0}.hero-slide .brand-hero-visual>img{height:290px}.hero-slide .brand-hero-copy h1{font-size:44px!important}.measurement-art{padding:28px}.flagship-actions .flagship-button{width:100%}.flagship-scope [id]{scroll-margin-top:155px}}
@media(prefers-reduced-motion:reduce){.flagship-scope *{animation:none!important;transition:none!important}}
@media(max-width:580px){.flagship-grid>.flagship-card:only-child{display:flex;padding:24px;gap:0}.flagship-grid>.flagship-card:only-child .card-symbol{width:100%;min-height:130px;margin:18px 0 24px;font-size:38px}.flagship-grid>.flagship-card:only-child h3{font-size:26px}.flagship-grid>.flagship-card:only-child p:not(.overline){margin:15px 0 25px}}
