@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}
}
.interior{padding:160px 8.9% 100px}.page-intro{max-width:900px}.page-intro .eyebrow{margin-bottom:20px}.page-intro h1{font-size:clamp(64px,8vw,120px);line-height:1.05}.page-intro>p:not(.eyebrow){font-size:16px;margin-top:26px}.page-intro .button{margin-top:30px}.collection-filters{display:flex;gap:8px;margin:64px 0 30px;flex-wrap:wrap}.collection-filters button{border:1px solid #d9dbd4;padding:10px 22px;min-height:42px;border-radius:40px;font-size:12px}.collection-filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card-image{background:#050505;aspect-ratio:4 / 5;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-card-image img{height:100%;width:100%;object-fit:contain;transition:transform .5s}.product-card a:hover img{transform:scale(1.035)}.product-card-caption{padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.product-card-caption h2{font-size:20px;letter-spacing:-.025em}.product-card-caption p{font-size:11px;color:var(--muted);margin-top:8px}.visual-note{margin-top:60px;font-size:11px;color:var(--muted)}.product-main{padding:140px 8.9% 100px}.back-link{font-size:11px;display:inline-block;margin-bottom:30px}.product-detail{display:grid;grid-template-columns:1.25fr 1fr;gap:8%}.product-gallery{background:#050505;min-width:0;aspect-ratio:4 / 4.6;border-radius:5px;display:flex;justify-content:center;align-items:center;position:relative}.product-gallery>img{width:100%;height:100%;object-fit:contain}.jig-gallery{background:#e9eae5}.jig-gallery>img{width:85%;height:auto;transform:rotate(-42deg);filter:drop-shadow(0 18px 10px #0003)}.product-gallery .color-picker{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);white-space:nowrap}.product-gallery .swatch{border-color:#999}.product-information{padding-top:38px}.product-information .eyebrow{margin-bottom:18px}.product-information h1{font-size:clamp(40px,4.7vw,68px);line-height:1}.product-japanese{font-size:13px;margin-top:20px;color:var(--muted)}.product-lead{margin-top:28px;font-size:17px}.spec-list{margin:40px 0}.spec-list>div{display:grid;grid-template-columns:85px 1fr;gap:18px;border-top:1px solid var(--line);padding:17px 0;font-size:11px;min-height:48px}.spec-list dt{color:#7e8378;font-size:10px;line-height:1.5}.spec-list dd{margin:0;line-height:1.6}.product-note{font-size:11px;color:var(--muted);margin-top:16px}.product-editorial{margin-top:140px;display:grid;grid-template-columns:1fr 1fr;background:#040404;color:#fff;align-items:center;border-radius:5px;overflow:hidden}.product-editorial>img{width:100%;max-height:620px;object-fit:contain}.product-editorial>div{padding:60px 15% 60px 10%}.product-editorial h2{font-size:36px;line-height:1.3;margin:26px 0}.product-editorial>div>p:not(.eyebrow){font-size:13px}.product-editorial .square-link{margin-top:30px}.related-section{margin-top:120px}.related-section>h2{font-size:42px;margin-bottom:38px}.related-grid{grid-template-columns:1fr 1fr;max-width:800px}.story-intro{padding:180px 8.9% 90px}.story-intro .eyebrow{margin-bottom:26px}.story-intro h1{font-size:clamp(70px,10vw,160px);line-height:.9}.story-tagline{margin-top:36px;font-size:20px}.brand-visual{margin:0 8px;border-radius:5px;overflow:hidden;background:#000}.brand-visual img{width:100%;max-height:850px;object-fit:contain}.story-statement{padding:140px 8.9%;text-align:center}.story-statement h2{font-size:64px;line-height:1.3;margin:30px 0}.story-statement>p:not(.eyebrow){font-size:15px;line-height:1.9;margin-bottom:36px}.story-image-slot{height:600px;background:#e4e5e1;margin:0 8px;border-radius:5px}.story-cta{padding:120px 8.9%;text-align:center}.story-cta h2{font-size:60px;margin-bottom:36px}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:10%;margin-top:110px}.faq-section>h2{font-size:32px;line-height:1.2}.faq-section details{border-top:1px solid var(--line);padding:24px 0}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:15px;line-height:1.5}.faq-section summary::-webkit-details-marker{display:none}.faq-plus{font-size:22px;line-height:1;flex:none}.faq-section details[open] .faq-plus{transform:rotate(45deg)}.faq-section details p{font-size:13px;margin-top:20px;color:#6a7064}.support-links{margin-top:80px;display:flex;gap:16px;flex-wrap:wrap}
@media(max-width:1000px){.product-detail{gap:6%}.product-information{padding-top:12px}.product-lead{font-size:15px}.product-information h1{font-size:40px}.product-gallery{aspect-ratio:auto;min-height:580px}.product-editorial h2{font-size:28px}.product-editorial>div{padding:40px 10%}.story-statement h2{font-size:48px}.product-grid{gap:16px}.product-card-caption h2{font-size:17px}}
@media(max-width:767px){.interior{padding:135px 7% 70px}.page-intro .eyebrow{font-size:9px}.page-intro h1{font-size:64px}.page-intro>p:not(.eyebrow){font-size:13px}.collection-filters{margin-top:42px;gap:6px}.collection-filters button{font-size:11px;padding:9px 16px;min-height:40px}.product-grid{grid-template-columns:1fr;gap:40px}.product-card-image{aspect-ratio:1 / 1.05}.product-card-caption h2{font-size:22px}.product-card-caption{padding-top:18px}.visual-note{font-size:10px;line-height:1.8}.product-main{padding:108px 6px 70px}.back-link{margin:0 6% 24px}.product-detail{grid-template-columns:1fr;gap:0}.product-gallery{min-height:0;aspect-ratio:1 / 1.08}.product-gallery .color-picker{bottom:30px}.product-information{padding:40px 6% 0}.product-information h1{font-size:46px}.product-lead{font-size:15px;margin-top:25px}.product-editorial{margin-top:70px;grid-template-columns:1fr}.product-editorial>img{max-height:500px}.product-editorial>div{padding:30px 8% 50px}.product-editorial h2{font-size:32px;margin:20px 0}.related-section{margin:70px 6% 0}.related-section>h2{font-size:34px;margin-bottom:28px}.related-grid{grid-template-columns:1fr 1fr;gap:14px}.related-grid .product-card-caption h2{font-size:14px}.related-grid .product-card-caption svg{width:14px;flex:none}.related-grid .product-card-caption{gap:7px}.related-grid .product-card-caption p{font-size:9px}.story-intro{padding:150px 7% 65px}.story-intro h1{font-size:72px}.story-tagline{font-size:15px;margin-top:28px}.brand-visual{margin:0 6px;min-height:260px;display:flex;align-items:center}.story-statement{padding:70px 7%}.story-statement h2{font-size:36px;margin:25px 0}.story-statement>p:not(.eyebrow){font-size:12px;line-height:1.9}.story-image-slot{height:420px;margin:0 6px}.story-cta{padding:70px 7%}.story-cta h2{font-size:42px;margin-bottom:28px}.faq-section{margin-top:70px;grid-template-columns:1fr;gap:30px}.faq-section>h2{font-size:28px}.faq-section summary{font-size:13px}.faq-section details p{font-size:12px}.support-links{margin-top:45px;gap:12px}.support-links .button{justify-content:space-between;width:100%}}