/* A coordinated surface layer. Product rendering and native watch geometry stay intact. */
:root{--surface-radius:24px;--control-radius:14px;--surface-1:#fffefa;--surface-2:#f0f1eb;--surface-3:#e8ece5;--surface-selected:#e4e9dd;--panel-shadow:0 12px 32px rgba(31,43,36,.09);--small-shadow:0 4px 13px rgba(31,43,36,.07)}
body[data-collection=core]{--surface-1:#24272c;--surface-2:#2d3137;--surface-3:#202328;--surface-selected:#3d3027;--panel-shadow:0 14px 32px rgba(0,0,0,.22);--small-shadow:0 4px 14px rgba(0,0,0,.18);--stage:#202328;--panel:#282c31;--card:#25292e;--control:#343941}
body[data-collection=christmas]{--surface-1:#fff;--surface-2:#e6eef0;--surface-3:#f4f8f9;--surface-selected:#dcebee;--panel-shadow:0 12px 30px rgba(46,75,85,.1);--small-shadow:0 4px 13px rgba(46,75,85,.08);--stage:#fff;--panel:#e9f0f2;--card:#f9fcfc;--control:#fff}

/* Homepage cards and links use colour and soft shadows instead of outlines. */
.site-header{border-color:transparent;background:var(--surface-1);border-radius:var(--surface-radius);box-shadow:var(--small-shadow);padding-inline:24px;margin-top:20px}
.opening-copy{background:var(--surface-1);border-radius:var(--surface-radius);box-shadow:var(--panel-shadow);padding:28px;max-width:420px}
.quick-collections a{border-color:transparent;border-radius:var(--surface-radius);background:var(--surface-2);box-shadow:var(--small-shadow)}
.quick-collections a:hover{background:var(--surface-3)}
.product-card{border:0;border-radius:var(--surface-radius);overflow:hidden;box-shadow:var(--panel-shadow)}
.product-facts,.details-link,.release-note,.footer-bottom{border-color:transparent}
.preview-link,.details-link,.preset-animation .preset-playback,.menu-toggle{border-color:transparent;border-radius:var(--control-radius)}
.preview-link{box-shadow:var(--small-shadow)}
.details-link{padding-inline:12px}
.preset-animation .preset-playback{background:#e9eff0;color:#29414a;box-shadow:var(--small-shadow)}
.core-card .preset-animation .preset-playback{background:#3a3e44;color:#f5f1eb}
.preset-animation .preset-gif{border-radius:var(--surface-radius)}
.future-grid article{border-color:transparent;border-radius:var(--surface-radius);background:#293329;box-shadow:0 10px 26px rgba(0,0,0,.16)}
.contact-section{background:var(--surface-1);border-radius:var(--surface-radius);box-shadow:var(--panel-shadow);padding:44px;margin-block:64px}
.support-links{gap:10px}
.support-links a{border-color:transparent;border-radius:var(--control-radius);padding:14px 16px;background:var(--surface-2);box-shadow:var(--small-shadow)}
.text-link{border-bottom:0;text-decoration:underline;text-underline-offset:5px}
.site-footer{border-radius:var(--surface-radius) var(--surface-radius) 0 0}

/* One whole, faithful 2:1 scene touches both viewport edges. Copy stays readable below. */
.approved-cyclist--home{width:100%;max-width:none;margin:0;padding:0 0 64px}
.approved-cyclist--home .approved-cyclist__grid{display:flex;flex-direction:column;gap:0;width:100%;max-width:none}
.approved-cyclist--home .approved-cyclist__photo{order:-1;width:100%;max-width:none;margin:0;border-radius:0;overflow:visible;box-shadow:none}
.approved-cyclist--home .approved-cyclist__photo img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}
.approved-cyclist--home .approved-cyclist__photo figcaption{width:min(1320px,calc(100% - 100px));margin:10px auto 0;font-size:10px;line-height:1.6}
.approved-cyclist--home .approved-cyclist__copy{width:min(1320px,calc(100% - 100px));margin:28px auto 0;padding:32px;border-radius:var(--surface-radius);background:var(--surface-1);box-shadow:var(--panel-shadow);display:grid;grid-template-columns:1fr 1fr;column-gap:56px;align-items:center}
.approved-cyclist--home .approved-cyclist__copy .eyebrow{grid-column:1;grid-row:1;margin-bottom:16px}
.approved-cyclist--home .approved-cyclist__copy h2{grid-column:1;grid-row:2/span 2;margin:0}
.approved-cyclist--home .approved-cyclist__copy>p:not(.eyebrow){grid-column:2;grid-row:2;max-width:440px;margin:0 0 14px}
.approved-cyclist--home .approved-cyclist__copy .text-link{grid-column:2;grid-row:3;justify-self:start;margin:0}

/* Existing Studio controls and state engine are unchanged. */
.studio-header,.collection-sections{border-color:transparent;box-shadow:var(--small-shadow)}
.collection-tabs{border-color:transparent;border-radius:var(--surface-radius);background:var(--surface-2);box-shadow:var(--small-shadow)}
.collection-tabs a{border-radius:var(--control-radius)}
.section-links a{border-radius:var(--control-radius);background:var(--surface-2);box-shadow:0 2px 6px rgba(30,45,50,.06)}
.status{border-color:transparent;border-radius:var(--control-radius);background:var(--surface-2);box-shadow:var(--small-shadow);color:var(--ink)}
.preview-panel,.control-panel,.preset-card,.additional-presets{border-color:transparent;border-radius:var(--surface-radius);box-shadow:var(--panel-shadow)}
.preview-panel{background:var(--stage)}
.control-panel{background:var(--panel)}
.preset-card{background:var(--card)}
.preset-card:hover{border-color:transparent;background:var(--surface-2)}
.preset-card[aria-pressed=true]{border-color:transparent;background:var(--surface-selected);box-shadow:var(--panel-shadow)}
.preset-card[aria-pressed=true] .card-caption>span:last-child::after{content:" · selected";color:var(--ink);font-weight:600}
.preview-caption,.release-note,.field-settings,.motion-settings,.studio-about,.studio-footer,.presets-section{border-color:transparent}
.additional-presets,.field-settings{background:var(--surface-3);border-radius:var(--surface-radius)}
.field-settings{padding:14px}
.motion-settings{background:var(--surface-2);border-radius:var(--surface-radius);padding:14px 12px 12px}
select,.collection-details input[type=search]{border-color:transparent;border-radius:var(--control-radius);background:var(--control);box-shadow:var(--small-shadow)}
.sample-button,.action-link,.collection-details .button{border-color:transparent;border-radius:var(--control-radius);box-shadow:var(--small-shadow)}
.sample-button{background:var(--surface-2)}
.sample-button:hover{border-color:transparent;background:var(--surface-selected)}
.studio-footer{border-radius:var(--surface-radius);background:var(--surface-1);box-shadow:var(--small-shadow);padding:28px 30px;margin-bottom:24px}

/* Major detail panels, smaller information surfaces and support disclosures. */
.collection-details{border:0}
.collection-details section{border:0;border-radius:var(--surface-radius);background:var(--surface-1);box-shadow:var(--panel-shadow);padding:32px;margin-bottom:28px}
.collection-details .hero{column-gap:32px}
.collection-details .core-details{border-color:transparent;padding:0;gap:16px}
.collection-details .core-details>div{background:var(--surface-2);border-radius:var(--surface-radius);padding:20px;box-shadow:var(--small-shadow)}
.collection-details .feature-lines article{border-color:transparent;background:var(--surface-2);border-radius:var(--surface-radius);padding:18px;margin-top:12px;box-shadow:var(--small-shadow)}
.collection-details .gallery-grid figure,.collection-details .release-media-card,.collection-details .release-cover{border-color:transparent;border-radius:var(--surface-radius);background:var(--surface-3);box-shadow:var(--small-shadow);overflow:hidden}
.collection-details .gallery-grid figcaption{padding:16px}
.collection-details .hero-media img,.collection-details .detail-photo img,.collection-details .release-hero img,.collection-details .approved-cyclist__photo img{border-radius:var(--surface-radius)}
.collection-details .gallery-grid img,.collection-details .release-media-card img,.collection-details .release-cover img{border-radius:0}
.collection-details .release-cover figcaption{padding:12px 16px}
.collection-details .model-list{gap:8px 16px}
.collection-details .model-list li{border-color:transparent;border-radius:var(--surface-radius);background:var(--surface-3);padding:11px 14px;box-shadow:0 2px 6px rgba(30,45,50,.04)}
.collection-details .install-steps li{border-color:transparent;border-radius:var(--surface-radius);background:var(--surface-2);padding:18px;margin-bottom:12px;box-shadow:var(--small-shadow)}
.collection-details details{border-color:transparent;border-radius:var(--surface-radius);background:var(--surface-2);padding:18px 20px;margin-bottom:12px;box-shadow:var(--small-shadow)}
.collection-details summary{line-height:1.6}

/* The privacy notice uses the same surfaces; its words and links are untouched. */
.document-page .site-header{position:relative;left:auto;right:auto;width:min(1320px,calc(100% - 64px));margin:20px auto 0;padding:20px 28px;min-height:86px;height:auto;background:#20292b;border-color:transparent;border-radius:var(--surface-radius);box-shadow:var(--panel-shadow)}
.document-page .document-content{width:min(850px,calc(100% - 64px));max-width:850px;margin:36px auto 64px;padding:44px 48px;background:var(--surface-1);border-radius:var(--surface-radius);box-shadow:var(--panel-shadow)}
.document-page .document-content h1{margin-top:12px}
.document-page .footer-bottom a{padding:8px 12px;background:#303936;border-radius:var(--control-radius)}

/* Focus is functional feedback, not a decorative box outline. */
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent,#917548);outline-offset:4px}
@media(max-width:1000px){
 .approved-cyclist--home .approved-cyclist__copy,.approved-cyclist--home .approved-cyclist__photo figcaption{width:calc(100% - 60px)}
}
@media(max-width:760px){
 .site-header{padding-inline:18px;margin-top:14px}
 .site-header.menu-open nav{left:0;right:0;top:calc(100% + 8px);border:0;border-radius:var(--surface-radius);background:var(--surface-1);box-shadow:var(--panel-shadow);padding:18px}
 .opening-copy{padding:24px}
 .contact-section{padding:24px;margin-block:44px}
 .approved-cyclist--home{padding-bottom:44px}
 .approved-cyclist--home .approved-cyclist__copy,.approved-cyclist--home .approved-cyclist__photo figcaption{width:calc(100% - 40px)}
 .approved-cyclist--home .approved-cyclist__copy{display:block;padding:24px;margin-top:20px}
 .approved-cyclist--home .approved-cyclist__copy h2{font-size:40px;margin-bottom:20px}
 .approved-cyclist--home .approved-cyclist__copy>p:not(.eyebrow){margin-bottom:20px}
 .approved-cyclist--home .approved-cyclist__photo figcaption{font-size:9px}
 .collection-details section{padding:22px;margin-bottom:22px}
 .collection-details .core-details{gap:12px}
 .collection-details .core-details>div{padding:16px}
 .collection-details .core-details strong{font-size:31px}
 .collection-details .model-list{grid-template-columns:1fr;gap:8px}
 .collection-details .feature-lines article{padding:16px;gap:14px}
 .collection-details .install-steps li{padding:16px;gap:16px}
 .collection-details details{padding:16px}
 .studio-footer{padding:24px}
 .motion-settings{padding:10px 10px 12px}
 .document-page .site-header{width:calc(100% - 40px);padding:16px 18px;margin-top:14px;min-height:76px;gap:16px}
 .document-page .site-header .brand img{width:151px;height:auto}
 .document-page .document-content{width:calc(100% - 40px);padding:24px;margin:24px auto 44px}
}