/* Celestyn atelier: shared presentation and complete inner-page layouts. */
:root { --black:#080808; --black-2:#101010; --black-3:#181818; --black-4:#222; --white:#f7f7f5; --paper:#fff; --grey-1:#252525; --grey-2:#393939; --grey-3:#686868; --grey-4:#aaa; --grey-5:#bcbcbc; --grey-6:#dedede; --rose:#c3ac87; --rose-bright:#d8c8ad; --rose-deep:#a28e70; }
*,*::before,*::after { letter-spacing:0 !important; }
html { scrollbar-gutter:stable; scroll-padding-top:100px; }
body { background-image:none; overflow-x:visible; font-size:15px; line-height:1.65; }
main,section,header,footer,.container,.container-narrow,.container-text { min-width:0; }
[hidden] { display:none !important; }
main { outline:none; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid var(--white); outline-offset:5px; }
:disabled { opacity:.35; cursor:default; }
a,button,p,h1,h2,h3,h4,h5 { overflow-wrap:break-word; }
.container { max-width:1440px; padding-inline:64px; }
.eyebrow,.label,.card-eyebrow { font-size:11px; color:var(--grey-5); font-weight:500; }
.display,h1.display { font-size:68px; line-height:1.04; font-weight:300; }
.display-sm,.section-head h2 { font-size:44px; line-height:1.12; font-weight:300; }
.body { font-size:15px; line-height:1.8; }
.reveal { opacity:1; transform:none; transition:none; }
.skip-link { position:fixed; top:10px; left:16px; z-index:2147483647; padding:12px 20px; background:var(--white); color:var(--black); transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.icon { display:inline-block; width:19px; height:19px; flex:0 0 19px; background:currentColor; mask:var(--icon) center/contain no-repeat; -webkit-mask:var(--icon) center/contain no-repeat; }
.icon-menu { --icon:url('assets/icon-menu.svg'); }
.icon-arrow { --icon:url('assets/icon-arrow-right.svg'); }
.icon-filter { --icon:url('assets/icon-sliders-horizontal.svg'); }
.icon-close { --icon:url('assets/icon-x.svg'); }
#nav,#nav.scrolled { padding:0; height:88px; background:rgba(8,8,8,.97); border-bottom:1px solid var(--grey-1); z-index:2147483646; backdrop-filter:none; }
.nav-inner { height:100%; gap:32px; }
#nav .wordmark { display:grid; gap:1px; font-size:24px; line-height:1.05; flex-shrink:0; font-weight:400; }
#nav .wordmark span { font-size:9px; color:var(--grey-5); text-align:center; }
.nav-links { gap:28px; margin-left:auto; }
.nav-links a { font-size:12px; color:var(--grey-5); min-height:44px; display:flex; align-items:center; }
.nav-links a[aria-current='page'] { color:var(--white); }
.nav-links a[aria-current='page']::after { width:100%; }
.nav-appointment { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:12px; white-space:nowrap; text-transform:uppercase; }
.nav-toggle { display:none; width:44px; height:44px; padding:10px; flex:0 0 44px; align-items:center; justify-content:center; }
.nav-toggle .icon { width:24px; height:24px; flex-basis:24px; background:var(--white); transform:none; }
.nav-toggle[aria-expanded='true'] .icon { --icon:url('assets/icon-x.svg'); }
body.nav-open #music-player { visibility:hidden !important; pointer-events:none !important; }
body:has(#pbi-player-host) #music-player { display:none !important; }
body.nav-open #pbi-player-host { display:none !important; }
.btn { min-height:52px; max-width:100%; white-space:normal; text-align:center; justify-content:center; font-size:12px; line-height:1.45; padding:16px 24px; gap:16px; }
.btn-primary { background:var(--white); color:var(--black); }
.btn-primary:hover { background:var(--rose); }
.btn-arrow { font-size:12px; min-height:48px; white-space:normal; }
.hero-cta-row,.tennis-cta-row,.edu-cta-row { flex-wrap:wrap; gap:20px; }
#hero { height:calc(100svh - 58px); min-height:600px; max-height:1040px; padding:150px 0 90px; align-items:center; background:#000; }
.hero-bg { background-image:url('assets/hero-ring-rosegold.png'); opacity:1; transform:none; animation:none; background-position:right bottom; background-size:cover; }
.hero-content .container { display:block; }
.hero-content .eyebrow { color:var(--grey-5); margin-bottom:24px; }
#hero h1 { font-size:82px; font-weight:300; line-height:1; margin-bottom:25px; }
.hero-signature { font-size:34px; font-weight:300; line-height:1.18; max-width:550px; color:var(--white); }
.hero-description { font-size:15px; color:var(--grey-5); margin:26px 0 32px; max-width:430px; }
.hero-cta-row { max-width:570px; }
.marquee { background:#111; color:var(--grey-5); padding:18px 0; border-color:#292929; height:58px; }
.marquee-track span,.marquee-track .sep { color:var(--grey-5); }
.marquee-track { animation-duration:60s; }
.trust-bar { padding:45px 0; }
.trust-item { min-width:0; }
.trust-item h4 { font-size:14px; }
.trust-item p { font-size:13px; color:var(--grey-5); }
#collections,#education,#partnership,#appointment,#shapes { padding-block:96px; }
.collection-card { border:0; border-bottom:1px solid var(--grey-2); }
.collection-card:hover { transform:none; }
.collection-image { background-color:#111; }
.shape-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.shape-card { min-width:0; padding:24px 12px; }
.shape-card .label { font-size:11px; }
.shape-card svg { width:34px; height:34px; }
.shape-card:hover { background:#171717; }
.page-hero,.search-hero { padding:156px 0 68px; border-bottom:1px solid var(--grey-1); background:#0b0b0b; }
.page-hero .eyebrow,.search-hero .eyebrow { margin-bottom:25px; }
.page-hero-sub,.hero-sub { font-size:16px; line-height:1.75; color:var(--grey-5); max-width:590px; margin-top:26px; }
.page-collections .page-hero,.page-design-studio .page-hero { min-height:510px; background:#000 url('assets/hero-ring-rosegold.png') right 60%/auto 150% no-repeat; }
.page-collections .page-hero .container,.page-design-studio .page-hero .container { position:relative; }
.page-collections .page-hero h1,.page-design-studio .page-hero h1 { max-width:650px; }
.page-collections .page-hero-sub,.page-design-studio .page-hero-sub { max-width:480px; }
.diamond-search { padding:56px 0 88px; }
.search-layout { display:grid; grid-template-columns:225px minmax(0,1fr); gap:48px; }
.search-filters { position:sticky; top:115px; align-self:start; }
.filter-group { margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid var(--grey-1); }
.filter-head { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:14px; font-size:12px; }
.filter-label { font-weight:500; }
.filter-clear { font-size:12px; text-decoration:underline; color:var(--grey-5); min-height:24px; }
.filter-range-display { color:var(--grey-5); font-size:11px; }
.shape-filter-grid,.chip-group { display:flex; flex-wrap:wrap; gap:6px; }
.shape-btn,.chip { min-height:36px; padding:8px 10px; font-size:11px; border:1px solid var(--grey-2); color:var(--grey-5); }
.shape-btn.active,.chip.active { color:var(--white); border-color:var(--grey-5); background:#202020; }
.shape-btn { flex:1 0 29%; }
.dual-range { display:grid; gap:14px; }
.dual-range-track,.dual-range-fill { display:none; }
.dual-range input { width:100%; accent-color:var(--rose); height:18px; position:static; }
.filter-help { font-size:12px; color:var(--grey-5); }
.filter-help a { text-decoration:underline; }
.filter-toggle { display:none; }
.results-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; scroll-margin-top:112px; }
.results-count { font-size:13px; }
.results-sort { display:flex; align-items:center; gap:12px; }
.results-sort label { font-size:12px; color:var(--grey-5); }
.results-sort select { background:#111; color:var(--white); border:1px solid var(--grey-2); padding:10px 12px; max-width:200px; font-size:12px; }
.diamond-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.diamond-card { min-width:0; border:1px solid var(--grey-1); background:#0b0b0b; display:flex; flex-direction:column; }
.diamond-card:hover { border-color:var(--grey-3); }
.diamond-card-image { position:relative; aspect-ratio:1; display:grid; place-items:center; background:#eeefef; }
.diamond-card-image svg { width:50%; height:50%; }
.diamond-card-image svg * { stroke:#64676b; }
.diamond-badge { position:absolute; top:14px; left:14px; font-size:10px; color:#494949; text-transform:uppercase; }
.diamond-card-body { padding:22px 18px; flex:1; }
.diamond-card .card-eyebrow { font-size:11px; margin-bottom:10px; }
.diamond-card .card-title { font-size:25px; margin-bottom:20px; }
.card-specs { display:grid; grid-template-columns:1fr 1fr; gap:14px 8px; font-size:12px; }
.card-specs dt { color:var(--grey-4); font-size:10px; }
.card-foot { display:flex; justify-content:space-between; align-items:center; margin-top:22px; gap:10px; }
.card-foot .price { font-size:20px; color:var(--white); }
.cert-tag { font-size:10px; color:var(--grey-5); }
.view-btn { padding:16px 18px; border-top:1px solid var(--grey-1); font-size:12px; display:flex; justify-content:space-between; }
.view-btn:hover { background:var(--white); color:var(--black); }
.results-pagination { display:flex; justify-content:center; align-items:center; gap:25px; margin-top:36px; }
.page-btn { min-width:65px; min-height:44px; font-size:12px; }
.page-status { font-size:12px; color:var(--grey-5); }
.empty-results { padding:70px 0; text-align:center; }
.empty-results h2 { font-size:26px; }
.empty-results p { margin:15px 0 24px; color:var(--grey-5); }
.empty-results a { margin-left:20px; }
.cta-strip,.bespoke-section { padding:75px 0; background:#141414; border-block:1px solid var(--grey-1); }
.cta-inner { display:flex; justify-content:space-between; align-items:center; gap:32px; }
.cta-inner .eyebrow { margin-bottom:15px; }
.collection-section { padding:80px 0; border-bottom:1px solid var(--grey-1); }
.collection-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:42px; }
.collection-head .eyebrow { margin-bottom:15px; }
.collection-intro { max-width:570px; color:var(--grey-5); margin-top:20px; font-size:15px; }
.collection-meta { display:grid; text-align:right; color:var(--grey-5); min-width:60px; }
.meta-num { font-size:34px; color:var(--white); }
.meta-label { font-size:11px; }
.setting-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px 24px; }
.setting-card { display:block; border-bottom:1px solid var(--grey-2); padding-bottom:24px; }
.setting-image { aspect-ratio:4/3; background:#edeeed; display:grid; place-items:center; margin-bottom:24px; }
.setting-image svg { width:45%; height:75%; }
.setting-image svg * { stroke:#6a6c6c; }
.setting-info h3 { font-size:24px; margin:8px 0; }
.setting-detail { font-size:12px; color:var(--grey-5); }
.setting-from { font-size:15px; margin-top:14px; }
.design-wizard { padding:45px 0 85px; }
.wizard-progress { display:flex; align-items:center; gap:25px; padding-bottom:40px; }
.wizard-step { display:flex; align-items:center; gap:12px; padding:12px 0; font-size:12px; }
.wizard-num { color:var(--rose); }
.wizard-line { flex:1; height:1px; background:var(--grey-2); }
.wizard-panel { padding:50px 0; border-top:1px solid var(--grey-1); scroll-margin-top:105px; }
.wizard-panel-head { max-width:640px; margin-bottom:35px; }
.wizard-panel-head h2 { margin:16px 0 20px; }
.shape-wizard-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:12px; margin:32px 0; }
.shape-wizard-btn { border:1px solid var(--grey-2); min-width:0; padding:20px 10px; display:grid; justify-items:center; gap:15px; font-size:12px; }
.shape-wizard-btn svg { width:38px; height:38px; }
[aria-pressed='true'].shape-wizard-btn,[aria-pressed='true'].setting-wizard-card { border-color:var(--rose); background:#1c1a17; }
.setting-wizard-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-bottom:32px; }
.setting-wizard-card { border:1px solid var(--grey-2); text-align:left; padding:20px; min-width:0; }
.setting-wizard-image { height:140px; display:grid; place-items:center; margin-bottom:15px; }
.setting-wizard-image svg { width:100px; height:100px; }
.setting-wizard-card h4 { font-size:20px; }
.setting-wizard-card p { font-size:12px; color:var(--grey-5); margin-top:8px; }
.wizard-timeline { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:35px; margin-bottom:35px; }
.timeline-num { color:var(--rose); font-size:12px; display:block; margin-bottom:14px; }
.timeline-item h4 { font-size:18px; margin-bottom:10px; }
.timeline-item p { color:var(--grey-5); font-size:13px; }
.design-selection { margin-bottom:20px; font-size:15px; }
.edu-detail,.lab-vs-mined,.certification-section,.contact-details { padding:75px 0; }
.edu-section-head { margin-bottom:45px; }
.edu-section-head .eyebrow { margin-bottom:18px; }
.edu-block { display:grid; grid-template-columns:200px minmax(0,1fr); gap:65px; padding:40px 0; border-top:1px solid var(--grey-2); }
.edu-block-num { font-size:12px; color:var(--rose); }
.edu-block-content { max-width:770px; }
.edu-block-content h3 { font-size:30px; margin-bottom:18px; }
.edu-block-content p { font-size:15px; margin:14px 0; color:var(--grey-5); }
.edu-range { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:25px; border-top:1px solid var(--grey-1); padding-top:18px; font-size:12px; }
.edu-range-label { color:var(--grey-4); }
.comparison-row { display:grid; grid-template-columns:1fr 1fr 1fr; border-bottom:1px solid var(--grey-2); }
.comparison-row > div { padding:18px 20px; font-size:14px; }
.comparison-head { background:#1c1c1c; }
.contact-options { padding:60px 0; }
.contact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; }
.contact-card { padding:0 0 30px; border-bottom:1px solid var(--grey-2); }
.contact-num { font-size:12px; color:var(--rose); }
.contact-card h3 { font-size:27px; margin:20px 0 14px; }
.contact-card p { font-size:14px; color:var(--grey-5); }
.contact-arrow { margin-top:24px; font-size:12px; text-transform:uppercase; }
.contact-form-section { padding:70px 0 90px; background:#101010; }
.contact-form-section .eyebrow { margin-bottom:20px; }
.contact-form { display:grid; gap:28px; scroll-margin-top:115px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.form-field { display:grid; gap:10px; min-width:0; }
.form-field > label,.field-label { font-size:12px; color:var(--grey-5); }
.form-field input:not([type='radio']),.form-field select,.form-field textarea { width:100%; min-width:0; min-height:50px; border:1px solid #555; background:#080808; color:var(--white); padding:13px 15px; font-size:16px; border-radius:0; }
.form-field textarea { resize:vertical; }
.form-field input::placeholder,.form-field textarea::placeholder { color:#929292; }
.radio-group { display:flex; gap:25px; flex-wrap:wrap; }
.radio-btn { display:inline-flex; align-items:center; gap:10px; min-height:44px; font-size:14px; }
.radio-btn input { width:18px; height:18px; accent-color:var(--rose); }
.contact-form > .btn { justify-self:start; }
.enquiry-context { border-left:2px solid var(--rose); padding:12px 20px; margin:0 0 30px; color:var(--white); background:#191919; }
.details-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; }
.detail-block .eyebrow { margin-bottom:20px; }
.detail-text { font-size:14px; color:var(--grey-5); overflow-wrap:anywhere; }
.trust-strip-final { padding:28px 0; border-top:1px solid var(--grey-1); font-size:12px; }
footer { padding:65px 0 32px; }
footer .wordmark { font-size:24px; }
.footer-grid { gap:30px; }
.footer-col a { min-height:32px; display:flex; align-items:center; }
.footer-bottom { margin-top:40px; }
#music-player { width:390px; max-width:calc(100% - 24px); background:#111; border-color:#555; gap:10px; }
#music-player .player-text { flex:1; min-width:0; }
#music-player .player-track { min-width:0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#music-player .player-track em { display:none; }
#music-player .player-toggle,#music-player .player-close { flex-shrink:0; min-width:32px; min-height:36px; }
#music-player .player-full { flex-shrink:0; white-space:nowrap; }
#music-player .player-link,#music-player .player-close { display:flex; align-items:center; justify-content:center; flex:0 0 36px; width:36px; height:40px; padding:0; }
#music-player .player-close .icon { width:16px; height:16px; flex-basis:16px; }
#music-player .player-bars span { animation:none; }
@media (max-width:1200px) {
 .container { padding-inline:38px; } .nav-inner { gap:20px; } .nav-links { gap:18px; } .nav-appointment { font-size:11px; }
 .search-layout { grid-template-columns:195px minmax(0,1fr); gap:28px; } .diamond-grid { gap:14px; } .diamond-card-body { padding:18px 12px; }
}
@media (max-width:900px) {
 #nav,#nav.scrolled { height:72px; } .nav-inner { gap:14px; } #nav .wordmark { font-size:22px; margin-right:auto; order:0; }
 .nav-appointment { order:2; } .nav-toggle { display:flex; order:3; }
 .nav-links { display:none; position:fixed; top:72px; left:0; right:0; margin:0; padding:12px 28px 28px; background:#080808; height:auto; max-height:calc(100dvh - 72px); overflow-y:auto; overscroll-behavior:contain; flex-direction:column; align-items:stretch; gap:0; border-bottom:1px solid var(--grey-2); backdrop-filter:none; }
 .nav-links.open { display:flex; } .nav-links a { font-size:18px; line-height:1.2; padding:18px 0; flex-shrink:0; min-height:60px; border-bottom:1px solid var(--grey-1); } .nav-links a::after { display:none; }
 body.nav-open { overflow:hidden; } #hero h1 { font-size:64px; } .hero-signature { font-size:30px; } .hero-bg { background-size:auto 85%; } .hero-description { max-width:380px; }
 .search-layout { grid-template-columns:1fr; gap:24px; } .search-filters { position:static; display:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding:24px; border:1px solid var(--grey-2); } .search-filters.filters-open { display:grid; }
 .filter-group { margin:0; } .filter-toggle { display:inline-flex; gap:8px; align-items:center; min-height:44px; font-size:12px; }
 .shape-wizard-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .setting-wizard-grid,.wizard-timeline,.details-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .edu-block { grid-template-columns:130px minmax(0,1fr); gap:35px; }
 .page-collections .page-hero,.page-design-studio .page-hero { background-size:auto 110%; background-position:right bottom; }
}
@media (max-width:600px) {
 .container,.container-narrow,.container-text,.partnership-inner,.design-studio-inner { padding-inline:22px; }
 #nav .wordmark { font-size:21px; } .nav-appointment { font-size:10px; gap:6px; } .nav-appointment .icon { display:none; } .nav-inner { gap:10px; }
 .display,h1.display { font-size:42px; } .display-sm,.section-head h2 { font-size:32px; } .eyebrow,.label { font-size:10px; }
 #hero { height:calc(100svh - 44px); min-height:500px; max-height:900px; padding:112px 0 0; align-items:start; }
 #hero h1 { font-size:48px; margin-bottom:16px; } .hero-content .eyebrow { margin-bottom:18px; } .hero-signature { font-size:25px; }
 .hero-description { font-size:13px; margin:18px 0 22px; max-width:300px; } .hero-bg { background-size:auto 64%; background-position:right bottom; }
 .hero-cta-row { gap:16px; } .hero-cta-row .btn { padding:12px 15px; min-height:45px; font-size:10px; gap:8px; } .hero-cta-row .btn-arrow { font-size:10px; min-height:45px; gap:8px; }
 .marquee { height:44px; padding:12px 0; } .marquee-track { gap:24px; } .marquee-track span { font-size:10px; }
 .trust-bar { padding:20px 0; } .trust-item { padding:20px 12px; } .trust-item p { font-size:12px; }
 #collections,#education,#partnership,#appointment,#shapes { padding-block:60px; }
 .shape-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .shape-card { padding:20px 8px; } .shape-card .label { font-size:10px; }
 .page-hero,.search-hero { padding:120px 0 45px; } .page-hero-sub,.hero-sub { font-size:14px; margin-top:20px; }
 .page-collections .page-hero,.page-design-studio .page-hero { min-height:620px; background-size:auto 65%; padding-bottom:280px; }
 .diamond-search { padding:25px 0 60px; } .results-header { flex-wrap:wrap; gap:8px 14px; margin-bottom:20px; }
 .results-sort { margin-left:auto; gap:6px; } .results-sort label { display:none; } .results-sort select { max-width:162px; font-size:11px; padding:11px 6px; } .results-count { font-size:12px; }
 .diamond-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .diamond-card-body { padding:18px 12px; } .diamond-card .card-title { font-size:22px; } .diamond-card .card-eyebrow { font-size:10px; }
 .card-foot .price { font-size:18px; } .diamond-badge { top:9px; left:9px; font-size:9px; } .search-filters { padding:18px; grid-template-columns:1fr; }
 .cta-strip,.bespoke-section { padding:50px 0; } .cta-inner { align-items:start; flex-direction:column; gap:25px; }
 .collection-section { padding:50px 0; } .collection-head { align-items:start; gap:20px; margin-bottom:30px; } .collection-intro { font-size:14px; } .collection-meta { min-width:35px; } .meta-num { font-size:25px; }
 .setting-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 18px; } .setting-info h3 { font-size:20px; } .setting-detail { font-size:11px; } .setting-from { font-size:13px; } .setting-image { margin-bottom:16px; }
 .design-wizard { padding:25px 0 45px; } .wizard-progress { gap:10px; padding-bottom:25px; } .wizard-step { gap:7px; font-size:11px; } .wizard-panel { padding:35px 0; }
 .shape-wizard-grid { gap:8px; } .shape-wizard-btn { padding:16px 6px; font-size:10px; } .shape-wizard-btn svg { width:30px; height:30px; }
 .setting-wizard-grid { gap:12px; } .setting-wizard-card { padding:15px; } .setting-wizard-card h4 { font-size:18px; } .setting-wizard-image { height:110px; } .wizard-timeline { gap:25px; }
 .edu-detail,.lab-vs-mined,.certification-section,.contact-details { padding:45px 0; } .edu-block { grid-template-columns:1fr; gap:16px; padding:30px 0; } .edu-block-content h3 { font-size:25px; } .edu-block-content p { font-size:14px; }
 .edu-cta-row { margin-top:35px; padding-top:30px; gap:18px; } .comparison-row > div { padding:13px 7px; font-size:11px; overflow-wrap:anywhere; }
 .contact-options { padding:40px 0; } .contact-grid { grid-template-columns:1fr; gap:26px; } .contact-card { position:relative; padding-bottom:24px; } .contact-card h3 { font-size:24px; margin:10px 0; } .contact-arrow { margin-top:16px; }
 .contact-form-section { padding:45px 0 55px; } .form-row { grid-template-columns:1fr; gap:28px; } .radio-group { gap:18px; } .details-grid { gap:30px 22px; } .detail-text { font-size:13px; }
 footer { padding:50px 0 105px; } .footer-grid { grid-template-columns:1fr 1fr; gap:30px; } .footer-brand { grid-column:1/-1; } .footer-bottom { align-items:start; text-align:left; gap:20px; } .footer-bottom p { font-size:10px; }
 #music-player { left:12px; right:12px; bottom:12px; width:auto; max-width:none; } #music-player .player-full { display:none; }
}
@media (max-width:360px) {
 .container,.container-narrow,.container-text { padding-inline:18px; } #hero h1 { font-size:42px; } .hero-signature { font-size:23px; }
 .hero-cta-row { gap:12px; } .hero-cta-row .icon { display:none; } .results-sort { width:100%; margin:0; } .results-sort select { max-width:none; width:100%; }
 .diamond-card .card-title { font-size:19px; } .card-foot { flex-wrap:wrap; } .setting-grid { gap:24px 12px; }
}
@media (max-height:650px) and (min-width:601px) {
 #hero { min-height:0; height:calc(100svh - 44px); padding:112px 0 24px; align-items:start; } #hero h1 { font-size:52px; margin-bottom:15px; }
 .hero-signature { font-size:26px; } .hero-description { margin:14px 0; } .hero-content .eyebrow { margin-bottom:14px; }
}
@media (max-height:600px) and (max-width:600px) {
 #hero { min-height:0; height:calc(100svh - 34px); padding-top:95px; } #hero h1 { font-size:38px; margin-bottom:10px; }
 .hero-content .eyebrow { margin-bottom:10px; } .hero-signature { font-size:20px; } .hero-description { font-size:12px; margin:12px 0; } .hero-bg { background-size:auto 57%; }
}
@media (max-height:430px) {
 #hero { min-height:0; height:calc(100svh - 20px); padding-top:85px; } #hero h1 { font-size:34px; margin-bottom:8px; }
 .hero-content .eyebrow,.hero-description { display:none; } .hero-signature { font-size:18px; line-height:1.25; margin-bottom:10px; } .hero-signature br { display:none; }
 .hero-bg { background-size:auto 100%; } .hero-cta-row .btn { padding:10px 14px; min-height:40px; }
 .nav-links { padding-block:0 15px; } .nav-links a { min-height:48px; padding-block:12px; font-size:15px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }