@charset "UTF-8";
:root {
  --paper:#f7f7f7; --ink:#222; --muted:#777; --panel:#eee; --line:#e0e0e0; --lime:#eaff4c;
  --font:Arial,"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --content-inset:calc((min(100vw,1920px) + 8px)/12); --panel-inset:calc((100% + 8px)/12);
}
* {box-sizing:border-box}
html {scroll-padding-top:96px}
body {margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased}
body>main,.site-footer {max-width:1920px;margin-inline:auto}
a {color:inherit;text-decoration:none}
button {border:0;background:none;color:inherit;font:inherit;cursor:pointer}
a,button,summary {-webkit-tap-highlight-color:transparent;touch-action:manipulation}
img {display:block;max-width:100%;height:auto}
svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;flex:none}
h1,h2,h3,p {margin:0}
h1,h2,h3 {font-weight:400;letter-spacing:-.035em}
p {line-height:1.5}
a:focus-visible,button:focus-visible,summary:focus-visible {outline:2px solid #809900;outline-offset:5px}
[hidden] {display:none!important}
.dialog-open {overflow:hidden}
.eyebrow {font:12px/1.2 var(--mono);letter-spacing:.015em}
.skip-link {position:fixed;top:-100px;left:16px;z-index:100;background:#fff;padding:16px}
.skip-link:focus {top:16px}

/* The fixed announcement overlays the hero without moving its geometry. */
.announcement {position:fixed;top:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 48px;background:var(--lime)}
.announcement p {font:12px/1.2 var(--mono);text-align:center}
.announcement p>span {margin-inline:12px;opacity:.5}
.announcement button {position:absolute;top:8px;right:8px;width:32px;height:32px;border:1px solid #2224;font-size:20px;line-height:1}
.site-header {position:fixed;top:var(--nav-top,16px);left:50%;z-index:20;display:flex;align-items:center;justify-content:space-between;width:600px;height:56px;padding:0 16px;transform:translateX(-50%);color:#fff;background:linear-gradient(180deg,#373737b8,#262626b8);border:1px solid #ffffff24;border-radius:4px;backdrop-filter:blur(30px)}
.menu-open .site-header {visibility:hidden;pointer-events:none}
.wordmark {display:inline-flex;align-items:center;gap:7px;font:500 25px/1 Georgia,"Times New Roman",serif;letter-spacing:.06em;white-space:nowrap}
.wordmark img {width:24px;height:24px;object-fit:contain;filter:invert(1)}
.icon-button {display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0}
.menu-toggle {align-items:flex-start;flex-direction:column;gap:4px;padding-left:4px}
.menu-toggle span {width:16px;height:1px;background:currentColor}
.menu-toggle span:last-child {width:12px}
.shop-link svg {width:18px;height:18px}

/* The same bar expands down; native dialog retains keyboard focus handling. */
.menu-dialog {position:fixed;inset:16px auto auto 50%;transform:translateX(-50%);margin:0;width:600px;height:720px;max-width:calc(100% - 8px);max-height:calc(100svh - var(--nav-top,16px) - 4px);padding:0;border:1px solid #ffffff24;border-radius:4px;background:linear-gradient(135deg,#363636d9,#1e1e1ed9);color:#fff;backdrop-filter:blur(30px);overflow:hidden;clip-path:inset(0 0 calc(100% - 56px) 0 round 4px);transition:clip-path 500ms ease-out}
.menu-dialog.is-open {clip-path:inset(0 round 4px)}
.menu-dialog::backdrop {background:transparent}
.menu-top {display:flex;height:55px;align-items:center;justify-content:space-between;padding:0 16px}
.close-menu {font-size:26px;font-weight:200}
.menu-body {display:flex;flex-direction:column;height:calc(100% - 55px);padding:14px 48px 32px;overflow-y:auto;scrollbar-width:thin}
.menu-products {display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40;flex:none}
.menu-products a {position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;height:140px;padding:12px 16px;font-size:14px}
.menu-products a+a {border-left:1px solid #ffffff40}
.menu-products img {position:absolute;inset:4px 16px 28px;width:calc(100% - 32px);height:104px;object-fit:contain;transition:transform 700ms ease-in-out}
.menu-products a:hover img {transform:scale(1.05)}
.menu-products span {position:relative;z-index:1;font-size:12px}
.menu-dialog nav {flex:none;display:flex;flex-direction:column;gap:16px;margin:48px 0 40px}
.menu-dialog nav a {display:flex;align-items:center;justify-content:space-between;font-size:32px;line-height:1.1;letter-spacing:-.025em;transition:color 300ms ease}
.menu-dialog nav:has(a:hover) a:not(:hover) {color:#fff6}
.menu-dialog nav svg {width:20px;height:20px}
.menu-bottom {display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff40;padding-top:24px;margin-top:auto;flex:none}
.menu-bottom .language-switch {margin-left:0}
.menu-bottom .language-switch button {color:#ffffff70}
.menu-bottom .language-switch button[aria-pressed=true] {color:#fff}
.text-link {display:inline-flex;align-items:center;gap:12px;font-size:12px}
.menu-products,.menu-dialog nav a,.menu-bottom {opacity:0;transform:translateY(-50px);transition:opacity 150ms ease-out,transform 300ms ease-out}
.is-open .menu-products,.is-open .menu-bottom {opacity:1;transform:translateY(0);transition:opacity 500ms ease-out 500ms,transform 1000ms ease-out 500ms}
.is-open nav a {opacity:1;transform:translateY(0);transition:opacity 500ms ease-out,transform 1200ms cubic-bezier(.22,1,.36,1),color 300ms ease;transition-delay:500ms,500ms,0ms}
.is-open nav a:nth-child(2) {transition-delay:600ms,600ms,0ms}
.is-open nav a:nth-child(3) {transition-delay:700ms,700ms,0ms}
.is-open nav a:nth-child(4) {transition-delay:800ms,800ms,0ms}
.is-open nav a:nth-child(5) {transition-delay:900ms,900ms,0ms}

/* Each CTA arrow exits up-right and is replaced from the lower left. */
.arrow-window {display:inline-block;position:relative;width:16px;height:16px;overflow:hidden;flex:none;vertical-align:middle}
.arrow-window>svg {position:absolute;width:16px;height:16px;top:50%;left:50%;margin:-8px 0 0 -8px;transition:transform 200ms ease-out,opacity 200ms ease-out}
.arrow-window>svg:nth-child(2) {transform:translate(-32px,32px);opacity:0}
.button {display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 24px;border:1px solid #222;background:transparent;font-size:14px;line-height:20px;letter-spacing:0}
.button-dark {background:#222;color:#fff}
.button:hover {background:#222;color:#fff}
.button-dark:hover {background:#444}
.square-link {display:inline-flex;align-items:center;gap:8px;width:fit-content;font-size:14px;line-height:20px}
.square-icon,.square-arrow {width:48px;height:48px;border:1px solid currentColor}
.hero-description .square-icon {width:32px;height:32px}
.square-link:hover .square-icon {background:#fff;color:#222}
.story-panel .square-link:hover .square-icon {color:#fff;background:#222}
@media(hover:hover) {
  a:hover>.arrow-window>svg:first-child,a:hover .square-arrow>svg:first-child {transform:translate(32px,-32px);opacity:0}
  a:hover>.arrow-window>svg:nth-child(2),a:hover .square-arrow>svg:nth-child(2) {transform:translate(0);opacity:1}
}

/* Homepage: twelve columns, 8px gutters, 160px between major sections. */
.panel {position:relative;margin:8px;border-radius:8px;overflow:hidden}
.hero {height:96svh;color:#fff;background:radial-gradient(ellipse at 50% 90%,#62645f 0%,#292b28 35%,#10120f 75%);overflow:clip}
.hero-object {position:absolute;top:40%;left:20%;width:83%;transform:rotate(-27deg);filter:drop-shadow(0 45px 22px #0009);pointer-events:none}
.hero-object img {width:100%}
.hero-title {position:relative;top:100px;left:var(--panel-inset);display:flex;align-items:flex-start;flex-direction:column;height:calc(100% - 200px);width:calc(100% - 2 * var(--panel-inset));pointer-events:none}
.hero-title h1 {position:sticky;bottom:calc(50svh - min(9.72222vw,140px));margin-top:auto;font-size:min(19.44444vw,280px);line-height:1;letter-spacing:-.045em}
.hero-description {position:absolute;top:calc(50% - 48px);left:calc(75% + 6px);width:calc(100% / 6 - 8px)}
.hero-description>p {font-size:16px;line-height:24px}
.hero-description .square-link {margin-top:16px}
.hero-bottom {position:absolute;bottom:24px;right:24px;font-size:12px;line-height:16px}
.apparel-panel,.story-panel {width:calc(100% - 16px);aspect-ratio:16/9;max-height:100svh}
.apparel-panel {background:#050505;color:#fff}
.apparel-visual {position:absolute;right:3%;top:0;width:58%;height:100%;object-fit:contain}
.panel-copy {position:absolute;top:50%;left:var(--panel-inset);transform:translateY(-50%);width:calc((100% - 88px)/12 * 4 + 24px);max-width:470px}
.panel-copy h2 {font-size:48px;line-height:1.1;letter-spacing:-.025em}
.panel-copy>p {font-size:16px;line-height:24px;margin-top:8px}
.panel-copy .square-link {margin-top:8px}
.collection-section {margin:160px var(--content-inset)}
.collection-panel {background:#eee;border-radius:8px;overflow:hidden}
.collection-intro {text-align:center;padding:80px max(24px,calc((100% + 8px)/10)) 0}
.collection-intro h2 {font-size:80px;line-height:1;letter-spacing:-.04em}
.collection-intro p {font-size:18px;line-height:28px;margin-top:24px}
.collection-intro .button {margin-top:32px}
.features {min-height:210px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0 calc((100% + 8px)/10);margin-top:64px}
.features>div {border-top:1px solid var(--line);padding:32px 24px 0;border-left:1px solid var(--line)}
.features>div:first-child {border-left:0;padding-left:24px}
.features svg {display:block;width:64px;height:64px;stroke:#767676;stroke-width:1;margin-bottom:24px}
.features h3 {font-size:14px;line-height:20px;letter-spacing:0;font-weight:600;margin-bottom:8px}
.features p {font-size:14px;line-height:20px}
.collection-display {height:auto;aspect-ratio:2.30958;position:relative;margin-top:80px;isolation:isolate}
.collection-display:before {content:"";position:absolute;inset:30% -20% -90%;border-radius:50%;background:#e2e4dd;z-index:-1}
.display-cap {position:absolute;left:45%;bottom:4%;width:48%;transform:rotate(-9deg)}
.display-cap img {width:100%;filter:drop-shadow(0 25px 16px #0002)}
.display-jig {position:absolute;left:8%;top:17%;width:53%;transform:rotate(-27deg);filter:drop-shadow(0 12px 8px #0002)}
.second-jig {left:4%;top:51%;width:50%}
.display-caption {position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font:12px/1.2 var(--mono);letter-spacing:.1em;color:#6b7168;white-space:nowrap}
.story-panel {background:#e4e5e1;color:#333}
.watch-film {display:flex;align-items:center;gap:8px;position:absolute;bottom:32px;right:var(--panel-inset);font-size:14px}
.play-icon {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #999}
.press-section {display:grid;grid-template-columns:40% 60%;height:265px;margin:160px var(--content-inset);border-top:1px solid var(--line);padding-top:24px}
.press-section h2 {align-self:start;padding-top:48px;font-size:48px;line-height:1.1;letter-spacing:-.025em}
.press-empty {border-left:1px solid var(--line)}
.pathways {display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;margin:0 var(--content-inset) 160px;aspect-ratio:1.510077}
.pathway {display:flex;flex-direction:column;justify-content:space-between;position:relative;min-width:0;border-radius:8px;overflow:hidden;padding:40px}
.pathway h2 {position:relative;z-index:1;font-size:48px;line-height:1.1;letter-spacing:-.025em}
.pathway>div {position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.pathway>div p {max-width:60%;font-size:18px;line-height:28px}
.pathway .square-arrow {flex:none}
.pathway-cap {grid-row:1/3;color:#fff;background:#080808}
.pathway-cap>img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform 700ms ease-in-out}
.pathway-cap:after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 30%,transparent 70%,#0007)}
.pathway:hover>img {transform:scale(1.05)}
.pathway-shop {color:#fff;background:#313131}
.pathway-support {background:#e5e7e0}

/* Community strip, newsletter equivalent, ten-column footer grid. */
.site-footer {background:#fff;padding:0 var(--content-inset)}
.footer-community {display:flex;align-items:center;justify-content:space-between;min-height:198.4px;padding:64px 0;border-bottom:1px solid var(--line)}
.community-heading {font-size:32px;line-height:1.1;letter-spacing:-.025em}
.community-heading strong {font-weight:400}
.community-thumbnails {display:flex;gap:8px}
.community-thumbnails>* {width:64px;height:64px;flex:none;overflow:hidden}
.community-thumbnails>a {background:#050505}
.community-thumbnails img {width:100%;height:100%;object-fit:cover;transition:transform 700ms ease-in-out}
.community-thumbnails .thumbnail-contain {object-fit:contain}
.community-thumbnails a:hover img {transform:scale(1.05)}
.footer-grid {display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;min-height:412.8px;padding:80px 0}
.footer-signup {grid-column:1/span 3}
.footer-signup .eyebrow,.footer-links summary {font:14px/1.2 var(--mono);letter-spacing:0}
.footer-signup>p:not(.eyebrow) {font-size:24px;line-height:1.1;letter-spacing:-.025em;margin-top:16px}
.footer-signup .button {margin-top:24px}
.footer-links:nth-of-type(1) {grid-column:6/span 2}
.footer-links:nth-of-type(2) {grid-column:8/span 2}
.footer-links:nth-of-type(3) {grid-column:10/span 1}
.footer-links summary {list-style:none;pointer-events:none;margin-bottom:24px}
.footer-links summary::-webkit-details-marker {display:none}
.footer-links>div {display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-links a,.footer-film {display:flex;align-items:center;padding:0;font-size:14px;line-height:20px;text-align:left}
.footer-links a:before,.footer-film:before {content:"";display:inline-block;width:0;height:4px;opacity:0;background:radial-gradient(circle at 2px 2px,currentColor 2px,transparent 2.1px);flex:none;transition:width 300ms ease-out,opacity 300ms ease-out}
.footer-links a:hover:before,.footer-film:hover:before {width:12px;opacity:1}
.footer-bottom {display:flex;align-items:center;gap:32px;min-height:112px;padding:32px 0;border-top:1px solid var(--line)}
.footer-logo {font-size:22px}
.footer-logo img {filter:none;width:22px;height:22px}
.footer-bottom small {font-size:12px;color:#777}
.language-switch {display:inline-flex;align-items:center;gap:10px;margin-left:auto}
.language-switch button {padding:4px;font:12px/20px var(--mono);color:#999}
.language-switch button[aria-pressed=true] {color:#222}
.language-switch>span {font-size:12px;opacity:.4}
.film-dialog {width:min(420px,calc((100dvh - 80px) * .5625));max-width:calc(100% - 32px);max-height:calc(100dvh - 80px);padding:0;border:0;overflow:visible;background:#000}
.film-dialog::backdrop {background:#000a;backdrop-filter:blur(8px)}
.film-dialog video {display:block;width:100%;max-height:calc(100dvh - 80px)}
.close-film {position:absolute;right:-2px;top:-40px;color:#fff;font-size:30px}
.color-picker {display:flex;align-items:center;gap:11px}
.swatch {width:18px;height:18px;position:relative;padding:0;border:1px solid #999;border-radius:50%;flex:none}
.swatch:after {content:"";position:absolute;inset:-5px;border:1px solid transparent;border-radius:50%}
.swatch[aria-pressed=true]:after {border-color:currentColor}
.swatch.blue {background:linear-gradient(135deg,#114aab,#76c3f9 50%,#c21f91)}
.swatch.red {background:linear-gradient(135deg,#a90f11,#ffcf60)}
.swatch.platinum {background:linear-gradient(135deg,#727874,#f8faf4 60%,#a9b1a8)}
.color-name {width:94px;margin-left:4px;font:9px/1.2 var(--mono);letter-spacing:.03em}

@media(min-width:1920px) {
  :root {--content-inset:calc(1928px/12)}
  .site-footer {padding-inline:calc(1928px/12)}
}
@media(max-width:1023px) {
  .site-footer {padding-inline:24px}
  .footer-community {flex-direction:column;align-items:flex-start;gap:32px;min-height:228.8px;padding:48px 0 32px}
  .community-heading {font-size:24px;line-height:1.1}
  .community-thumbnails {gap:16px}
  .community-thumbnails>* {width:min(64px,calc((100vw - 96px)/4));height:min(64px,calc((100vw - 96px)/4))}
  .footer-grid {display:block;min-height:526.4px;padding:48px 0}
  .footer-signup {min-height:185px;margin-bottom:48px}
  .footer-links {border-top:1px solid var(--line)}
  .footer-links:last-child {border-bottom:1px solid var(--line)}
  .footer-links summary {display:flex;align-items:center;justify-content:space-between;min-height:64px;margin:0;padding:20px 0;pointer-events:auto;cursor:pointer;font:16px/24px var(--font)}
  .footer-links summary:after {content:"+";font-size:20px}
  .footer-links[open] summary:after {content:"−"}
  .footer-links>div {padding-bottom:24px}
  .footer-bottom {flex-wrap:wrap;align-content:flex-start;min-height:192px;padding:48px 0;gap:24px}
  .footer-bottom .language-switch {flex-basis:100%;justify-content:flex-start;margin-left:-4px}
  .features>div {padding-inline:16px}
  .features>div:first-child {padding-left:16px}
  .collection-intro h2 {font-size:64px}
  .pathway {padding:32px}
  .pathway h2 {font-size:40px}
  .pathway>div p {font-size:16px;line-height:24px;max-width:70%}
}
@media(max-width:767px) {
  :root {--content-inset:24px}
  html {scroll-padding-top:72px}
  .announcement {min-height:52px;padding:12px 44px 12px 12px}
  .announcement p {font-size:10px;line-height:14px}
  .announcement p>span {margin-inline:4px}
  .announcement button {top:10px;right:6px}
  .site-header {top:var(--nav-top,4px);left:4px;width:calc(100% - 8px);padding-inline:16px;transform:none}
  .wordmark {font-size:23px}
  .wordmark img {width:22px;height:22px}
  .menu-dialog {left:4px;width:calc(100% - 8px);max-height:calc(100svh - var(--nav-top,4px) - 4px);transform:none}
  .menu-body {padding-inline:16px;padding-bottom:24px}
  .menu-products a {height:164px;padding:12px 8px}
  .menu-products img {inset-inline:4px;width:calc(100% - 8px);height:128px}
  .menu-dialog nav {margin-top:40px}
  .menu-bottom {padding-top:20px}
  .menu-bottom .text-link {font-size:11px;gap:8px}
  .panel {margin:4px}
  .hero {height:96svh}
  .hero-title {position:absolute;left:24px;top:35%;width:calc(100% - 48px);height:auto}
  .hero-title h1 {position:static;margin:0;font-size:clamp(76px,28.71795vw,180px);line-height:124px;letter-spacing:-.055em}
  .hero-object {left:-2%;top:44%;width:115%;transform:rotate(-38deg)}
  .hero-description {top:auto;bottom:24px;left:24px;width:calc(100% - 48px)}
  .hero-description>p {max-width:280px;font-size:16px;line-height:24px}
  .hero-description .square-link {margin-top:16px}
  .hero-bottom {display:none}
  .apparel-panel,.story-panel {width:calc(100% - 8px);aspect-ratio:9/16;max-height:100svh}
  .apparel-visual {top:16px;left:0;width:100%;height:62%}
  .panel-copy {left:32px;top:auto;bottom:32px;width:calc(100% - 64px);max-width:none;transform:none}
  .panel-copy h2 {font-size:36px;line-height:1.1;letter-spacing:-.025em}
  .panel-copy>p {margin-top:8px;font-size:16px;line-height:24px}
  .panel-copy .square-link {margin-top:8px}
  .collection-section {margin:80px 4px}
  .collection-intro {padding:48px 0 0}
  .collection-intro h2 {font-size:44px;line-height:44px;letter-spacing:-.04em}
  .collection-intro p {font-size:18px;line-height:28px;margin:24px 24px 0}
  .features {min-height:0;display:flex;flex-direction:column;padding:0 40px;margin-top:64px}
  .features>div,.features>div:first-child {min-height:141px;display:grid;align-content:start;grid-template-columns:48px minmax(0,1fr);column-gap:32px;padding:24px 0;border-left:0}
  .features>div:first-child {min-height:121px;border-top:0;padding-top:0}
  .features>div:last-child {min-height:106px;padding-bottom:0}
  .features svg {width:48px;height:48px;grid-row:1/3;align-self:center;margin:0}
  .features h3 {font-size:14px;line-height:20px;margin-bottom:8px}
  .features p {grid-column:2;font-size:14px;line-height:20px}
  .collection-display {height:auto;margin-top:48px}
  .display-cap {width:48%;left:50%;bottom:0}
  .display-jig {left:4%;top:20%;width:56%;transform:rotate(-27deg)}
  .second-jig {left:1%;top:55%;width:53%}
  .display-caption {display:none}
  .story-panel .panel-copy {bottom:32px}
  .story-panel:has(.watch-film) .panel-copy {bottom:84px}
  .watch-film {left:32px;right:auto;bottom:32px;font-size:12px}
  .press-section {display:block;height:300.6px;border-top:0;padding-top:0;margin:80px 24px}
  .press-section h2 {padding-top:0;font-size:36px;line-height:1.1}
  .press-empty {height:229px;border-left:0;border-top:1px solid var(--line);margin-top:32px}
  .pathways {grid-template-columns:1fr;grid-template-rows:auto;aspect-ratio:auto;margin:0 24px 80px}
  .pathway {padding:24px;aspect-ratio:1}
  .pathway-cap {grid-row:auto;aspect-ratio:.8}
  .pathway h2 {font-size:36px;line-height:1.1}
  .pathway>div p {font-size:16px;line-height:24px;max-width:70%}
  .square-arrow {width:48px;height:48px}
}
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .menu-products,.menu-dialog nav a,.menu-bottom {transform:none}
}

.inner-main{max-width:1600px;margin:auto;padding:115px var(--gutter) 0}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:45px;flex-wrap:wrap}.breadcrumbs a:hover{text-decoration:underline}.page-intro{margin-bottom:65px}.page-intro h1{font-size:clamp(40px,5.6vw,80px);line-height:1.4;max-width:1000px;margin-bottom:30px}.page-intro>p{max-width:680px;color:var(--muted)}.page-intro .section-label{margin-bottom:22px}.jump-nav{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid var(--line);margin-bottom:60px}.jump-nav a{font-size:12px;border:1px solid var(--line);border-radius:3px;padding:8px 15px}.jump-nav a:hover{background:var(--ink);color:white;border-color:var(--ink)}.product-category{padding:60px 0 80px;border-bottom:1px solid var(--line);scroll-margin-top:95px}.product-category:first-of-type{padding-top:0}.category-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(35px,6vw,95px);align-items:start}.category-main-photo{border-radius:5px;overflow:hidden;aspect-ratio:4/4.3;background:var(--cream)}.category-main-photo img{height:100%;width:100%;object-fit:cover}.category-content .section-label{margin-bottom:20px}.category-content h2{font-size:clamp(26px,3vw,44px);line-height:1.45;margin-bottom:25px}.category-content>p{color:var(--muted);font-size:14px}.category-content h3{font-size:13px;margin:30px 0 12px}.brand-examples{margin:0;padding:0;list-style:none}.brand-examples li{font-size:13px;padding:9px 0;border-bottom:1px solid var(--line);line-height:1.8}.category-advice{background:#edeee7;padding:22px;margin-top:26px;border-radius:4px;font-size:13px}.photo-more{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px;max-width:55%}.photo-more img{aspect-ratio:4/3;width:100%;object-fit:cover;border-radius:4px}.photo-more figcaption{font-size:11px;color:var(--muted);margin-top:8px}.wide-note{padding:35px;background:#edeee7;border-radius:4px;margin:45px 0;font-size:13px}.faq-section{padding:75px 0}.faq-section h2,.content-section>h2{font-size:clamp(27px,3.3vw,42px);margin-bottom:35px;line-height:1.6}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;padding:22px 35px 22px 0;position:relative;cursor:pointer;font-size:14px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';position:absolute;right:5px;top:18px;font-size:22px;font-weight:300}.faq details[open] summary::after{content:'−'}.faq-answer{font-size:13px;color:var(--muted);padding:0 45px 25px 0;max-width:850px}.contact-banner{background:var(--cream);padding:65px;border-radius:6px;margin:40px 0 80px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.contact-banner h2{font-size:clamp(29px,3.4vw,46px);line-height:1.5}.contact-banner p{font-size:13px;color:var(--muted)}.content-section{padding:45px 0 65px;border-bottom:1px solid var(--line)}.numbered-list{list-style:none;padding:0;margin:0;counter-reset:steps}.numbered-list li{counter-increment:steps;display:grid;grid-template-columns:60px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.numbered-list li::before{content:counter(steps,decimal-leading-zero);font-size:12px;color:var(--muted);padding-top:4px}.numbered-list h3{font-size:19px;margin-bottom:12px}.numbered-list p{color:var(--muted);font-size:13px;max-width:740px}.buyback-lead{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;padding:60px;background:var(--cream);border-radius:6px;margin-bottom:30px}.buyback-lead h2{font-size:clamp(31px,4vw,54px);line-height:1.5}.buyback-lead p{font-size:14px;align-self:center}.permit{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:45px 0}.permit img{border-radius:4px;max-height:450px;object-fit:contain}.permit h2{font-size:26px;margin-bottom:18px}.permit p{font-size:13px;color:var(--muted)}.brand-hero{border-radius:6px;overflow:hidden;margin-bottom:65px}.brand-hero img{width:100%;height:auto}.brand-product{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:65px 0;border-top:1px solid var(--line)}.brand-product>.product-visual{border-radius:5px;overflow:hidden;background:#e9e6de}.brand-product>.product-visual img{width:100%;height:auto}.brand-product h2{font-size:clamp(30px,3.8vw,52px);margin-bottom:20px}.brand-product .japanese-name{color:var(--muted);font-size:13px;margin-bottom:22px}.brand-product p{font-size:14px}.spec-list{font-size:13px;margin:30px 0}.spec-list>div{display:grid;grid-template-columns:90px 1fr;gap:10px;border-top:1px solid var(--line);padding:12px 0}.spec-list dd{margin:0}.spec-list dt{color:var(--muted)}.jig-selector{padding:40px 10px;background:#292e25;aspect-ratio:1.25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;color:white}.jig-selector>img{width:90%!important;transform:rotate(-20deg)}.swatches{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.swatch{width:30px;height:30px;border:4px solid #292e25;outline:1px solid transparent;border-radius:50%}.swatch[aria-pressed=true]{outline-color:white}.swatch.blue{background:linear-gradient(145deg,#064adb,#e13988)}.swatch.platinum{background:linear-gradient(145deg,#fff,#667383)}.swatch.red{background:linear-gradient(145deg,#b6201b,#e6cf63)}.color-name{font-size:10px;min-width:110px}.instagram-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.instagram-posts img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.instagram-posts p{font-size:12px;margin-top:12px}.instagram-posts .text-link{font-size:11px;margin-top:10px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card{background:#edeee7;border-radius:4px;padding:30px}.guide-card h3{font-size:21px;margin-bottom:22px}.guide-card p{font-size:13px;color:var(--muted)}.guide-card .text-link{margin-top:25px;font-size:11px}.checklist{padding:0;list-style:none;margin:0}.checklist li{padding:20px 0 20px 30px;position:relative;border-top:1px solid var(--line);font-size:14px}.checklist li::before{content:'✓';position:absolute;left:0;color:#697c4b}.source-links{padding:0;list-style:none;font-size:13px}.source-links li{margin:15px 0}.not-found{min-height:65svh;padding:170px var(--gutter) 90px}.not-found h1{font-size:clamp(40px,5vw,70px);margin-bottom:30px}.visit-full{background:transparent;padding:0;border-radius:0}.visit-full .visit-overview{gap:80px}.visit-full .parking-preview{margin-top:65px}.visit-full .parking-preview figure{border:1px solid var(--line)}


/* SHOP content: retain the brand's measured VanMoof grid and motion. */
:root{--font:Inter,"Helvetica Neue",Helvetica,Arial,"Noto Sans JP",sans-serif;--gutter:var(--content-inset);--cream:#eee}html{scroll-behavior:smooth}h1,h2,h3{font-weight:400}figure{margin:0}.wordmark strong{font:inherit;font-weight:400}.wordmark small{font:9px/1 Arial,sans-serif;letter-spacing:.12em;align-self:flex-end;padding-bottom:2px}.wordmark img{filter:brightness(0) invert(1)}.header-visit{font-size:11px;display:flex;gap:4px;align-items:center}.header-visit svg{width:16px;height:16px}.inner-page .site-header{background:linear-gradient(180deg,#373737e8,#262626e8)}.menu-links>a>span{font-size:10px;color:#fff8;min-width:18px;margin-right:18px}.menu-links>a{justify-content:flex-start!important}.menu-products span{font-size:24px;line-height:1.1}.menu-bottom{padding-top:16px;align-items:flex-start}.menu-bottom>a{max-width:47%;line-height:1.6}.actions{display:flex;align-items:center;gap:18px 28px;flex-wrap:wrap;margin-top:28px}.note{font-size:12px;color:var(--muted);line-height:1.8}.text-link{border-bottom:1px solid currentColor;padding-bottom:3px}.section-label{display:flex;gap:16px;align-items:center;font-size:12px;line-height:1.5;margin-bottom:26px}.section-label>span{font-size:10px;color:var(--muted)}.hero h1 small{display:block;font:12px/1.5 var(--font);letter-spacing:.16em;margin-top:20px}.hero-description{width:calc(100% / 6 - 4px)}.hero-description p{max-width:250px}.hero-bottom a{display:flex;align-items:center;gap:10px}.hero-bottom svg{width:14px;height:14px}.shop-intro-panel{background:#e2e3df;color:#333}.shop-intro-panel .panel-copy{max-width:490px;width:calc((100% - 88px)/12 * 5 + 32px)}.shop-intro-panel .panel-copy p{max-width:400px}.collection-display.empty-display::before{display:none}.collection-display.empty-display{background:#e7e7e7}.features svg{width:64px;height:64px}.features h3{font-weight:500}.story-panel .panel-copy{max-width:490px;width:calc((100% - 88px)/12 * 5 + 32px)}.story-panel .owner-role{font-size:12px;margin-top:18px}.story-panel .owner-name{font-size:20px;margin-top:8px}.press-section h2{font-size:42px}.pathway-cap>img{object-fit:cover}.pathway-cap::after{background:linear-gradient(0deg,#000b,transparent 45%,#0002)}.pathway-support{background:#e3e4df}.site-footer{border-radius:0}.footer-signup>h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin-top:16px}.footer-signup>p{font-size:12px;line-height:1.8;margin-top:20px}.footer-signup .eyebrow{margin-top:0}.footer-links:nth-of-type(1){grid-column:5/span 2}.footer-links:nth-of-type(2){grid-column:7/span 2}.footer-links:nth-of-type(3){grid-column:9/span 2}.footer-links a,.footer-film{font-size:12px;line-height:18px}.footer-links summary{font:12px/1.5 var(--font)}.footer-logo img{filter:brightness(0)}.footer-bottom>a:last-child{margin-left:auto;font-size:11px}.footer-community .community-heading{font-size:28px}.community-heading small{display:block;font-size:12px;line-height:1.5;margin-bottom:10px;letter-spacing:0}.full-about{padding-bottom:100px}.about-statement{max-width:900px;font-size:18px;line-height:1.9;margin-bottom:80px}.owner-detail{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.owner-detail img{width:100%;border-radius:6px}.owner-detail h2{font-size:48px;line-height:1.3;margin:0 0 25px}.owner-detail h3{font-size:28px;margin:30px 0 8px}.owner-detail .role{font-size:12px;color:var(--muted);margin-bottom:24px}.owner-detail p+p{margin-top:20px}.owner-links{display:flex;gap:24px;margin-top:28px;flex-wrap:wrap;font-size:13px}.inner-main .button{justify-content:space-between}.inner-main .actions{align-items:center}.inner-main p+p{margin-top:1em}.inner-main .faq-section{display:block;margin-top:0}.inner-main .faq-section details{padding:0}.inner-main .faq-section summary{display:block}.footer-film{padding:0;text-align:left}.wide-note .actions{margin-top:20px}.source-links .text-link{line-height:1.8}.guide-card .text-link{align-items:flex-start}.not-found{max-width:1920px;margin:auto}
@media(max-width:1023px){.footer-links summary{font-size:15px}.footer-signup{min-height:185px}.footer-signup>h2{font-size:24px}.footer-community .community-heading{font-size:24px}.owner-detail{gap:45px}}
@media(max-width:767px){.hero h1 small{font-size:11px;margin-top:8px}.hero-description{width:calc(100% - 48px)}.hero-title h1{font-size:clamp(76px,28.71795vw,180px)}.menu-dialog nav a{font-size:28px;line-height:1.1}.menu-dialog nav{gap:24px;margin:32px 0}.menu-products span{font-size:22px;line-height:1.1}.menu-products img{height:110px;top:2px}.menu-products a{justify-content:flex-end}.menu-bottom{gap:15px}.menu-bottom>a{font-size:11px}.shop-intro-panel .panel-copy,.story-panel .panel-copy{width:calc(100% - 64px);max-width:none}.collection-intro h2{font-size:44px;line-height:1.1}.collection-intro p{font-size:16px;line-height:24px}.features svg{width:48px;height:48px}.features>div{min-height:141px}.features>div:first-child{min-height:121px}.features>div:last-child{min-height:106px}.press-section h2{font-size:36px}.footer-signup .eyebrow{font-size:12px}.footer-signup>h2{font-size:24px}.footer-signup>p{font-size:11px}.footer-community .community-heading{font-size:23px}.owner-detail{grid-template-columns:1fr;gap:35px}.owner-detail h2{font-size:36px}.owner-detail h3{font-size:26px}.owner-detail p{font-size:13px}.about-statement{font-size:15px;margin-bottom:50px}.full-about{padding-bottom:65px}.inner-main{padding:110px 24px 0}.inner-main .page-intro h1{font-size:39px;line-height:1.4}.inner-main .page-intro>p{font-size:13px}.breadcrumbs{font-size:10px;margin-bottom:32px}.page-intro{margin-bottom:40px}.jump-nav{gap:8px;margin-bottom:35px;padding-bottom:30px}.jump-nav a{font-size:11px;padding:7px 10px}.product-category{padding:35px 0 50px}.category-detail{grid-template-columns:1fr;gap:30px}.category-main-photo{aspect-ratio:1.2}.category-content h2{font-size:28px}.category-content>p{font-size:13px}.category-advice{font-size:13px}.brand-examples li{font-size:12px}.photo-more{max-width:100%}.wide-note{padding:24px;font-size:12px;margin:30px 0}.inner-main .faq-section{padding:50px 0}.faq-section h2,.content-section>h2{font-size:27px;line-height:1.4}.faq summary{font-size:13px}.faq-answer{font-size:12px;padding-right:20px}.contact-banner{display:block;padding:35px 25px;margin:25px 0 60px}.contact-banner h2{font-size:29px;margin-bottom:24px}.contact-banner p{font-size:12px}.content-section{padding:35px 0 45px}.numbered-list li{grid-template-columns:30px 1fr;gap:15px}.numbered-list h3{font-size:18px}.numbered-list p{font-size:12px}.buyback-lead{display:block;padding:32px 25px}.buyback-lead h2{font-size:33px;margin-bottom:25px}.buyback-lead p{font-size:13px}.permit{grid-template-columns:1fr;gap:30px}.permit img{max-height:380px;width:100%}.brand-hero{margin-bottom:45px}.brand-hero img{aspect-ratio:1.3;object-fit:cover}.brand-product{grid-template-columns:1fr;gap:30px;padding:45px 0}.brand-product h2{font-size:33px}.brand-product p{font-size:13px}.brand-product>.product-visual img{max-height:440px;object-fit:cover}.jig-selector{padding:60px 10px 25px;gap:50px;aspect-ratio:1.2}.swatches{gap:12px}.instagram-posts{grid-template-columns:1fr;gap:10px}.instagram-posts>a{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;padding:12px 0}.instagram-posts p{margin-top:0}.instagram-posts .text-link{margin-top:14px}.guide-grid{grid-template-columns:1fr;gap:12px}.guide-card{padding:28px}.guide-card h3{font-size:22px}.guide-card p{font-size:12px}.checklist li{font-size:13px}.source-links{font-size:12px}.visit-overview{display:block}.visit-hours{margin-top:40px}.hours div{padding:14px 0}.parking-preview{grid-template-columns:1fr;gap:25px;margin-top:45px}.parking-preview h3{font-size:24px}.parking-preview p{font-size:13px}.visit-panel{padding:0}.not-found{padding:145px 24px 75px}.not-found h1{font-size:36px}.section-heading{font-size:34px;line-height:1.5}.visit-intro address{font-size:14px;line-height:1.8}.source-links .text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.menu-products,.menu-dialog nav a,.menu-bottom{transform:none}}
/* Store details use the same column rhythm as the reference. */
.section-heading{font-size:48px;line-height:1.2;letter-spacing:-.035em}.visit-panel{padding:0}.visit-overview{display:grid;grid-template-columns:1fr 1fr;gap:80px}.visit-intro .section-heading{margin-bottom:32px}.visit-intro address{font-style:normal;line-height:1.9}.hours{margin:0 0 22px}.hours>div{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-bottom:1px solid var(--line);padding:16px 0}.hours dt{font-size:13px}.hours dd{margin:0;text-align:right;font-size:14px}.hours-heading{font-size:18px;margin-bottom:20px}.parking-preview{margin-top:70px;display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:center}.parking-preview h3{font-size:30px;line-height:1.3;margin-bottom:24px}.parking-preview p{max-width:340px;font-size:14px;margin-bottom:24px}.parking-preview figure{background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden}.parking-preview img{width:100%;height:auto}.parking-preview figcaption{font-size:11px;text-align:center;padding:10px}.about-statement .section-heading{margin-bottom:30px}
@media(max-width:767px){.section-heading{font-size:36px;line-height:1.3}.visit-overview{display:block}.parking-preview{grid-template-columns:1fr;gap:25px;margin-top:45px}.parking-preview h3{font-size:26px}.parking-preview p{font-size:13px}.hours dd{font-size:13px}.visit-hours{margin-top:40px}}
.pathway>#store{position:absolute;top:0;left:0;pointer-events:none}
@media(max-width:767px){.story-panel .panel-copy h2{font-size:clamp(24px,calc((100vw - 80px)/10),36px);line-height:1.2}.pathway>div p{max-width:calc(100% - 64px)}}
@media(max-width:349px){.menu-dialog nav a{font-size:24px}.menu-links>a>span{margin-right:14px}.menu-products span{font-size:21px}}
@media(min-width:768px) and (max-width:1023px){.pathway{padding:24px}.pathway h2{font-size:32px;line-height:1.1}.pathway>div p{font-size:14px;line-height:20px;max-width:calc(100% - 56px)}}
@media(min-width:768px){.press-section h2{font-size:48px}}
@media(max-width:349px){.pathway h2{font-size:32px;line-height:1.1}.pathway>div p{font-size:14px;line-height:20px}}
@media(min-width:768px) and (max-width:1023px){.shop-intro-panel .panel-copy h2{font-size:44px}}