.demo--harbour-lane-goods{--ground:#f5f1ea;--paper:#fbf9f5;--ink:#1f2321;--muted:#5d625f;--teal:#2e4a4c;--teal-deep:#1f3536;--clay:#9a5a3a;--line:#1f232124;--line-soft:#1f232112;background:var(--ground);color:var(--ink);font-family:Manrope,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}.demo--harbour-lane-goods h1,.demo--harbour-lane-goods h2,.demo--harbour-lane-goods h3{color:var(--ink);text-wrap:balance;margin:0;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-weight:400}.demo--harbour-lane-goods h1{letter-spacing:-.015em;margin:.4rem 0 1rem;font-size:clamp(38px,5.2vw,72px);line-height:1.02}.demo--harbour-lane-goods h2{letter-spacing:-.01em;font-size:clamp(30px,3.4vw,46px);line-height:1.06}.demo--harbour-lane-goods p{margin:0 0 1rem}.demo--harbour-lane-goods img{max-width:100%;height:auto;display:block}.demo--harbour-lane-goods section[id]{scroll-margin-top:96px}.demo--harbour-lane-goods a{color:inherit}.demo--harbour-lane-goods a:focus-visible,.demo--harbour-lane-goods button:focus-visible,.demo--harbour-lane-goods select:focus-visible,.demo--harbour-lane-goods input:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.demo--harbour-lane-goods .hl-container{width:min(1240px,100% - 48px);margin-inline:auto}.demo--harbour-lane-goods .hl-narrow{max-width:640px}.demo--harbour-lane-goods .hl-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo--harbour-lane-goods .hl-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem;font-weight:600}.demo--harbour-lane-goods .hl-lede{color:var(--muted);max-width:46ch;font-size:1.08rem}.demo--harbour-lane-goods .hl-fine{color:var(--muted);font-size:.85rem}.demo--harbour-lane-goods .hl-loading{color:var(--muted);padding:48px 0}.demo--harbour-lane-goods .hl-btn{background:var(--teal);color:#fff;min-height:48px;font:inherit;cursor:pointer;appearance:none;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0 26px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.demo--harbour-lane-goods .hl-btn:disabled{opacity:.45;cursor:not-allowed}.demo--harbour-lane-goods .hl-btn--wide{width:100%}.demo--harbour-lane-goods .hl-btn--quiet{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.demo--harbour-lane-goods .hl-btn--light{background:var(--paper);color:var(--teal-deep)}.demo--harbour-lane-goods .hl-linkish{font:inherit;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem;text-decoration:underline}.demo--harbour-lane-goods .hl-header{z-index:20;border-bottom:1px solid var(--line-soft);background:#f5f1eaf0;position:sticky;top:0}.demo--harbour-lane-goods .hl-announce{background:var(--teal-deep);color:#e9efee;text-align:center;margin:0;padding:7px 16px;font-size:.8rem}.demo--harbour-lane-goods .hl-header-in{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.demo--harbour-lane-goods .hl-wordmark{white-space:nowrap;margin:0;font-family:Instrument Serif,Georgia,serif;font-size:1.6rem;line-height:1;text-decoration:none}.demo--harbour-lane-goods .hl-wordmark span{letter-spacing:.22em;text-transform:uppercase;vertical-align:middle;color:var(--muted);margin-left:4px;font-family:Manrope,system-ui,sans-serif;font-size:.62rem;font-weight:600}.demo--harbour-lane-goods .hl-nav{align-items:center;gap:26px;font-size:.92rem;display:flex}.demo--harbour-lane-goods .hl-nav a{padding:10px 0;text-decoration:none}.demo--harbour-lane-goods .hl-bag-link{align-items:center;gap:6px;font-weight:600;display:inline-flex}.demo--harbour-lane-goods .hl-bag-count{background:var(--teal);color:#fff;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;display:inline-grid}.demo--harbour-lane-goods .hl-hero{padding:40px 0 56px}.demo--harbour-lane-goods .hl-hero-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px;display:grid}.demo--harbour-lane-goods .hl-hero-media img{aspect-ratio:4/3;object-fit:cover;object-position:50% 60%;width:100%}.demo--harbour-lane-goods .hl-section{padding:64px 0}.demo--harbour-lane-goods .hl-collection{padding-top:24px}.demo--harbour-lane-goods .hl-collection-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.demo--harbour-lane-goods .hl-sort{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.demo--harbour-lane-goods .hl-sort select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:2px;min-height:40px;padding:0 10px}.demo--harbour-lane-goods .hl-chips{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.demo--harbour-lane-goods .hl-chip{border:1px solid var(--line);min-height:38px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:19px;padding:0 16px;font-size:.88rem}.demo--harbour-lane-goods .hl-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.demo--harbour-lane-goods .hl-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px;margin:0 0 20px;padding:0;list-style:none;display:grid}.demo--harbour-lane-goods .hl-card-link{text-decoration:none;display:block}.demo--harbour-lane-goods .hl-card-media{aspect-ratio:4/5;background:#ebe5da;margin-bottom:14px;position:relative;overflow:hidden}.demo--harbour-lane-goods .hl-card-media img,.demo--harbour-lane-goods .hl-card-media .hl-photo-empty{object-fit:cover;width:100%;height:100%}.demo--harbour-lane-goods .hl-photo-empty{background:#ebe5da}.demo--harbour-lane-goods .hl-card-title{margin-bottom:4px;font-family:Manrope,system-ui,sans-serif;font-size:.98rem;font-weight:600;line-height:1.35}.demo--harbour-lane-goods .hl-price{font-size:.95rem}.demo--harbour-lane-goods .hl-price-was{color:var(--muted);margin-left:8px;font-size:.88em}.demo--harbour-lane-goods .hl-flag{background:var(--paper);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;font-size:.72rem;font-weight:600;position:absolute;top:10px;left:10px}.demo--harbour-lane-goods .hl-flag--sale{background:var(--clay);color:#fff}.demo--harbour-lane-goods .hl-card--ghost .hl-card-media{background:#ece6dc}.demo--harbour-lane-goods .hl-card--ghost span{background:#ece6dc;width:70%;height:12px;margin:8px 0;display:block}.demo--harbour-lane-goods .hl-card--ghost span+span{width:30%}.demo--harbour-lane-goods .hl-empty,.demo--harbour-lane-goods .hl-problem{color:var(--muted);padding:32px 0}.demo--harbour-lane-goods .hl-backstage{color:#e7ecea;background:#1b2324;border-radius:4px;margin:8px 0 28px;padding:40px clamp(20px,4vw,56px);position:relative}.demo--harbour-lane-goods .hl-backstage h2{color:#fff;max-width:22ch;margin-bottom:.8rem}.demo--harbour-lane-goods .hl-backstage p{color:#cfd8d6;max-width:62ch}.demo--harbour-lane-goods .hl-backstage strong{color:#fff}.demo--harbour-lane-goods .hl-backstage-tag{letter-spacing:.16em;text-transform:uppercase;border:1px solid #ffffff59;margin-bottom:14px;padding:3px 9px;font-size:.7rem;font-weight:700;display:inline-block}.demo--harbour-lane-goods .hl-steps{counter-reset:hl-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1000px;margin:24px 0 28px;padding:0;list-style:none;display:grid}.demo--harbour-lane-goods .hl-steps li{counter-increment:hl-step;color:#cfd8d6;font-size:.95rem}.demo--harbour-lane-goods .hl-steps li:before{content:counter(hl-step);color:#9fc0bd;margin-bottom:8px;font-family:Instrument Serif,Georgia,serif;font-size:2.6rem;line-height:1;display:block}.demo--harbour-lane-goods .hl-backstage-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.demo--harbour-lane-goods .hl-backstage-link{color:#e7ecea;text-underline-offset:3px;font-size:.92rem}.demo--harbour-lane-goods .hl-backstage a:focus-visible{outline-color:#9fc0bd}.demo--harbour-lane-goods .hl-studio-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.demo--harbour-lane-goods .hl-studio h2{margin:.4rem 0 1.1rem}.demo--harbour-lane-goods .hl-studio p{max-width:52ch}.demo--harbour-lane-goods .hl-delivery{border-top:1px solid var(--line)}.demo--harbour-lane-goods .hl-terms{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin:28px 0 0;display:grid}.demo--harbour-lane-goods .hl-terms div{border-bottom:1px solid var(--line-soft);padding:18px 0}.demo--harbour-lane-goods .hl-terms dt{margin-bottom:4px;font-weight:600}.demo--harbour-lane-goods .hl-terms dd{color:var(--muted);margin:0}.demo--harbour-lane-goods .hl-page{min-height:60vh;padding:28px 0 80px}.demo--harbour-lane-goods .hl-page>h1{font-size:clamp(34px,4vw,54px)}.demo--harbour-lane-goods .hl-back{color:var(--muted);text-underline-offset:3px;margin-bottom:18px;font-size:.9rem;display:inline-block}.demo--harbour-lane-goods .hl-product-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:56px;display:grid}.demo--harbour-lane-goods .hl-gallery-main{aspect-ratio:1;background:#ebe5da;overflow:hidden}.demo--harbour-lane-goods .hl-gallery-main img,.demo--harbour-lane-goods .hl-gallery-main .hl-photo-empty{object-fit:cover;width:100%;height:100%}.demo--harbour-lane-goods .hl-thumbs{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.demo--harbour-lane-goods .hl-thumb{cursor:pointer;background:#ebe5da;border:1px solid #0000;width:72px;height:72px;padding:0;overflow:hidden}.demo--harbour-lane-goods .hl-thumb img{object-fit:cover;width:100%;height:100%}.demo--harbour-lane-goods .hl-thumb[aria-pressed=true]{border-color:var(--ink)}.demo--harbour-lane-goods .hl-buy{position:sticky;top:120px}.demo--harbour-lane-goods .hl-buy h1{font-size:clamp(34px,3.6vw,52px)}.demo--harbour-lane-goods .hl-buy-price{margin-bottom:16px;font-size:1.25rem}.demo--harbour-lane-goods .hl-option{border:0;margin:0 0 20px;padding:0}.demo--harbour-lane-goods .hl-option legend{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding:0;font-size:.78rem;font-weight:700}.demo--harbour-lane-goods .hl-option legend span{letter-spacing:0;text-transform:none;color:var(--ink);margin-left:10px;font-weight:500}.demo--harbour-lane-goods .hl-option-values{flex-wrap:wrap;gap:8px;display:flex}.demo--harbour-lane-goods .hl-value{border:1px solid var(--line);background:var(--paper);min-width:52px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:2px;padding:0 16px;font-size:.92rem}.demo--harbour-lane-goods .hl-value[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.demo--harbour-lane-goods .hl-value.is-out{color:var(--muted);text-decoration:line-through}.demo--harbour-lane-goods .hl-buy-row{gap:12px;margin:24px 0 12px;display:flex}.demo--harbour-lane-goods .hl-qty{border:1px solid var(--line);background:var(--paper);flex:none;align-items:center;display:inline-flex}.demo--harbour-lane-goods .hl-qty button{width:44px;height:46px;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:1.2rem}.demo--harbour-lane-goods .hl-qty button:disabled{color:var(--line);cursor:default}.demo--harbour-lane-goods .hl-qty output{text-align:center;min-width:28px;font-weight:600}.demo--harbour-lane-goods .hl-qty--small button{width:38px;height:38px}.demo--harbour-lane-goods .hl-added{background:#e5ece9;padding:12px 14px;font-size:.92rem}.demo--harbour-lane-goods .hl-added a{text-underline-offset:3px;font-weight:600}.demo--harbour-lane-goods .hl-note{color:var(--muted);font-size:.92rem}.demo--harbour-lane-goods .hl-problem-inline{color:#8a2f1d;margin:8px 0;font-size:.9rem}.demo--harbour-lane-goods .hl-description{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.demo--harbour-lane-goods .hl-specs{margin:20px 0 0;font-size:.92rem}.demo--harbour-lane-goods .hl-specs div{border-bottom:1px solid var(--line-soft);grid-template-columns:130px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.demo--harbour-lane-goods .hl-specs dt{color:var(--muted)}.demo--harbour-lane-goods .hl-specs dd{margin:0}.demo--harbour-lane-goods .hl-bag-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:56px;margin-top:20px;display:grid}.demo--harbour-lane-goods .hl-lines{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.demo--harbour-lane-goods .hl-line{border-bottom:1px solid var(--line);grid-template-columns:96px minmax(0,1fr) auto;gap:18px;padding:20px 0;display:grid}.demo--harbour-lane-goods .hl-line-media{background:#ebe5da;width:96px;height:120px;display:block;overflow:hidden}.demo--harbour-lane-goods .hl-line-media img,.demo--harbour-lane-goods .hl-line-media .hl-photo-empty{object-fit:cover;width:100%;height:100%}.demo--harbour-lane-goods .hl-line-title{font-weight:600;text-decoration:none}.demo--harbour-lane-goods .hl-line-opts,.demo--harbour-lane-goods .hl-line-unit{color:var(--muted);margin:2px 0 0;font-size:.88rem}.demo--harbour-lane-goods .hl-line-row{align-items:center;gap:18px;margin-top:12px;display:flex}.demo--harbour-lane-goods .hl-line-total{margin:0;font-weight:600}.demo--harbour-lane-goods .hl-summary{background:var(--paper);border:1px solid var(--line-soft);padding:24px;position:sticky;top:120px}.demo--harbour-lane-goods .hl-totals{margin:0 0 18px}.demo--harbour-lane-goods .hl-totals div{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.demo--harbour-lane-goods .hl-totals dd{margin:0}.demo--harbour-lane-goods .hl-total{border-top:1px solid var(--line);margin-top:6px;font-size:1.1rem;font-weight:700;padding-top:12px!important}.demo--harbour-lane-goods .hl-gst{color:var(--muted);font-size:.85rem}.demo--harbour-lane-goods .hl-discount{margin:0 0 14px;font-size:.9rem}.demo--harbour-lane-goods .hl-discount label{color:var(--muted);margin-bottom:6px;display:block}.demo--harbour-lane-goods .hl-discount div{gap:8px;display:flex}.demo--harbour-lane-goods .hl-discount input,.demo--harbour-lane-goods .hl-fieldset input{border:1px solid var(--line);min-width:0;min-height:44px;font:inherit;color:var(--ink);background:#fff;border-radius:2px;flex:1;padding:0 12px}.demo--harbour-lane-goods .hl-discount-on{font-size:.9rem}.demo--harbour-lane-goods .hl-hint{color:var(--muted);border:1px dashed var(--line);padding:10px 12px;font-size:.82rem}.demo--harbour-lane-goods .hl-fieldset{border:0;margin:0 0 28px;padding:0}.demo--harbour-lane-goods .hl-fieldset legend{margin-bottom:12px;padding:0;font-family:Instrument Serif,Georgia,serif;font-size:1.6rem}.demo--harbour-lane-goods .hl-fieldset label{color:var(--muted);gap:6px;margin-bottom:12px;font-size:.85rem;display:grid}.demo--harbour-lane-goods .hl-fieldset:disabled input{color:var(--muted);background:#f1ede6}.demo--harbour-lane-goods .hl-two{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;display:grid}.demo--harbour-lane-goods .hl-fieldset .hl-radio{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;font-size:.95rem;display:grid}.demo--harbour-lane-goods .hl-radio small{color:var(--muted);font-size:.82rem;display:block}.demo--harbour-lane-goods .hl-radio:has(input:checked){border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}.demo--harbour-lane-goods .hl-radio input{accent-color:var(--teal);width:18px;height:18px}.demo--harbour-lane-goods .hl-mini-lines{border-bottom:1px solid var(--line);margin:0 0 16px;padding:0 0 12px;font-size:.92rem;list-style:none}.demo--harbour-lane-goods .hl-mini-lines li{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.demo--harbour-lane-goods .hl-mini-lines small{color:var(--muted);font-size:.82rem;display:block}.demo--harbour-lane-goods .hl-mini-lines--order{border-top:1px solid var(--line);padding-top:12px;font-size:1rem}.demo--harbour-lane-goods .hl-timeline{color:var(--muted);margin:0 0 18px;padding-left:18px;font-size:.88rem}.demo--harbour-lane-goods .hl-page .hl-backstage h2{font-size:clamp(26px,2.6vw,34px)}.demo--harbour-lane-goods .hl-footer{background:var(--paper);border-top:1px solid var(--line);padding:48px 0 40px;font-size:.92rem}.demo--harbour-lane-goods .hl-footer-in{gap:10px;display:grid}.demo--harbour-lane-goods .hl-wordmark--footer{font-size:1.4rem}.demo--harbour-lane-goods .hl-footer-nav{flex-wrap:wrap;gap:8px 24px;margin:8px 0;display:flex}.demo--harbour-lane-goods .hl-footer-nav a{text-underline-offset:3px}@media (prefers-reduced-motion:no-preference){.demo--harbour-lane-goods.is-reveal-ready [data-reveal]{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.demo--harbour-lane-goods.is-reveal-ready [data-reveal].is-visible{opacity:1;transform:none}.demo--harbour-lane-goods .hl-card-media img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.demo--harbour-lane-goods .hl-card-link:hover .hl-card-media img{transform:scale(1.035)}}@media (width<=900px){.demo--harbour-lane-goods .hl-hero{padding:20px 0 40px}.demo--harbour-lane-goods .hl-hero-in{grid-template-columns:minmax(0,1fr);gap:24px}.demo--harbour-lane-goods .hl-hero-media{order:-1}.demo--harbour-lane-goods .hl-hero-media img{aspect-ratio:16/10}.demo--harbour-lane-goods .hl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px}.demo--harbour-lane-goods .hl-steps{grid-template-columns:minmax(0,1fr);gap:18px}.demo--harbour-lane-goods .hl-studio-in,.demo--harbour-lane-goods .hl-product-grid,.demo--harbour-lane-goods .hl-bag-grid{grid-template-columns:minmax(0,1fr);gap:28px}.demo--harbour-lane-goods .hl-buy,.demo--harbour-lane-goods .hl-summary{position:static}.demo--harbour-lane-goods .hl-terms{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.demo--harbour-lane-goods .hl-container{width:calc(100% - 32px)}.demo--harbour-lane-goods .hl-nav{gap:16px;font-size:.88rem}.demo--harbour-lane-goods .hl-nav a:not(.hl-bag-link):not([href=\#shop]){display:none}.demo--harbour-lane-goods .hl-wordmark{font-size:1.35rem}.demo--harbour-lane-goods .hl-wordmark span{display:none}.demo--harbour-lane-goods .hl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.demo--harbour-lane-goods .hl-section{padding:48px 0}.demo--harbour-lane-goods .hl-line{grid-template-columns:72px minmax(0,1fr)}.demo--harbour-lane-goods .hl-line-media{width:72px;height:90px}.demo--harbour-lane-goods .hl-line-total{grid-column:2}.demo--harbour-lane-goods .hl-buy-row{flex-direction:column}.demo--harbour-lane-goods .hl-qty{align-self:flex-start}.demo--harbour-lane-goods .hl-summary{padding:18px}}