/* GORODOK "tech" layer: the rest of the homepage and the footer in the language of the scroll story.
   Near-black ground, dot grid, mono labels, corner brackets, square corners, blue offset shadow on headings.
   Loaded last. Light pages (catalogue, product, journal) only take the footer rules. */
:root{--t-bg:#07080b;--t-panel:#0c0e14;--t-line:#1d2230;--t-line-hi:#33405e;--t-text:#f2f4f8;--t-muted:#8d95a8;--t-blue:#7b9eff;--t-mono:'Manrope',Arial,sans-serif;--t-display:'Unbounded','Manrope',Arial,sans-serif}

/* Ground */
.home-view,.home-view main{background:var(--t-bg)}
.home-view main{background-image:radial-gradient(#ffffff0d 1px,transparent 1.2px);background-size:22px 22px;background-position:0 0}
.home-view .story{background:transparent}

/* Shared type */
.home-view main .eyebrow,.home-view main .section-heading .eyebrow{font:600 11px/1.4 var(--t-mono);letter-spacing:.16em;color:var(--t-blue);text-transform:uppercase}
.home-view main .eyebrow:before{content:'// ';opacity:.6}
.home-view main h2,.home-view .rack-heading h2{font-family:var(--t-display);font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:.92;color:var(--t-text);text-shadow:.045em .045em 0 var(--t-blue);font-size:clamp(34px,5vw,76px)}
.home-view main h3{font-family:var(--t-display);font-weight:700;letter-spacing:-.03em;color:var(--t-text)}
.home-view main p{color:var(--t-muted)}
.home-view main .text-link{font:600 11px var(--t-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t-text);border-bottom:1px solid var(--t-blue);padding-bottom:3px}
.home-view main .text-link:hover{color:var(--t-blue)}

/* Sections: full-width bands separated by a hairline with HUD corners */
.home-view main>.section,.home-view main>.editorial,.home-view main>.rack-section{position:relative;background:transparent;border:0;border-top:1px solid var(--t-line);border-radius:0;margin:0;padding-top:clamp(56px,8vw,110px);padding-bottom:clamp(56px,8vw,110px)}
.home-view main>.section:before,.home-view main>.editorial:before,.home-view main>.rack-section:before{content:'';position:absolute;left:28px;top:-6px;width:11px;height:11px;border-left:1px solid var(--t-blue);border-top:1px solid var(--t-blue)}
.home-view main>.section:after,.home-view main>.editorial:after,.home-view main>.rack-section:after{content:'';position:absolute;right:28px;top:-6px;width:11px;height:11px;border-right:1px solid var(--t-blue);border-top:1px solid var(--t-blue)}
.home-view .section-heading{align-items:flex-end;gap:24px}
.home-view .section-heading>p,.home-view .tryon-heading-aside p{font:500 12px/1.6 var(--t-mono);letter-spacing:.04em;color:var(--t-muted)}

/* Season strip under the story: a HUD bar */
.home-view .season-nav{background:var(--t-bg);border-top:1px solid var(--t-line);border-bottom:1px solid var(--t-line);border-radius:0;margin:0;font:600 12px var(--t-mono);letter-spacing:.12em;text-transform:uppercase}
.home-view .season-nav>span{color:var(--t-blue)}
.home-view .season-nav a{color:var(--t-text);border-color:var(--t-line)}
.home-view .season-nav a:hover{color:var(--t-blue);background:#7b9eff0d}

/* Rack */
.home-view .rack-section{padding-left:0;padding-right:0;overflow:hidden;background:radial-gradient(ellipse 50% 60% at 50% 45%,#7b9eff1f 0,transparent 70%)}
.home-view .rack-heading .eyebrow{font:600 11px var(--t-mono);letter-spacing:.16em}
.home-view .rack-arrow{border-radius:2px;border-color:var(--t-line-hi);font-family:var(--t-mono)}
.home-view .rack-arrow-next{background:var(--t-blue);border-color:var(--t-blue)}
.home-view .rack:has(.is-cutout){height:calc(var(--rack-card) * 1.02 + 120px)}
.home-view .rack-card.is-cutout img{aspect-ratio:555/552;filter:drop-shadow(0 30px 34px #000) drop-shadow(0 0 40px #7b9eff22)}
.home-view .rack-tag{border-radius:1px;font-family:var(--t-mono)}
.home-view .rack-index{font-family:var(--t-mono)}
.home-view .rack-name strong{font-family:var(--t-display);font-weight:700}
.home-view .rack-name span{font:500 11px var(--t-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t-muted)}
.home-view .rack-link{border-radius:2px;font-family:var(--t-mono);letter-spacing:.14em}

/* Category: text tiles instead of placeholder drawings */
.home-view .category-grid{gap:0;border:1px solid var(--t-line)}
.home-view .category-grid .category-card,.home-view .category-grid .category-card:nth-child(2),.home-view .category-grid .category-card:nth-child(3){background:transparent;border:0;border-right:1px solid var(--t-line);border-radius:0;min-height:clamp(220px,26vw,340px);padding:24px;display:flex;flex-direction:column;justify-content:space-between;color:var(--t-text);transition:background .25s}
.home-view .category-grid .category-card:last-child{border-right:0}
.home-view .category-card img{display:none}
.home-view .category-grid .category-card:hover{background:#7b9eff12}
.home-view .category-number{position:static;font:600 11px var(--t-mono);color:var(--t-blue);background:none;padding:0}
.home-view .category-card-content{position:static;background:none;padding:0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.home-view .category-card-content h3{font-family:var(--t-display);font-weight:900;text-transform:uppercase;letter-spacing:-.05em;font-size:clamp(30px,3.4vw,52px);line-height:.95;color:var(--t-text)}
.home-view .category-card-content p{font:500 11px/1.5 var(--t-mono);letter-spacing:.06em;color:var(--t-muted);margin-top:10px}
.home-view .category-arrow{border-radius:2px;border:1px solid var(--t-line-hi);color:var(--t-text);background:none}
.home-view .category-card:hover .category-arrow{background:var(--t-blue);border-color:var(--t-blue);color:#07080b}

/* Featured products: dark spec cards, photo as a framed plate */
.home-view .featured-real-grid .product-card{background:var(--t-panel);border:1px solid var(--t-line);border-radius:2px;padding:12px;transition:border-color .25s}
.home-view .featured-real-grid .product-card:hover{border-color:var(--t-line-hi)}
.home-view .featured-real-grid .photo-gallery{border-radius:1px}
.home-view .featured-real-grid .product-tag{border-radius:1px;font:600 10px var(--t-mono);letter-spacing:.1em;text-transform:uppercase}
.home-view .featured-real-grid .product-note,.home-view .featured-real-grid .card-availability,.home-view .featured-real-grid .product-price{font:500 11px/1.5 var(--t-mono);letter-spacing:.05em;color:var(--t-muted)}
.home-view .featured-real-grid .product-name,.home-view .featured-real-grid .product-name a{font-family:var(--t-display);font-weight:700;font-size:17px;letter-spacing:-.02em;color:var(--t-text)}
.home-view .demo-note{font:500 11px var(--t-mono);letter-spacing:.06em}
.home-view .photo-gallery button{border-radius:2px}

/* Size editorial */
.home-view .editorial{display:grid;background:transparent;border-radius:0;padding-left:5%;padding-right:5%}
.home-view .editorial-image{background:var(--t-panel);border:1px solid var(--t-line);border-radius:2px}
.home-view .editorial-image-label,.home-view .editorial-footnote{font:600 10px var(--t-mono);letter-spacing:.14em;color:var(--t-muted)}
.home-view .editorial-copy{background:transparent;border:0}
.home-view .editorial-copy p{font-size:15px;line-height:1.6}
.home-view .editorial .button,.home-view main .button-dark{background:var(--t-blue);color:#07080b;border-radius:2px;font:700 12px var(--t-mono);letter-spacing:.14em;text-transform:uppercase;border:0}

/* Try-ons */
.home-view .tryon-card{color:var(--t-text)}
.home-view .tryon-portrait{border-radius:2px;border:1px solid var(--t-line);background:var(--t-panel)}
.home-view .tryon-portrait img{filter:saturate(.35) brightness(.8) contrast(1.1)}
.home-view .tryon-card:hover .tryon-portrait img{filter:saturate(.6) brightness(.9) contrast(1.1)}
.home-view .tryon-status,.home-view .tryon-handle{border-radius:1px;font:600 10px var(--t-mono);letter-spacing:.1em;text-transform:uppercase}
.home-view .tryon-arrow{border-radius:2px}
.home-view .tryon-card-copy h3{font-size:17px}
.home-view .tryon-card-copy .eyebrow:before{content:''}
.home-view .tryon-note{font:500 11px/1.6 var(--t-mono);letter-spacing:.04em}

/* Journal */
.home-view .journal-card{background:transparent;border:0;border-top:1px solid var(--t-line);border-radius:0;padding-top:14px}
.home-view .journal-image{border-radius:2px;border:1px solid var(--t-line);overflow:hidden}
.home-view .journal-image img{filter:grayscale(.25) contrast(1.05)}
.home-view .journal-card:hover .journal-image img{filter:none}
.home-view .journal-number{border-radius:1px;font:600 10px var(--t-mono)}
.home-view .journal-card-copy h3{font-size:16px;line-height:1.3}
.home-view .journal-card-copy .eyebrow:before{content:''}

/* FAQ */
.home-view .home-faq .accordion{border-color:var(--t-line);background:transparent;border-radius:0}
.home-view .home-faq summary{font-family:var(--t-display);font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--t-text)}
.home-view .home-faq summary:hover{color:var(--t-blue)}
.home-view .home-faq .accordion p{font-size:14px;line-height:1.6}

/* Footer (all pages): the story's ground, mono columns, a giant logo */
.site-footer{background:#07080b;background-image:radial-gradient(#ffffff0b 1px,transparent 1.2px);background-size:22px 22px;color:#f2f4f8;border-top:1px solid #1d2230;position:relative;overflow:hidden}
.site-footer h2{font:600 11px var(--t-mono);letter-spacing:.16em;text-transform:uppercase;color:#7b9eff}
.site-footer h2:before{content:'// ';opacity:.6}
.site-footer .footer-column a,.site-footer .footer-column button{color:#c6ccd8;font-size:14px}
.site-footer .footer-column a:hover,.site-footer .footer-column button:hover{color:#7b9eff}
.site-footer .footer-top>div:first-child p{font:500 12px/1.6 var(--t-mono);letter-spacing:.06em;color:#8d95a8}
.site-footer .footer-note .eyebrow{font:600 11px var(--t-mono);letter-spacing:.16em;color:#7b9eff}
.site-footer .footer-note p,.site-footer .footer-note small{color:#8d95a8}
.site-footer .text-link{color:#f2f4f8;font:600 11px var(--t-mono);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #7b9eff}
.footer-giant{color:#f2f4f8;padding:clamp(24px,4vw,56px) 4% 0;line-height:0;opacity:.95}
.footer-giant svg{display:block;width:100%;height:auto;aspect-ratio:535/64}
.site-footer .footer-bottom{font:500 11px var(--t-mono);letter-spacing:.08em;color:#8d95a8;border-top:1px solid #1d2230}
.site-footer .footer-bottom a{color:#c6ccd8}

@media(max-width:760px){
  .home-view main>.section:before,.home-view main>.editorial:before,.home-view main>.rack-section:before{left:14px}
  .home-view main>.section:after,.home-view main>.editorial:after,.home-view main>.rack-section:after{right:14px}
  .home-view .category-grid{grid-template-columns:1fr}
  .home-view .category-grid .category-card,.home-view .category-grid .category-card:nth-child(2),.home-view .category-grid .category-card:nth-child(3){border-right:0;border-bottom:1px solid var(--t-line);min-height:150px}
  .home-view .category-grid .category-card:last-child{border-bottom:0}
  .home-view .rack:has(.is-cutout){height:calc(var(--rack-card) * 1.02 + 100px)}
  .home-view main h2,.home-view .rack-heading h2{font-size:clamp(24px,7.4vw,40px);overflow-wrap:anywhere}
  .home-view .editorial{padding-left:5%;padding-right:5%}.home-view .editorial-copy{padding-left:0;padding-right:0}
}
@media(prefers-reduced-motion:reduce){.home-view .category-card,.home-view .featured-real-grid .product-card{transition:none}}

/* Type system A: Unbounded for headings, Manrope for everything else.
   Three UI roles only: menu, button, label. */
:root{--ui-font:'Manrope',Arial,sans-serif}
/* Menu */
.main-nav,.main-nav>a,.main-nav>button,.footer-column a,.footer-column button{font-family:var(--ui-font);font-weight:600;font-size:13px;letter-spacing:0;text-transform:none}
/* Buttons: one style across the site, sentence case */
.button,.home-view main .button,.home-view main .button-dark,.home-view .editorial .button,.story .story-cta,.home-view .rack-link,.rack-link,.story .story-motion{font-family:var(--ui-font);font-weight:700;font-size:13px;letter-spacing:.01em;text-transform:none}
.story .story-cta,.home-view .rack-link{padding:15px 22px}
/* Labels: small caps-style uppercase with tracking */
.eyebrow,.home-view main .eyebrow,.story-kicker,.story-hud,.story-tag,.story-card-index,.story-card-name small,.story-callouts b,.story-layers b,.story-layers em,.story-callouts span>small:first-child,.home-view .rack-heading .eyebrow,.home-view .rack-index,.home-view .rack-name span,.home-view .rack-tag,.home-view .season-nav,.home-view .category-number,.home-view .featured-real-grid .product-tag,.home-view .editorial-image-label,.home-view .editorial-footnote,.home-view .tryon-status,.home-view .tryon-handle,.home-view .journal-number,.site-footer h2,.site-footer .footer-note .eyebrow,.site-footer .footer-bottom,.home-view main .text-link,.site-footer .text-link{font-family:var(--ui-font);font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.story-hud,.home-view .rack-index,.story-card-index,.story-callouts b,.story-layers b{font-variant-numeric:tabular-nums}
/* Secondary small text: plain Manrope, no caps */
.story-layers small,.story-callouts small,.story-lead small,.home-view .section-heading>p,.home-view .tryon-heading-aside p,.home-view .category-card-content p,.home-view .featured-real-grid .product-note,.home-view .featured-real-grid .card-availability,.home-view .featured-real-grid .product-price,.home-view .demo-note,.home-view .tryon-note,.site-footer .footer-top>div:first-child p{font-family:var(--ui-font);font-weight:500;font-size:12.5px;letter-spacing:0;text-transform:none;line-height:1.55}

/* Tech layer on top of type system A.
   Rule: menus and buttons stay Manrope; data and readouts (HUD, indices, coordinates, percentages, section codes) use Martian Mono. */
@font-face{font-family:'Martian Mono';font-style:normal;font-display:swap;font-weight:100 800;src:url(assets/fonts/martian-mono-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Martian Mono';font-style:normal;font-display:swap;font-weight:100 800;src:url(assets/fonts/martian-mono-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--data-font:'Martian Mono',ui-monospace,monospace}
.story-hud,.story-kicker,.story-tag,.story-card-index,.story-callouts b,.story-layers b,.story-layers em,.story-callouts span>small:first-child,.home-view main .eyebrow,.home-view .rack-heading .eyebrow,.home-view .rack-index,.home-view .rack-tag,.home-view .category-number,.home-view .journal-number,.home-view .tryon-status,.home-view .editorial-image-label,.home-view .season-nav>span,.site-footer h2,.site-footer .footer-note .eyebrow,.site-footer .footer-bottom{font-family:var(--data-font);font-weight:500;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase}
.story-hud{font-size:10px;line-height:1.7}
.story-kicker{font-size:11px;letter-spacing:.06em}

/* Brighter dot grid with a light that follows the cursor / phone tilt */
.story-grid{background-image:radial-gradient(#ffffff26 1px,transparent 1.3px);-webkit-mask-image:radial-gradient(circle min(46vw,620px) at calc(50% + var(--tx,0) * 28%) calc(50% + var(--ty,0) * 22%),#000 0,#0008 45%,transparent 75%);mask-image:radial-gradient(circle min(46vw,620px) at calc(50% + var(--tx,0) * 28%) calc(50% + var(--ty,0) * 22%),#000 0,#0008 45%,transparent 75%)}
.home-view main{background-image:radial-gradient(#ffffff14 1px,transparent 1.3px)}
.site-footer{background-image:radial-gradient(#ffffff12 1px,transparent 1.3px)}

/* Scanlines and a soft vignette over the story stage */
.story-stage:after{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 3px),radial-gradient(ellipse 80% 70% at 50% 50%,transparent 55%,#000a 100%);mix-blend-mode:screen}
.story-stage:before{content:'';position:absolute;left:0;right:0;height:18%;top:-20%;z-index:6;pointer-events:none;background:linear-gradient(transparent,#7b9eff0d 60%,transparent);animation:story-scan 7s linear infinite}
@keyframes story-scan{to{top:110%}}

/* Holographic sheen on accent words */
.story-title-accent,.home-view .rack-heading h2{background:linear-gradient(100deg,#7b9eff 0%,#b9a8ff 22%,#86e4ff 44%,#7b9eff 62%,#c7d4ff 80%,#7b9eff 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:holo 7s linear infinite}
.home-view .rack-heading h2{text-shadow:none;filter:drop-shadow(.045em .045em 0 #3d5bd6)}
@keyframes holo{to{background-position:300% 0}}
.story-cta,.home-view .rack-link{position:relative;overflow:hidden}
.story-cta:after,.home-view .rack-link:after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,#ffffff8c,transparent);transform:skewX(-20deg);transition:left .5s}
.story-cta:hover:after,.home-view .rack-link:hover:after{left:130%}

/* Decoding headings and bracket corners drawing in on the lower sections */
.home-view main>.section:before,.home-view main>.section:after,.home-view main>.editorial:before,.home-view main>.editorial:after,.home-view main>.rack-section:before,.home-view main>.rack-section:after{transition:width .6s,height .6s}
.home-view main>.is-seen:before,.home-view main>.is-seen:after{width:26px;height:26px}

@media(prefers-reduced-motion:reduce){.story-stage:before{display:none}.story-title-accent,.home-view .rack-heading h2{animation:none}.story-cta:after,.home-view .rack-link:after{display:none}}

@media(max-width:760px){.story-hud{font-size:8.5px}.hud-scroll{display:none}}