:root{color-scheme:light;--ink:oklch(0.22 0.035 166);--ink-soft:oklch(0.34 0.03 166);--canvas:oklch(0.975 0.008 160);--surface:oklch(1 0 0);--muted:oklch(0.91 0.02 160);--muted-strong:oklch(0.78 0.035 158);--accent:oklch(0.84 0.19 111);--accent-ink:oklch(0.2 0.04 160);--line:color-mix(in oklch,var(--ink) 16%,transparent);--shadow:0 24px 70px color-mix(in oklch,var(--ink) 13%,transparent);--radius:18px;--page:min(1440px,calc(100vw - 48px))}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{min-width:320px;margin:0;background:radial-gradient(circle at 82% 7%,color-mix(in oklch,var(--accent) 18%,transparent),transparent 26rem),var(--canvas);color:var(--ink);font-family:Avenir Next,Avenir,Century Gothic,sans-serif;font-size:16px;line-height:1.5;text-rendering:optimizeLegibility}body:before{display:block;height:6px;background:var(--accent);content:""}a,button,input{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid oklch(.72 .2 42);outline-offset:4px}.site-header{position:relative;z-index:10;display:grid;grid-template-columns:255px minmax(280px,1fr) minmax(220px,340px) auto;align-items:center;width:var(--page);min-height:104px;margin:0 auto;column-gap:28px}.brand{display:inline-flex;align-items:center;width:max-content;color:var(--ink);text-decoration:none}.brand-mark{display:grid;width:48px;height:48px;margin-right:12px;border-radius:50% 50% 8px 50%;background:var(--ink);color:var(--accent);font-size:29px;line-height:1;place-items:center;transform:rotate(-5deg)}.brand-mark,.brand-name{font-family:Georgia,Times New Roman,serif}.brand-name{font-size:23px;font-weight:700;letter-spacing:-.03em;line-height:.95}.brand-name small{display:block;margin-top:7px;font-family:Avenir Next,Avenir,Century Gothic,sans-serif;font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.site-nav ul{display:flex;align-items:center;justify-content:center;margin:0;padding:0;gap:clamp(14px,2vw,30px);list-style:none}.site-nav a{position:relative;display:inline-block;padding:14px 0;font-size:13px;font-weight:700;letter-spacing:.035em;text-decoration:none;white-space:nowrap}.site-nav a:after{position:absolute;right:0;bottom:7px;left:0;height:2px;background:var(--accent);content:"";transform:scaleX(0);transform-origin:left;transition:transform .16s ease}.site-nav a:focus-visible:after,.site-nav a:hover:after{transform:scaleX(1)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-control{width:100%;min-height:48px;border:1px solid var(--line);border-radius:999px;padding:0 50px 0 20px;background:radial-gradient(circle at calc(100% - 25px) 50%,transparent 5px,var(--ink) 6px,var(--ink) 7px,transparent 8px),linear-gradient(45deg,transparent 48%,var(--ink) 49%,var(--ink) 55%,transparent 56%) calc(100% - 17px) calc(50% + 8px) /8px 8px no-repeat,var(--surface);color:var(--ink);box-shadow:0 8px 24px color-mix(in oklch,var(--ink) 7%,transparent);appearance:none}.search-control::placeholder{color:color-mix(in oklch,var(--ink) 58%,transparent)}.cart-control{display:inline-flex;align-items:center;justify-content:center;min-width:92px;min-height:48px;border:0;border-radius:999px;padding:0 18px;background:var(--ink);color:var(--surface);font-size:13px;font-weight:800;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;box-shadow:0 8px 22px color-mix(in oklch,var(--ink) 18%,transparent);cursor:pointer;transition:transform .16s ease,background .16s ease}.cart-control:hover{background:var(--ink-soft);transform:translateY(-2px)}main{position:relative;width:var(--page);margin:0 auto;padding:clamp(80px,10vw,144px) 0 96px;overflow:hidden}main:before{top:72px;right:2%;width:min(39vw,540px);height:min(34vw,460px);border:1px solid var(--line);border-radius:42% 42% 28px 28px;background:linear-gradient(104deg,transparent 0 12%,color-mix(in oklch,var(--surface) 22%,transparent) 12.4% 14%,transparent 14.4% 100%),linear-gradient(90deg,oklch(.52 .12 249) 0 23%,transparent 23% 27%,oklch(.72 .13 49) 27% 52%,transparent 52% 56%,var(--accent) 56% 78%,transparent 78% 82%,oklch(.38 .08 166) 82% 100%);box-shadow:var(--shadow);transform:rotate(2deg)}main:after,main:before{position:absolute;z-index:0;content:""}main:after{top:min(520px,39vw);right:0;width:min(43vw,610px);height:18px;border-radius:10px;background:var(--ink);box-shadow:0 22px 35px color-mix(in oklch,var(--ink) 20%,transparent);transform:rotate(-1deg)}main>.hero-eyebrow,main>h1,main>input,main>label,main>p{position:relative;z-index:1;width:min(52%,690px)}main>h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,6.2vw,88px);font-weight:500;letter-spacing:-.065em;line-height:.95;text-wrap:balance}main>.hero-eyebrow{display:block;width:max-content;margin-bottom:24px;border-radius:999px;padding:8px 13px;background:var(--accent);color:var(--accent-ink);font-family:Avenir Next,Avenir,Century Gothic,sans-serif;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}main>p{max-width:620px;margin:32px 0 0;color:var(--ink-soft);font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,1.5vw,23px);line-height:1.55}.storefront-v2 main>.search-control{display:block;max-width:480px;margin-top:32px}.storefront-v2 main>p{margin-top:22px}section{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(170px,19vw,270px);gap:22px}section>h2,section>h3{grid-column:1/-1}section>h2{margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4vw,56px);font-weight:500;letter-spacing:-.045em;line-height:1}.storefront-v2 section>h2{margin-bottom:-10px;color:var(--ink-soft);font-family:Avenir Next,Avenir,Century Gothic,sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.storefront-v2 section>h3{margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4vw,56px);font-weight:500;letter-spacing:-.045em;line-height:1}article{position:relative;display:grid;min-height:505px;border:1px solid var(--line);border-radius:var(--radius);padding:286px 26px 26px;overflow:hidden;background:var(--surface);box-shadow:0 14px 36px color-mix(in oklch,var(--ink) 7%,transparent);transition:transform .18s ease,box-shadow .18s ease}article:before{position:absolute;top:24px;right:24px;left:24px;height:230px;border-radius:10px 10px 3px 3px;background:var(--cover);box-shadow:inset -10px 0 0 color-mix(in oklch,var(--ink) 16%,transparent),0 18px 30px color-mix(in oklch,var(--ink) 20%,transparent);content:"";transform:perspective(700px) rotateY(-4deg);transform-origin:left}.spine-number{position:absolute;top:42px;left:40px;color:color-mix(in oklch,var(--surface) 88%,transparent);font-family:Georgia,Times New Roman,serif;font-size:68px;font-weight:700;letter-spacing:-.08em;line-height:1}article:first-of-type{--cover:linear-gradient(135deg,oklch(0.25 0.07 250),oklch(0.58 0.14 249))}article:nth-of-type(2){--cover:radial-gradient(circle at 65% 38%,var(--accent) 0 16%,transparent 16.5%),linear-gradient(135deg,oklch(0.44 0.11 42),oklch(0.72 0.12 57))}article:nth-of-type(3){--cover:repeating-linear-gradient(121deg,transparent 0 19px,color-mix(in oklch,var(--surface) 14%,transparent) 20px 22px),linear-gradient(145deg,oklch(0.22 0.05 166),oklch(0.49 0.11 170))}article:hover{box-shadow:0 24px 55px color-mix(in oklch,var(--ink) 13%,transparent);transform:translateY(-6px)}article h3{align-self:end;margin:0;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:600;letter-spacing:-.035em;line-height:1.1}article p{margin:12px 0 22px;color:var(--ink-soft);font-size:14px;line-height:1.55}article button{align-self:end;width:100%;min-height:48px;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,color .16s ease}article button:hover,form{background:var(--ink);color:var(--surface)}form{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(220px,340px) auto;align-items:end;margin-top:92px;border-radius:28px;padding:clamp(32px,5vw,64px);gap:22px;overflow:hidden}form:after{position:absolute;right:-80px;bottom:-130px;width:360px;height:360px;border:70px solid color-mix(in oklch,var(--accent) 35%,transparent);border-radius:50%;content:""}form button,form h2,form input,form label{position:relative;z-index:1}form h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,4vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1}form label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}form input{min-height:52px;border:1px solid color-mix(in oklch,var(--surface) 35%,transparent);border-radius:999px;padding:0 20px;background:color-mix(in oklch,var(--surface) 9%,transparent);color:var(--surface)}form button{min-height:52px;border:0;border-radius:999px;padding:0 28px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}footer{display:flex;align-items:center;width:var(--page);min-height:110px;margin:0 auto;border-top:1px solid var(--line);gap:24px;color:var(--ink-soft);font-size:12px}footer p{margin-right:auto}footer a{text-underline-offset:4px}.storefront-v2{display:grid;grid-template-columns:minmax(245px,.7fr) minmax(520px,2fr) minmax(110px,.35fr)}.storefront-v2:before,.storefront-v2>footer,.storefront-v2>main{grid-column:1/-1}.storefront-v2>header{width:auto;margin-left:max(24px,calc((100vw - 1440px) / 2 + 24px));grid-template-columns:1fr}.storefront-v2>nav{align-self:center}.storefront-v2>.cart-control{align-self:center;justify-self:end;margin-right:max(24px,calc((100vw - 1440px) / 2 + 24px))}@media (max-width:1120px){.site-header{grid-template-columns:1fr minmax(260px,360px) auto}.site-header .site-nav{grid-column:1/-1;grid-row:2;border-top:1px solid var(--line)}.storefront-v1 .site-header{padding:18px 0 0}.storefront-v2{grid-template-columns:245px 1fr 110px}.storefront-v2>nav ul{justify-content:flex-start}}@media (max-width:820px){:root{--page:min(100% - 30px,720px)}.site-header,.storefront-v2{display:flex;flex-wrap:wrap}.site-header{padding:18px 0;gap:14px}.site-header .brand,.storefront-v2>header{margin-right:auto}.site-header .site-nav,.storefront-v2>nav{width:100%;order:2;overflow-x:auto}.storefront-v2>header{order:0}.storefront-v2>.cart-control{order:1}.storefront-v2>main{order:3}.storefront-v2>footer{order:4}.site-header .search-control{width:min(55vw,340px)}.storefront-v2>header{width:auto;min-height:82px;margin-left:15px}.storefront-v2>.cart-control{margin-right:15px}.storefront-v2>nav{padding:0 15px}.site-nav ul{width:max-content;justify-content:flex-start}main{padding-top:74px}main>.hero-eyebrow,main>h1,main>input,main>label,main>p{width:100%}main:after,main:before{display:none}section{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:70px}article:last-of-type{grid-column:1/-1}form{grid-template-columns:1fr}}@media (max-width:560px){.brand-mark{width:42px;height:42px}.brand-name{font-size:20px}.site-header .search-control{width:100%;order:2}.storefront-v1 .cart-control{margin-left:auto}main>h1{font-size:clamp(46px,15vw,64px)}section{grid-template-columns:1fr}article:last-of-type{grid-column:auto}footer{flex-wrap:wrap;padding:28px 0}footer p{width:100%;margin:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important}}.storefront-demo-index{min-height:100vh}.storefront-demo-entry{display:grid;min-height:calc(100vh - 6px);width:min(1120px,calc(100vw - 48px));margin:0 auto;padding:clamp(64px,9vw,120px) 0;align-content:center;gap:42px;overflow:visible}.storefront-demo-entry:after,.storefront-demo-entry:before{display:none}.storefront-demo-entry-copy{max-width:820px}.storefront-demo-entry .hero-eyebrow,.storefront-demo-entry h1,.storefront-demo-entry>p{width:auto}.storefront-demo-entry h1{max-width:940px;margin-bottom:24px}.storefront-demo-entry>p{max-width:760px;font-size:clamp(18px,2vw,23px)}.storefront-demo-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.storefront-demo-route{display:grid;min-height:250px;border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);text-decoration:none;align-content:space-between;transition:transform .16s ease,box-shadow .16s ease}.storefront-demo-route:focus-visible,.storefront-demo-route:hover{transform:translateY(-5px);box-shadow:0 30px 80px color-mix(in oklch,var(--ink) 18%,transparent)}.storefront-demo-route span{width:max-content;border-radius:999px;padding:7px 12px;background:var(--accent);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.storefront-demo-route strong{display:block;margin:28px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,4vw,50px);letter-spacing:-.04em}.storefront-demo-route p{margin:0;color:var(--ink-soft)}.storefront-demo-note{border-left:5px solid var(--accent);padding:4px 0 4px 20px;color:var(--ink-soft)}@media (max-width:720px){.storefront-demo-routes{grid-template-columns:1fr}}