@font-face{font-family:'Newsreader';src:url('/public/assets/Newsreader-Latin.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:Inter;src:url('/public/assets/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('/public/assets/InterTight-Latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{
  --rail:168px;--gutter:36px;--section-space:88px;
  --content-gap:20px;--content-row-gap:40px;--measure-reading:58ch;
  --radius-control:var(--kit-radius-tab);--radius-media:var(--kit-radius-tab);--radius-panel:var(--kit-radius-bundle);
  --type-title:clamp(28px,2.2vw,36px);--type-section:26px;
  --type-card:14px;--type-meta:12px;--type-body:14px;
  --lisa-body:16px;--lisa-small:13px;--lisa-heading:var(--type-section);
  --space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--lisa-paper);color:var(--lisa-ink);font:400 var(--type-body)/1.5 'Inter Tight',Arial,sans-serif;letter-spacing:-.015em;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;text-decoration-skip-ink:auto}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
img,svg{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:500;letter-spacing:-.035em;text-wrap:balance}
h1{font-size:var(--type-title);line-height:1.04}
h2{font-size:var(--type-section);line-height:1.12}
h3{font-size:var(--type-card);line-height:1.3;letter-spacing:-.02em}
p{line-height:1.5;text-wrap:pretty}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lisa-ink);outline-offset:4px}
::selection{background:var(--lisa-ink);color:var(--lisa-paper)}
[hidden]{display:none!important}
.shell{padding-inline-start:calc(var(--rail) + 40px);min-height:100svh}
.page{width:calc(100% - 2 * var(--gutter));max-width:1200px;margin-inline:auto;min-width:0}
.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:240px;z-index:40;transform:translateY(-180%);background:var(--lisa-paper);padding:12px 20px;border:1px solid}
.skip-link:focus{transform:none}
.rail{position:fixed;inset-block:0;inset-inline-start:24px;width:var(--rail);padding-block:56px 32px;display:flex;flex-direction:column;z-index:5;overflow-y:auto;scrollbar-width:thin}
.brand-lockup{display:flex;align-items:center;flex-shrink:0}
.wordmark{position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;width:112px;height:44px;flex:0 0 112px;border-radius:var(--radius-control)}
.brand-logo{display:block;width:88px;height:24px;background:#fff;-webkit-mask:url('/public/assets/branding/6000-wordmark.svg') center/contain no-repeat;mask:url('/public/assets/branding/6000-wordmark.svg') center/contain no-repeat}
.rail-links{display:grid;gap:0;margin-block:27px 0;align-content:start}
.nav-tab{display:block;min-width:0;color:var(--lisa-ink)}
.nav-home{background:transparent}
.nav-shop{background:transparent}
.nav-collections{background:transparent}
.nav-information{background:transparent}
.nav-tab.nav-home,.nav-tab>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;padding:5px 0;font-size:13px;line-height:20px;font-weight:400;color:var(--lisa-muted)}
.nav-tab>summary{list-style:none;cursor:pointer}
.nav-tab>summary::-webkit-details-marker{display:none}
.nav-tab>summary::after{content:'+';font-size:16px;color:var(--lisa-muted)}
.nav-tab[open]>summary::after{content:'−'}
.nav-tab-content{display:grid;gap:0;padding:4px 0 8px 12px;border-left:1px solid var(--lisa-line)}
.nav-tab-content a{display:flex;align-items:center;min-height:28px;padding:4px 8px;font-size:12px;line-height:1.35}
.nav-tab-content a:hover,.nav-tab-content a[aria-current]{background:var(--lisa-paper)}
.nav-tab-content a[aria-current],.nav-home[aria-current]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.rail-bottom{margin-block-start:0;padding-block-start:16px;flex-shrink:0}
.rail-intro{flex-shrink:0;margin-top:24px}
.rail-intro p{font:500 16px/1.4 Inter,Arial,sans-serif;letter-spacing:-.35px;color:#54545d}
.rail-intro-rule,.rail-hatch::before,.rail-hatch-end{height:5px;background:var(--divider-cap) left center/5px 5px no-repeat,var(--divider-cap) right center/5px 5px no-repeat,var(--divider-dots) center/6px 2px repeat-x;pointer-events:none}
.rail-intro-rule{margin-top:18px}
.rail-hatch{position:relative;flex:1 1 28px;min-height:28px;margin-top:16px;pointer-events:none;transition:flex-basis var(--kit-motion-layout) var(--kit-motion-ease),min-height var(--kit-motion-layout) var(--kit-motion-ease),margin var(--kit-motion-layout) var(--kit-motion-ease)}
.rail-hatch::before{content:'';position:absolute;inset-inline:-2px;top:-3px}
.rail-hatch::after{content:'';position:absolute;inset:0;background:var(--kit-material-hatch);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.rail-hatch-end{position:absolute;inset-inline:-2px;bottom:-3px;z-index:1}
.rail-card{position:relative;isolation:isolate;overflow:hidden;display:grid;border-radius:var(--radius-panel);color:#fff;border:1px solid var(--kit-color-inverse-edge);background:var(--kit-material-contact);box-shadow:var(--kit-material-contact-shadow)}
.rail-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:14px 16px;color:#fff;font-size:13px;line-height:1.4;list-style:none;cursor:pointer}
.rail-card>summary::-webkit-details-marker{display:none}
.rail-card>summary::after{content:'+';font-size:18px;line-height:1;color:var(--kit-color-inverse-muted);flex:none}
.rail-card[open]>summary::after{content:'−'}
.rail-card>summary:hover{background:var(--kit-color-inverse-wash)}
.rail-card-menu{display:grid;border-top:1px solid var(--kit-color-inverse-rule)}
.rail-card-menu a{display:flex;align-items:center;min-height:44px;padding:12px 16px;font-size:13px;color:var(--kit-color-inverse-muted)}
.rail-card-menu a+a{border-top:1px solid var(--kit-color-inverse-rule)}
.rail-card-menu a:hover{background:var(--kit-color-inverse-wash);color:#fff}
.action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:23px;padding:3px 10px;border-radius:var(--radius-control);font-size:12px;line-height:1.3;font-weight:500;text-align:center;transition:transform 100ms,background-color 120ms}
.action:active,.secondary-action:active{transform:scale(.96)}
.secondary-action{background:var(--kit-material-glass-active);border:1px solid transparent;box-shadow:var(--kit-material-glass-active-shadow);backdrop-filter:var(--kit-material-glass-active-filter);font-weight:400}
.secondary-action:hover{background:var(--lisa-paper)}
.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.breadcrumbs{font-size:13px;color:var(--lisa-muted);margin-bottom:32px;line-height:1.5}
.breadcrumbs a:hover{text-decoration:underline}
.section-bar,.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.section-bar h2,.section-heading h2{font-size:var(--type-section);line-height:1.12;margin:0;text-transform:none}
.section-bar>a,.section-heading>a{font-size:14px;min-height:36px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.gray-media{background:var(--store-preview)}
.home-footer,.surf-footer{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px 28px;border-top:1px dotted var(--divider-ink);padding-block:32px 40px;margin-block-start:80px;font-size:13px;color:var(--lisa-muted)}
.home-footer strong,.surf-footer strong{color:var(--lisa-ink);font-size:22px;letter-spacing:-.04em;font-weight:500}
.home-footer p,.surf-footer p{margin:0;flex:1}
.home-footer a,.surf-footer a{display:inline-flex;align-items:center;min-height:36px}
.home-footer a:hover,.surf-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.mobile-header,.mobile-nav{display:none}
@media(max-width:1100px){
  :root{--rail:156px;--gutter:24px;--content-gap:16px;--section-space:72px}
  .rail{inset-inline-start:16px}.shell{padding-inline-start:calc(var(--rail) + 32px)}
  .nav-tab.nav-home,.nav-tab>summary{font-size:13px}
}
@media(max-width:850px){
  :root{--gutter:24px;--type-title:32px;--type-section:24px}
  .shell{padding-inline-start:0}.rail{display:none}
  .mobile-header{display:flex;align-items:center;justify-content:space-between;padding:16px var(--gutter);border-bottom:1px dotted var(--divider-ink);gap:16px}
  .mobile-header .wordmark{height:40px;width:104px;flex-basis:104px}
  .mobile-header-actions{display:flex;align-items:center;gap:16px}
  .menu-toggle,.menu-close{min-width:44px;min-height:44px;border:1px solid var(--lisa-line);background:var(--lisa-paper);border-radius:var(--radius-control);padding:8px 12px}
  .mobile-nav:not([hidden]){display:flex;flex-direction:column;position:fixed;inset:0;z-index:20;background:var(--lisa-paper);padding:24px;overflow:auto;overscroll-behavior:contain}
  .mobile-nav-top{display:flex;align-items:center;justify-content:space-between}
  .mobile-nav-links{display:grid;grid-template-columns:1fr;gap:8px;margin-block:32px}
  .mobile-nav-links .nav-tab.nav-home,.mobile-nav-links .nav-tab>summary{min-height:48px;font-size:16px;padding:12px 16px}
  .mobile-nav-links .nav-tab-content a{min-height:44px;padding:10px 12px;font-size:14px}
  .mobile-nav .rail-bottom{max-width:360px;width:100%}
  .skip-link{inset-inline-start:20px}
}
@media(max-width:600px){
  :root{--gutter:20px;--section-space:56px;--type-title:30px;--type-section:24px;--type-card:14px;--content-gap:12px;--content-row-gap:28px}
  .home-footer,.surf-footer{margin-top:56px;gap:12px 20px}.home-footer p,.surf-footer p{flex-basis:calc(100% - 90px)}
}
@media(max-width:360px){:root{--gutter:16px;--type-title:28px}.mobile-header-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Original 48 clock material, with the numeral layer omitted in its component. */
.clock-home{display:inline-flex;width:56px;height:56px;flex:0 0 56px;--studio-orange-edge:var(--kit-color-orange-edge);--studio-orange-rim:var(--kit-color-orange-rim);--studio-orange-light:var(--kit-color-orange-light);--studio-orange:var(--kit-color-orange);--studio-orange-highlight:var(--kit-color-orange-highlight)}
.clock-home [data-brand-clock]{display:block}
.nav-home[aria-current]{color:var(--lisa-ink)}
.nav-tab>summary:hover,.nav-tab.nav-home:hover{color:var(--lisa-ink)}
@media(max-width:850px){.clock-home{width:48px;height:48px;flex-basis:48px}}

.nav-tab,.nav-tab-content a{border-radius:var(--radius-control)}


/* 48HRS brand-key feedback; the clock itself owns the hand animation. */
.clock-home{transform:translateY(0) scale(1);transition:transform 270ms var(--kit-motion-ease),filter 270ms var(--kit-motion-ease);touch-action:manipulation}
.clock-home:hover{filter:brightness(1.025)}
.clock-home:active,.clock-home[data-pressed='true']{transform:translateY(1px) scale(.98);transition-duration:75ms}

@media(max-height:760px) and (min-width:851px){.rail{padding-block:30px 20px}}

/* Interactive feedback follows the timing of the 48HRS controls. */
.nav-tab>summary::after,.rail-card>summary::after{content:'+';display:inline-block;transition:transform 350ms var(--kit-motion-ease),color 270ms var(--kit-motion-ease)}
.nav-tab[open]>summary::after,.rail-card[open]>summary::after{content:'+';transform:rotate(45deg)}
.nav-tab.nav-home,.nav-tab>summary,.nav-tab-content a,.rail-card>summary,.rail-card-menu a{transition:background-color 270ms var(--kit-motion-ease),color 270ms var(--kit-motion-ease)}
.action,.secondary-action{transition:transform 80ms var(--kit-motion-ease),filter 270ms var(--kit-motion-ease),box-shadow 270ms var(--kit-motion-ease),background-color 270ms var(--kit-motion-ease)}
.action:hover{filter:brightness(1.025)}

@media(max-height:760px) and (min-width:851px){.rail-intro{margin-top:16px}.rail-intro-rule{margin-top:12px}.rail-links{margin-top:16px}}