/* Original store composition. The foundation and local fonts come from oezdek-design. */
:root{--sky:#b6c0b8;--sky-ink:#17221e;--accent:#c3ef9b;--accent-2:#d8f4bd;--surface:#11151b;--studio-muted:#46574d;--studio-line:rgba(23,34,30,.18);--studio-faint:rgba(23,34,30,.08);--radius:2rem;--small-radius:1rem;--display:clamp(4rem,8.8vw,8.5rem);--ease:cubic-bezier(.22,1,.36,1)}
html{background:var(--bg);scroll-padding-top:6rem}::selection{background:var(--accent);color:var(--sky-ink)}
.store-nav{height:5rem;position:absolute;inset:0 0 auto;z-index:30;border-bottom:1px solid var(--studio-line);color:var(--sky-ink)}
.nav-content{max-width:calc(var(--max) + 2*var(--gutter));margin:auto;padding:0 var(--gutter);height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.wordmark{font-size:2rem;font-weight:750;letter-spacing:-.08em;line-height:1;color:inherit;display:flex;align-items:baseline;text-decoration:none}.wordmark>span{color:inherit}.wordmark small{font:500 .625rem/1 var(--mono);letter-spacing:.14em;margin-left:1rem;align-self:center;padding-left:1rem;border-left:1px solid currentColor}.wordmark:hover{color:inherit}.desktop-links{display:none;gap:2rem}.desktop-links a{color:inherit;text-decoration:none;font-size:var(--t-sm)}.nav-contact{height:2.75rem;display:flex;align-items:center;gap:1.5rem;background:var(--sky-ink);color:var(--paper);border-radius:2rem;padding:0 1.25rem;font-size:var(--t-sm);text-decoration:none}.nav-contact:hover{color:var(--paper);background:var(--bg)}
.studio{background:var(--sky);color:var(--sky-ink);overflow:hidden;position:relative;isolation:isolate}.studio-inner{padding-top:8rem;display:grid;grid-template-columns:1fr}.studio-copy{position:relative;z-index:3}.eyebrow{font:500 .6875rem/1.5 var(--mono);letter-spacing:.12em}.studio h1{font-size:var(--display);font-weight:600;letter-spacing:-.075em;line-height:.98;color:var(--sky-ink);margin:1.5rem 0}.studio h1 span{color:var(--studio-muted)}.hero-lead{font-size:var(--t-md);line-height:1.5;max-width:24rem;margin-bottom:1.5rem;color:var(--studio-muted)}.action{height:3.5rem;display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:0 1.5rem;border-radius:2rem;font-weight:500;font-size:var(--t-sm);text-decoration:none;border:1px solid transparent;transition:background-color .18s,color .18s,transform .18s;white-space:nowrap}.action-dark{color:var(--paper);background:var(--sky-ink)}.action-dark:hover{background:var(--bg);color:var(--paper)}.action-accent{background:var(--accent);color:var(--sky-ink);width:100%}.action-accent:hover{background:var(--accent-2);color:var(--sky-ink)}.action>span{font-size:var(--t-lg);transition:transform .2s var(--ease)}.action:active,.round-link:active,.brand-choice:active{transform:scale(.97)}.action:focus-visible,.brand-choice:focus-visible,.round-link:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.studio-visual{position:relative;min-width:0;margin-top:2rem;aspect-ratio:1.2;isolation:isolate}.stage-letter{position:absolute;z-index:-1;left:12%;top:-4%;font-size:clamp(10rem,38vw,26rem);font-weight:800;line-height:.8;letter-spacing:-.1em;color:var(--studio-faint);user-select:none}.stage-letter span{display:block;font:600 clamp(3rem,11vw,8rem)/1 var(--sans);letter-spacing:-.06em;margin-top:1rem}.bike-plane{position:absolute;inset:0;transform-origin:50% 82%;will-change:transform}.hero-bike{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateX(4%) scale(.96);transition:opacity .55s var(--ease),transform .8s var(--ease);pointer-events:none}.hero-bike.is-selected{opacity:1;transform:translateX(0) scale(1)}#hero-surron{mix-blend-mode:multiply}.stage-foot{position:absolute;bottom:0;left:1rem;right:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--studio-line);padding-top:1rem}.studio-model{font:500 var(--t-sm)/1 var(--sans)}.stage-caption{font:400 .5625rem/1 var(--mono);letter-spacing:.08em;color:var(--studio-muted)}.studio-bottom{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 0;margin-top:1rem}.studio-bottom>p{display:none;font-size:var(--t-xs);line-height:1.6}.studio-bottom>p>span{color:var(--studio-muted)}.brand-switch{display:flex;padding:.25rem;border:1px solid var(--studio-line);border-radius:2rem;background:rgba(255,255,255,.08)}.brand-choice{border:0;background:transparent;color:var(--sky-ink);border-radius:2rem;padding:0 1.5rem;height:2.75rem;font:500 var(--t-sm)/1 var(--sans);cursor:pointer;transition:background-color .2s,color .2s,transform .2s}.brand-choice.is-active{background:var(--sky-ink);color:var(--paper)}
h2{font-size:var(--t-3xl);font-weight:550;line-height:1.08;letter-spacing:-.055em}h3{font-size:var(--t-2xl);line-height:1.1;letter-spacing:-.045em;font-weight:550}.collection{padding-top:var(--section)}.collection-head{display:grid;gap:1.5rem;margin-bottom:3rem}.collection-head p{font-size:var(--t-md);line-height:1.6;align-self:end}.bike-grid{display:grid;gap:var(--gap)}.bike-card{border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--line);padding:1.5rem;transition:transform .3s var(--ease);min-width:0}.bike-card-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.bike-card-top h3 span{color:var(--accent)}.bike-card-top>span{font:400 .625rem/1 var(--mono);letter-spacing:.12em;color:var(--text-3)}.bike-card figure{margin:1.5rem -1.5rem 0;padding:1rem 1rem 0;background:var(--sky);color:var(--sky-ink)}.bike-card img{width:100%;height:auto;aspect-ratio:1.45;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s var(--ease)}.bike-card figcaption{font-size:.625rem;color:var(--studio-muted);padding:0 .5rem 1rem}.bike-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:1.5rem}.bike-card-bottom p{font-size:var(--t-sm);line-height:1.6}.round-link{display:grid;place-items:center;flex-shrink:0;width:3rem;height:3rem;border:1px solid var(--line-2);border-radius:50%;font-size:var(--t-xl);text-decoration:none;transition:background-color .2s,transform .2s}.round-link:hover{background:var(--accent);color:var(--sky-ink)}.collection-note{font-size:var(--t-xs);margin-top:1.5rem;color:var(--text-3)}
.personal{padding-top:var(--section);padding-bottom:var(--section);display:grid;gap:2.5rem}.personal-label{display:flex;align-items:center;gap:1.5rem}.personal-label>p{font:400 .6875rem/1.6 var(--mono);letter-spacing:.08em}.monogram{font-size:4rem;font-weight:600;letter-spacing:-.09em;color:var(--text);line-height:1}.monogram span{color:var(--accent)}.personal-copy>p{font-size:var(--t-md);max-width:38rem;margin-top:1.5rem}.personal-sign{display:flex;align-items:center;gap:1.5rem;margin-top:2rem;font-size:var(--t-xs);color:var(--text-3)}.personal-sign span:first-child{font-size:var(--t-lg);font-weight:600;letter-spacing:-.04em;color:var(--text)}
.contact-card{padding:var(--pad);background:var(--surface);border-radius:var(--radius);border:1px solid var(--line-2);display:grid;gap:3rem;box-shadow:inset 0 1px 0 var(--line)}.contact-intro .eyebrow{color:var(--accent)}.contact-intro h2{margin-top:1.5rem}.contact-intro h2>span{color:var(--accent)}.contact-intro>p:not(.eyebrow){margin-top:1.5rem;max-width:23rem}.direct-contact{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;align-items:flex-start}.direct-contact a{font-size:var(--t-sm);text-decoration:none;display:flex;align-items:center;gap:1.5rem;min-height:2rem}.direct-contact a span{color:var(--text-3)}.request-desk{align-self:center;min-width:0}fieldset{border:0;padding:0;margin:0 0 2rem;min-width:0}legend,.message-label{font-size:var(--t-sm);color:var(--text);display:block;margin-bottom:1rem}.request-choices{display:flex;flex-wrap:wrap;gap:.5rem}.request-choices label{cursor:pointer;position:relative}.request-choices input{position:absolute;opacity:0;width:1px;height:1px}.request-choices label>span{display:flex;align-items:center;justify-content:center;height:2.75rem;padding:0 1rem;border:1px solid var(--line-2);border-radius:2rem;font-size:var(--t-sm);transition:background-color .2s,border-color .2s,color .2s}.request-choices input:checked+span{color:var(--accent);border-color:var(--accent);background:rgba(195,239,155,.06)}.request-choices input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}textarea{resize:vertical;width:100%;max-width:100%;min-height:8rem;background:var(--bg);border:1px solid var(--line-2);border-radius:var(--small-radius);color:var(--text);padding:1rem;font:400 1rem/1.6 var(--sans);margin-bottom:1.5rem}textarea::placeholder{color:var(--text-3);opacity:1}.request-note{font-size:var(--t-xs);line-height:1.6;margin-top:1rem;color:var(--text-3);max-width:35rem}
.questions{padding-top:var(--section);padding-bottom:var(--section);display:grid;gap:2rem}.faq-list{border-top:1px solid var(--line-2)}.faq-list details{border-bottom:1px solid var(--line-2)}.faq-list summary{cursor:pointer;list-style:none;color:var(--text);font-size:var(--t-md);font-weight:450;padding:1.5rem 0;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:var(--t-xl);line-height:1;color:var(--text-3)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{max-width:42rem;padding-bottom:1.5rem;font-size:var(--t-sm);line-height:1.7}
.store-footer{padding-top:3rem;padding-bottom:2rem;border-top:1px solid var(--line-2)}.footer-top{display:flex;flex-direction:column;gap:2rem}.footer-top .wordmark{color:var(--text)}.footer-top .wordmark>span{color:var(--accent)}.footer-top>p{font-size:var(--t-sm)}.footer-cta{font-size:var(--t-md);text-decoration:none;color:var(--accent);display:flex;gap:2rem;align-items:center;min-height:2.75rem}.footer-bottom{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:var(--t-xs);color:var(--text-3);padding-top:3rem}.footer-bottom>div{display:flex;gap:1.5rem}.footer-bottom a{color:var(--text-3);min-height:2.75rem;display:inline-flex;align-items:center}.footer-bottom>p{display:flex;align-items:center;min-height:2.75rem}.legal{padding-top:9rem;padding-bottom:6rem;max-width:58rem}.legal h1{font-size:var(--t-3xl);letter-spacing:-.055em;line-height:1.1;margin-bottom:2rem}.legal h2{font-size:var(--t-xl);margin-top:3rem;margin-bottom:1rem}.legal p{margin-bottom:1rem;max-width:44rem}.legal address{font-style:normal;line-height:1.8}.legal-nav{position:relative;background:var(--sky);color:var(--sky-ink)}.legal-note{border-left:2px solid var(--accent);padding-left:1.5rem}.legal .back-link{margin-bottom:2rem;display:inline-flex;min-height:2.75rem;align-items:center}
@media(min-width:42.5rem){.studio-bottom>p{display:block}.collection-head{grid-template-columns:1.2fr 1fr}.collection-head p{justify-self:end}.bike-grid{grid-template-columns:1fr 1fr}.bike-card{padding:2rem}.bike-card figure{margin-inline:-2rem}.personal{grid-template-columns:1fr 2fr}.personal-label{align-self:start}.contact-card{grid-template-columns:1fr 1fr;gap:var(--pad)}.questions{grid-template-columns:1fr 1.5fr}.footer-top{flex-direction:row;align-items:center;justify-content:space-between}.desktop-links{display:flex}.stage-caption{font-size:.625rem}}
@media(min-width:60rem){.studio-inner{grid-template-columns:40% 60%;padding-top:9rem;min-height:calc(100svh - 1rem);max-height:64rem}.studio-copy{align-self:center;padding-bottom:2rem}.studio-visual{margin-top:0;align-self:center;aspect-ratio:1.05;width:130%;margin-left:-10%;min-height:26rem}.studio-bottom{grid-column:1/-1;margin-top:0;align-self:end;border-top:1px solid var(--studio-line)}.stage-letter{font-size:32rem;top:-4%;left:14%}.stage-letter span{font-size:8rem}.stage-foot{left:15%;right:6%;bottom:-1rem}.hero-lead{font-size:var(--t-lg);margin-bottom:2rem}.collection-head{margin-bottom:4rem}.bike-card figure{padding:1.5rem 1.5rem 0}.personal{grid-template-columns:1fr 2fr}.personal-label{padding-top:.5rem}.contact-intro h2{font-size:clamp(3rem,5vw,4.5rem)}}
@media(min-width:42.5rem) and (prefers-reduced-motion:no-preference){.studio-copy{animation:studio-enter 1s var(--ease) both}.studio-visual{animation:studio-enter 1.2s .08s var(--ease) both}.studio-bottom{animation:studio-enter 1s .18s var(--ease) both}.motion-ready [data-sc-in]{opacity:0;transform:translateY(1.5rem);transition:opacity .8s var(--ease),transform 1s var(--ease)}.motion-ready [data-sc-in].is-in{opacity:1;transform:none}.stage-letter{will-change:transform}@keyframes studio-enter{from{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.bike-card:hover{transform:translateY(-.375rem)}.bike-card:hover img{transform:scale(1.025)}.action:hover>span{transform:translate(2px,-2px)}}
@media(max-width:42.49rem),(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bike,.action,.brand-choice,.bike-card,.bike-card img{transition:none}.bike-plane,.stage-letter{transform:none!important;will-change:auto}.studio-copy,.studio-visual,.studio-bottom{animation:none}}
@media(max-width:24rem){.store-nav .wordmark{font-size:1.75rem}.store-nav .wordmark small{margin-left:.5rem;padding-left:.5rem}.nav-contact{gap:1rem;padding-inline:1rem}.studio h1{font-size:3.5rem}.studio-bottom{padding-bottom:2rem}.stage-caption{max-width:7rem;text-align:right;line-height:1.4}}
.language-switch{display:flex;gap:.5rem;align-items:center;margin-left:auto}.language-switch a{font:500 .625rem/1 var(--mono);text-decoration:none;color:var(--studio-muted);min-width:1.5rem;min-height:2.75rem;display:grid;place-items:center}.language-switch a[aria-current]{color:var(--sky-ink);text-decoration:underline;text-underline-offset:.35rem}.nav-content{gap:1rem}.desktop-links{margin-left:auto}.language-switch+.nav-contact{margin-left:0}
@media(min-width:60rem){.studio-visual{width:110%;margin-left:-10%}.stage-foot{right:0;bottom:0;border:0}.studio-visual{aspect-ratio:1.1}}
@media(max-width:42.49rem){.store-nav .wordmark small{display:none}.nav-content{gap:.5rem}.nav-contact{padding-inline:1rem;gap:1rem}.studio h1{font-size:clamp(3.5rem,12vw,5rem)}.language-switch{gap:.25rem}}
