/* Harborlane — Blueprint Workbench · Cutaway / Letterpress Workshop */
:root{
 --hl-field:#F7CFF2; --hl-ink:#11131A; --hl-a:#5EA40E; --hl-b:#1D97C3; --hl-tool:#E45C2A;
 --hl-paper:#FBE1F7; --hl-line:rgba(17,19,26,.58); --hl-faint:rgba(17,19,26,.14);
 --hl-grotesk:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 --hl-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
 --hl-s1:.375rem; --hl-s2:.625rem; --hl-s3:1rem; --hl-s4:1.5rem; --hl-s5:2.25rem; --hl-s6:3.5rem; --hl-s7:5.5rem;
 --hl-rule:1px solid var(--hl-line); --hl-heavy:2px solid var(--hl-ink); --hl-focus:3px solid var(--hl-b);
 --hl-motion:180ms cubic-bezier(.2,.8,.2,1); --hl-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(17,19,26,.1);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--hl-ink);font-family:var(--hl-grotesk);background-color:var(--hl-field);background-image:linear-gradient(rgba(17,19,26,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(17,19,26,.055) 1px,transparent 1px);background-size:32px 32px;line-height:1.56;min-width:320px}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 20% 25%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 65%,rgba(17,19,26,.24) 0 1px,transparent 1.5px);background-size:11px 13px,17px 19px;mix-blend-mode:multiply}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em} a:hover{text-decoration-thickness:2px} img,svg{max-width:100%;height:auto} button,input,textarea,select{font:inherit;color:inherit} button,a,input,textarea,select,summary{outline-offset:4px} :focus-visible{outline:var(--hl-focus)}
.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--hl-ink);color:var(--hl-field);padding:.8rem 1rem;z-index:1000}.skip-link:focus{top:1rem}
.hl-shell{width:min(1480px,calc(100% - 2rem));margin-inline:auto;position:relative}
.hl-titleblock{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(420px,1.5fr) 180px;border:var(--hl-heavy);margin:1rem auto 0;background:rgba(247,207,242,.76);position:relative;z-index:3;box-shadow:var(--hl-shadow)}
.hl-brandbox{padding:1rem 1.1rem;border-right:var(--hl-rule)}.hl-brand{display:block;font-weight:900;font-size:clamp(1.25rem,3vw,3rem);letter-spacing:-.05em;text-decoration:none}.hl-kicker,.hl-dim,.hl-rev{font-family:var(--hl-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.hl-kicker{margin:.25rem 0 0;max-width:35ch}
.hl-cutnav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;clip-path:polygon(0 0,100% 0,100% 100%,28px 100%,0 calc(100% - 28px));background:var(--hl-ink);color:var(--hl-field)}.hl-cutnav a{min-height:48px;display:flex;align-items:center;justify-content:center;padding:.6rem;text-decoration:none;border-right:1px solid rgba(247,207,242,.28);font-family:var(--hl-mono);font-size:.78rem}.hl-cutnav a:hover,.hl-cutnav a[aria-current="page"]{background:var(--hl-b);color:#071016}
.hl-meta{padding:.7rem .8rem;display:grid;align-content:center;gap:.25rem}.hl-cart-link{font-weight:800;text-decoration:none}.hl-cart-count{display:inline-grid;place-items:center;min-width:1.7rem;height:1.7rem;border:1px solid var(--hl-ink);margin-left:.25rem;background:var(--hl-field)}
.hl-main{padding-bottom:var(--hl-s7)}
.hl-master{min-height:720px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.62fr);gap:clamp(1rem,3vw,3rem);padding:clamp(2rem,6vw,6rem) clamp(.4rem,3vw,2rem) 3rem;position:relative}
.hl-master:after{content:"SCALE 1:40  ·  FIELD / 307°";position:absolute;right:1rem;bottom:1rem;font:700 .7rem var(--hl-mono);writing-mode:vertical-rl;letter-spacing:.09em}
.hl-drawing{position:relative;min-height:590px;border-left:2px solid var(--hl-ink);border-bottom:2px solid var(--hl-ink);padding:clamp(1rem,4vw,3.4rem) clamp(1rem,5vw,5rem) 4rem;clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,14% 100%,14% 92%,0 92%)}
.hl-drawing:before,.hl-drawing:after{content:"";position:absolute;background:var(--hl-field);border:1px solid var(--hl-ink)}.hl-drawing:before{right:0;top:16%;width:21%;height:18%;border-right:0}.hl-drawing:after{left:14%;bottom:0;width:27%;height:8%;border-bottom:0}
.hl-overline{font:700 .75rem var(--hl-mono);letter-spacing:.12em;text-transform:uppercase}.hl-wordmark{margin:.15em 0 .2em;font-size:clamp(4.3rem,13vw,12rem);line-height:.78;letter-spacing:-.085em;font-weight:950;position:relative;z-index:1;text-shadow:0 1px 0 rgba(255,255,255,.6),0 -2px 0 rgba(17,19,26,.19),2px 2px 0 rgba(17,19,26,.08)}
.hl-wordmark span{display:inline-block;transform:scaleY(.96);filter:contrast(1.08)}.hl-lead{font-size:clamp(1.2rem,2.2vw,2rem);max-width:37ch;margin:1.2rem 0}.hl-hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.hl-tool-btn,.hl-quiet-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1rem;text-decoration:none;font-weight:850;border:2px solid var(--hl-ink);cursor:pointer}.hl-tool-btn{background:var(--hl-tool);color:#15110f;box-shadow:5px 5px 0 var(--hl-ink)}.hl-tool-btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--hl-ink)}.hl-quiet-btn{background:transparent}
.hl-callout{position:absolute;max-width:240px;padding-left:2.1rem;font-size:.86rem}.hl-callout:before{content:attr(data-n);position:absolute;left:0;top:0;width:1.55rem;height:1.55rem;border:2px solid var(--hl-ink);border-radius:50%;display:grid;place-items:center;font:700 .7rem var(--hl-mono)}.hl-callout:after{content:"";position:absolute;left:.7rem;top:1.8rem;width:1px;height:46px;background:var(--hl-ink)}.hl-callout.c1{right:4%;top:14%}.hl-callout.c2{right:1%;top:53%}.hl-callout.c3{left:3%;bottom:1%}
.hl-toolrail{align-self:start;border:2px dashed var(--hl-ink);padding:1rem;min-height:410px;position:sticky;top:1rem;background:rgba(247,207,242,.44)}.hl-toolrail h2{font:800 .78rem var(--hl-mono);text-transform:uppercase;margin:0 0 1rem}.hl-rail-item{display:grid;grid-template-columns:34px 1fr;gap:.8rem;padding:.75rem 0;border-top:1px solid var(--hl-line)}.hl-rail-item b{font-family:var(--hl-mono)}
.hl-procedure{display:grid;grid-template-columns:150px repeat(4,1fr);border-top:2px solid var(--hl-ink);border-bottom:1px solid var(--hl-ink);margin:0 2vw 5rem}.hl-procedure>*{padding:1rem;border-right:1px solid var(--hl-line)}.hl-procedure strong{font-family:var(--hl-mono);font-size:.75rem;text-transform:uppercase}.hl-step span{display:block;font-size:1.8rem;font-weight:900;line-height:1}
.hl-open-section{display:grid;grid-template-columns:minmax(170px,.42fr) minmax(0,1.58fr);gap:clamp(1rem,5vw,6rem);padding:4rem clamp(.4rem,4vw,4rem);position:relative}.hl-open-section:before{content:"";position:absolute;left:0;right:0;top:0;border-top:1px solid var(--hl-line)}.hl-section-label{font:800 .76rem var(--hl-mono);text-transform:uppercase;letter-spacing:.08em}.hl-section-copy h2{font-size:clamp(2rem,5vw,5.5rem);line-height:.94;letter-spacing:-.055em;margin:0 0 1.2rem;max-width:18ch}.hl-section-copy>p{font-size:1.15rem;max-width:66ch}
.hl-three-callouts{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:2rem;margin-top:3rem}.hl-note{border-top:2px solid var(--hl-ink);padding-top:.9rem}.hl-note:nth-child(2){margin-top:3rem}.hl-note:nth-child(3){margin-top:6rem}.hl-note .n{font:900 1.4rem var(--hl-mono);color:var(--hl-b)}
.hl-mechanism{display:grid;grid-template-columns:1fr 1.25fr;gap:4rem;align-items:start}.hl-exploded{min-height:390px;position:relative;border-left:2px solid var(--hl-ink);border-top:1px solid var(--hl-ink);padding:2rem}.hl-exploded .part{position:absolute;border:2px solid var(--hl-ink);display:grid;place-items:center;font:800 .72rem var(--hl-mono);background:var(--hl-field)}.hl-exploded .p1{width:38%;height:22%;left:8%;top:15%;transform:rotate(-3deg)}.hl-exploded .p2{width:43%;height:25%;right:9%;top:35%;transform:rotate(2deg)}.hl-exploded .p3{width:30%;height:20%;left:24%;bottom:9%;transform:rotate(-1deg)}.hl-exploded .line{position:absolute;height:1px;background:var(--hl-ink);transform-origin:left center}.hl-exploded .l1{width:42%;left:33%;top:34%;transform:rotate(18deg)}.hl-exploded .l2{width:37%;left:42%;top:57%;transform:rotate(145deg)}
.hl-register{width:100%;border-collapse:collapse;margin-top:2rem;font-size:.93rem}.hl-register th,.hl-register td{text-align:left;padding:.8rem .6rem;border-bottom:1px solid var(--hl-line);vertical-align:top}.hl-register th{font:800 .72rem var(--hl-mono);text-transform:uppercase}.hl-register tr:hover td{background:rgba(29,151,195,.08)}
.hl-bom{margin:2rem 0 0;display:grid;gap:0}.hl-product-row{display:grid;grid-template-columns:110px minmax(0,1fr) 130px minmax(240px,.8fr);gap:1.2rem;align-items:center;border-top:1px solid var(--hl-ink);padding:1rem 0}.hl-product-row:last-child{border-bottom:1px solid var(--hl-ink)}.hl-product-figure{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.hl-product-row h3{margin:.1rem 0;font-size:1.2rem}.hl-price{font:900 1rem var(--hl-mono);white-space:nowrap}.hl-product-form{display:grid;grid-template-columns:minmax(74px,.32fr) 1fr;gap:.5rem}.hl-product-form label{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.hl-product-form input,.hl-field input,.hl-field textarea{min-height:46px;border:1px solid var(--hl-ink);background:rgba(255,255,255,.18);padding:.6rem .7rem;border-radius:0}.hl-product-form button{min-height:46px;border:2px solid var(--hl-ink);background:var(--hl-tool);font-weight:900;cursor:pointer}.hl-product-form button:hover{box-shadow:3px 3px 0 var(--hl-ink)}
.hl-caution{border-left:8px solid var(--hl-tool);padding:1rem 1.2rem;margin:2rem 0;font-size:.95rem;background:rgba(228,92,42,.08)}
.hl-faq{max-width:950px}.hl-faq details{border-top:1px solid var(--hl-ink);padding:0}.hl-faq details:last-child{border-bottom:1px solid var(--hl-ink)}.hl-faq summary{cursor:pointer;min-height:56px;display:flex;align-items:center;font-weight:850;padding:.7rem 2.2rem .7rem 0;position:relative}.hl-faq summary:after{content:"+";position:absolute;right:.2rem;font:900 1.3rem var(--hl-mono)}.hl-faq details[open] summary:after{content:"−"}.hl-faq details p{margin:.2rem 0 1.3rem;max-width:70ch}
.hl-pagehead{padding:5rem 2vw 2rem;display:grid;grid-template-columns:.4fr 1.6fr;gap:3rem}.hl-pagehead h1{font-size:clamp(2.5rem,7vw,7rem);line-height:.86;letter-spacing:-.06em;margin:0}.hl-cutedge{border-left:2px solid var(--hl-ink);padding-left:1.2rem;clip-path:polygon(0 0,100% 0,100% 100%,18px 100%,0 calc(100% - 18px))}
.hl-archive{display:grid;grid-template-columns:220px 1fr;gap:3rem;padding:2rem 2vw 5rem}.hl-filters{border-right:1px solid var(--hl-ink);padding-right:1rem;align-self:start;position:sticky;top:1rem}.hl-filter-link{display:block;padding:.6rem 0;font-family:var(--hl-mono)}
.hl-article-sheet{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:4rem;padding:2rem 4vw 5rem}.hl-article-body{max-width:800px}.hl-article-body h2{font-size:clamp(1.5rem,3vw,2.6rem);margin:2.7rem 0 .8rem;display:grid;grid-template-columns:44px 1fr;gap:.6rem}.hl-article-body h2 .num{font:900 .8rem var(--hl-mono);border:2px solid var(--hl-ink);border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.hl-detailrail{border-left:1px solid var(--hl-ink);padding-left:1rem;align-self:start;position:sticky;top:1rem}.hl-source{padding:.9rem 0;border-top:1px solid var(--hl-line)}
.hl-cart-layout,.hl-checkout-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:3rem;padding:2rem 2vw 5rem}.hl-cart-row{display:grid;grid-template-columns:1fr 160px 130px 44px;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid var(--hl-line)}.hl-cart-row:last-child{border-bottom:1px solid var(--hl-line)}.hl-qty{display:grid;grid-template-columns:44px 1fr 44px}.hl-qty button,.hl-remove,.hl-clear{min-width:44px;min-height:44px;border:1px solid var(--hl-ink);background:transparent;cursor:pointer}.hl-qty input{width:100%;min-height:44px;text-align:center;border:1px solid var(--hl-ink);border-left:0;border-right:0;background:rgba(255,255,255,.18)}.hl-summary{border:2px solid var(--hl-ink);padding:1rem;align-self:start;box-shadow:7px 7px 0 rgba(17,19,26,.22)}.hl-summary .total{font:900 1.3rem var(--hl-mono);display:flex;justify-content:space-between;border-top:2px solid var(--hl-ink);padding-top:1rem;margin-top:1rem}.hl-checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hl-field{display:grid;gap:.35rem}.hl-field.full{grid-column:1/-1}.hl-field textarea{min-height:110px;resize:vertical}.hl-field small{min-height:1.2em;color:#6a1e1e}.hl-consent{grid-column:1/-1;display:grid;grid-template-columns:24px 1fr;gap:.7rem;align-items:start}.hl-consent input{width:22px;height:22px}.hl-submit{grid-column:1/-1;justify-self:start}.hl-global-error{grid-column:1/-1;border-left:6px solid #7a1d1d;padding:.8rem;min-height:0}.hl-global-error:empty{display:none}
.hl-policy{max-width:900px;margin:0 auto;padding:2rem 1rem 6rem}.hl-policy h2{margin-top:2.3rem}.hl-policy .facts{font-family:var(--hl-mono);font-size:.9rem;border-top:2px solid var(--hl-ink);border-bottom:1px solid var(--hl-ink);padding:1rem 0}
.hl-footer{width:min(1480px,calc(100% - 2rem));margin:0 auto 1rem;display:grid;grid-template-columns:1.2fr .8fr;border:2px solid var(--hl-ink);background:rgba(247,207,242,.72);clip-path:polygon(0 0,96% 0,100% 22%,100% 100%,0 100%)}.hl-footer-main{padding:1rem;border-right:1px solid var(--hl-ink)}.hl-footer-side{padding:1rem}.hl-footer-links{display:flex;flex-wrap:wrap;gap:.6rem 1rem;font-size:.82rem}.hl-footer p{margin:.4rem 0}.hl-live{position:fixed;right:1rem;bottom:1rem;z-index:100;background:var(--hl-ink);color:var(--hl-field);padding:.75rem 1rem;max-width:320px;transform:translateY(150%);transition:transform var(--hl-motion)}.hl-live.is-visible{transform:translateY(0)}
.hl-empty{padding:3rem 0;border-top:2px solid var(--hl-ink);border-bottom:1px solid var(--hl-ink)}
@container (max-width:700px){.hl-product-row{grid-template-columns:80px 1fr}.hl-product-row>.hl-price,.hl-product-row>.hl-product-form,.hl-product-row>.hl-stock{grid-column:2}}
@media (max-width:980px){.hl-titleblock{grid-template-columns:1fr 150px}.hl-brandbox{border-bottom:var(--hl-rule)}.hl-cutnav{grid-column:1/-1;grid-row:2;order:3}.hl-meta{grid-column:2;grid-row:1}.hl-master{grid-template-columns:1fr;min-height:auto}.hl-toolrail{position:relative;top:auto;min-height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hl-rail-item{display:block}.hl-procedure{grid-template-columns:1fr 1fr;margin-inline:1rem}.hl-procedure>*{border-bottom:1px solid var(--hl-line)}.hl-procedure>*:first-child{grid-column:1/-1}.hl-open-section{grid-template-columns:1fr}.hl-mechanism{grid-template-columns:1fr}.hl-article-sheet,.hl-cart-layout,.hl-checkout-layout{grid-template-columns:1fr}.hl-detailrail{position:relative;top:auto;border-left:0;border-top:2px solid var(--hl-ink);padding:1rem 0 0}.hl-summary{box-shadow:none}.hl-archive{grid-template-columns:1fr}.hl-filters{position:relative;top:auto;border-right:0;border-bottom:1px solid var(--hl-ink);display:flex;gap:1rem;overflow:auto;padding-bottom:.6rem}.hl-pagehead{grid-template-columns:1fr}.hl-footer{grid-template-columns:1fr}.hl-footer-main{border-right:0;border-bottom:1px solid var(--hl-ink)}}
@media (max-width:650px){.hl-shell,.hl-titleblock,.hl-footer{width:calc(100% - 1rem)}.hl-titleblock{grid-template-columns:1fr}.hl-meta{grid-column:1;grid-row:2;border-top:1px solid var(--hl-line)}.hl-cutnav{grid-row:3;grid-template-columns:1fr 1fr;clip-path:polygon(0 0,100% 0,100% 100%,14px 100%,0 calc(100% - 14px))}.hl-master{padding:2rem 0 2rem}.hl-drawing{min-height:610px;padding:2rem .8rem 5rem;clip-path:polygon(0 0,95% 0,100% 5%,100% 100%,10% 100%,10% 96%,0 96%)}.hl-wordmark{font-size:clamp(3.5rem,20vw,6.2rem)}.hl-callout{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:2rem 0;max-width:none}.hl-drawing:before,.hl-drawing:after{display:none}.hl-toolrail{grid-template-columns:1fr}.hl-procedure{grid-template-columns:1fr}.hl-three-callouts{grid-template-columns:1fr}.hl-note:nth-child(n){margin-top:0}.hl-open-section{padding:3rem .2rem}.hl-exploded{min-height:320px}.hl-product-row{grid-template-columns:76px 1fr;gap:.8rem}.hl-product-row>.hl-price,.hl-product-row>.hl-product-form{grid-column:2}.hl-product-form{grid-template-columns:75px 1fr}.hl-cart-row{grid-template-columns:1fr 44px}.hl-cart-row .hl-qty,.hl-cart-row .hl-line-total{grid-column:1}.hl-checkout-form{grid-template-columns:1fr}.hl-field,.hl-field.full,.hl-consent,.hl-submit,.hl-global-error{grid-column:1}.hl-article-sheet{padding-inline:.5rem}.hl-pagehead{padding-inline:.5rem}.hl-footer{clip-path:none}.hl-footer-links{display:grid;grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hl-tool-btn:hover{transform:none}}
.hl-bom{container-type:inline-size}
.hl-exploded .p3{border-color:var(--hl-a);box-shadow:-6px 6px 0 rgba(94,164,14,.2)}
.hl-filters a[aria-current="page"]{font-weight:900;text-decoration-thickness:3px}
a[aria-disabled="true"]{opacity:.55;cursor:not-allowed}