@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--orange:#f45e1b;--black:#181817;--paper:#f6f6f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--black);font-family:Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:7px}.header{height:96px;padding:0 5.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8d8d2}.wordmark{font:900 italic 36px 'Barlow Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:-1.6px}.wordmark span{color:var(--orange)}.wordmark i{font:12px Arial;vertical-align:top;margin-left:5px}.header nav{display:flex;align-items:center;gap:40px;font-size:15px;font-weight:600}.nav-cta{color:var(--orange)}.nav-cta:hover{filter:brightness(.85)}.hero{padding:46px 5.5% 40px;overflow:hidden}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;margin:0}.hero .eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{width:20px;height:4px;background:var(--orange)}.art{padding:60px 0 46px;max-width:1450px;margin:auto}.art img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-bottom>p{font-size:20px;line-height:1.5;margin:0}.hero-bottom strong{font-weight:600}.button{display:flex;align-items:center;justify-content:space-between;gap:48px;background:var(--orange);padding:19px 25px;font-size:16px;font-weight:700;transition:transform .18s,background .18s}.button:hover{background:#dc4e10;transform:translateY(-2px)}.button span{font-size:24px;line-height:1}.hero-action p{font-size:13px;text-align:center;margin:12px 0 0;color:#62625c}.hero-index{font-size:12px;font-weight:600;letter-spacing:1.3px;align-self:flex-end;padding-bottom:6px}.ticker{background:var(--black);color:var(--paper);display:flex;justify-content:space-around;align-items:center;padding:23px 3%;gap:20px;font:800 32px 'Barlow Condensed',Arial,sans-serif;letter-spacing:1px}.ticker b{color:var(--orange);font-size:31px;font-weight:400}.section{padding:90px 7%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:-1px;line-height:.95}h1{font-size:clamp(42px,5vw,70px);margin:20px 0 0}.section-heading>p{max-width:340px;font-size:17px;line-height:1.65;margin:0;color:#62625c}.parts-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px}.feature{border:1px solid #d0d0c7;padding:36px;position:relative;background:#eeeeea}.number{font-size:13px;color:#66665e;position:absolute;right:30px;top:34px}.tag{font-size:12px;letter-spacing:2px;font-weight:700;color:#cf4a12;margin-bottom:24px}.feature h2{font-size:52px;margin-bottom:24px}.feature>p:not(.tag){font-size:17px;line-height:1.65;max-width:430px;color:#55554e}.text-link{font-size:15px;font-weight:700;display:flex;justify-content:space-between;border-bottom:1px solid #b8b8ae;padding:16px 0;gap:20px}.text-link span{color:var(--orange);font-size:23px}.part-label{font-size:12px;font-weight:600;letter-spacing:1.1px;margin-top:26px}.principles{display:flex;flex-direction:column;justify-content:center}.principles article{display:flex;gap:25px;padding:27px 0;border-bottom:1px solid #d3d3ca}.principles article:first-child{padding-top:0}.principles article>span{font:700 22px 'Barlow Condensed',Arial;color:#cf4a12}.principles h3{font-size:23px;margin:0 0 10px;letter-spacing:-.5px}.principles p{font-size:16px;line-height:1.6;color:#62625c;max-width:350px;margin:0}.story{background:var(--black);color:#f6f6f3;display:grid;grid-template-columns:1.2fr 1fr;gap:75px}.story .eyebrow{color:#b5b5aa}.story h2{font-size:clamp(40px,4.5vw,66px);margin:28px 0 0}.story h2 span{color:var(--orange)}.story-copy{padding-top:42px}.story-copy p{font-size:18px;line-height:1.7;color:#c5c5bb;max-width:460px}.signature{font-size:12px;letter-spacing:1.8px;color:var(--orange);font-weight:700;display:block;margin-top:30px}.build{background:var(--orange)}.build h2{font-size:clamp(48px,6vw,86px);margin:24px 0 35px;max-width:820px}.build-bottom{display:flex;justify-content:space-between;gap:40px;align-items:end}.build-bottom p{font-size:18px;line-height:1.6;margin:0}.dark{background:var(--black);color:white}.dark:hover{background:#343430}footer{padding:38px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:14px;margin:0;color:#62625c}footer small{font-size:12px;color:#62625c}@media(min-width:1700px){.hero{padding-left:max(5.5%,calc((100vw - 1450px)/2));padding-right:max(5.5%,calc((100vw - 1450px)/2))}}@media(max-width:800px){.header{height:80px}.header nav{gap:22px}.nav-cta{display:block}.hero{padding-top:28px}.art{padding:40px 0}.hero-index{display:none}.hero-bottom>p{font-size:17px}.button{gap:26px;padding:16px 20px}.section{padding:65px 6%}.section-heading{display:block}.section-heading>p{margin-top:22px;max-width:500px}.parts-grid{grid-template-columns:1fr;gap:40px}.story{grid-template-columns:1fr;gap:0}.story-copy{padding-top:30px}.ticker{font-size:23px;padding:20px 3%;gap:14px}.ticker b{font-size:22px}.ticker span:last-of-type,.ticker b:last-child{display:none}.build-bottom{align-items:start;flex-direction:column;gap:25px}footer{flex-wrap:wrap}footer p{order:3;width:100%}}@media(max-width:450px){.wordmark{font-size:31px}.header nav{gap:17px;font-size:14px}.hero .eyebrow{font-size:11px;letter-spacing:1.3px}.art{padding:36px 0}.hero-bottom{align-items:start;flex-direction:column;gap:24px}.hero-action{width:100%}.hero-action .button{width:100%}.hero-action p{text-align:left}.hero-bottom>p{font-size:19px}.feature{padding:27px}.feature h2{font-size:44px}.part-label{font-size:11px}.ticker{font-size:21px}.ticker b{font-size:18px}.section{padding:52px 6%}.story h2{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.footer-logo{display:block;width:240px;max-width:45%}.footer-logo img{display:block;width:100%;height:auto}@media(max-width:450px){.footer-logo{width:180px;max-width:60%}}

/* Approved crawler image includes its own left fade; blend white into the paper. */
.parts{position:relative;isolation:isolate;overflow:hidden}.parts-scenery{position:absolute;z-index:-1;right:0;top:0;width:58%;height:auto;aspect-ratio:1916/821;pointer-events:none;background:var(--paper);mask-image:linear-gradient(to bottom,#000 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 75%,transparent 100%)}.parts-scenery img{display:block;width:100%;height:100%;object-fit:contain;object-position:right top;mix-blend-mode:multiply}.parts .section-heading{display:block;position:relative;margin-bottom:55px}.parts .section-heading>div{position:relative;width:70%}.parts .section-heading>p{position:relative;max-width:640px;margin-top:30px;line-height:1.65}.parts-grid{position:relative}@media(max-width:800px){.parts-scenery{width:64%;opacity:.65}.parts .section-heading>div{width:100%}.parts .section-heading>p{max-width:560px;margin-top:25px}}@media(max-width:450px){.parts-scenery{width:80%;opacity:.4}.parts .section-heading{margin-bottom:35px}}

.header-logo{display:block;width:160px;flex-shrink:0}.header-logo img{display:block;width:100%;height:auto}@media(max-width:450px){.header-logo{width:120px}}

/* Portal weight hangers: email-only signup in an on-page dialog. */
.waitlist-trigger{width:100%;border:0;border-bottom:1px solid #b8b8ae;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer}.waitlist-trigger:focus-visible,.waitlist-close:focus-visible{outline:3px solid var(--orange);outline-offset:4px}#waitlist-dialog{border:1px solid #d0d0c7;background:var(--paper);color:var(--black);width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:40px}#waitlist-dialog::backdrop{background:rgb(24 24 23 / .7)}.waitlist-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:30px;color:inherit;cursor:pointer;padding:4px 10px}#waitlist-dialog .eyebrow{font-size:11px;margin:12px 0 20px}#waitlist-dialog h2{font-size:42px;margin-bottom:20px}#waitlist-description{font-size:17px;line-height:1.6}#waitlist-form label{display:block;font-size:14px;font-weight:700;margin-bottom:10px}.notify-row{display:flex;gap:10px}.notify-row input{min-width:0;flex:1;border:1px solid var(--black);border-radius:0;background:white;color:var(--black);padding:16px;font:inherit;font-size:16px}.notify-row input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.notify-row button{border:0;border-radius:0;font-family:inherit;cursor:pointer;white-space:nowrap;gap:20px}.notify-row :disabled{opacity:.6;cursor:not-allowed}.notify-row button:disabled:hover{background:var(--black);transform:none}.launch-note{font-size:13px;line-height:1.5;margin:14px 0}.notify-status{font-size:14px;line-height:1.5;font-weight:600;margin-bottom:0}@media(max-width:450px){#waitlist-dialog{padding:30px 24px}#waitlist-dialog h2{font-size:36px}.notify-row{flex-direction:column}.notify-row button{width:100%}}

/* Personal introduction beneath the main CRWLIT artwork. */
.hero-intro{max-width:760px;min-width:0}.hero-intro h2{font-size:clamp(36px,4vw,58px);margin:0 0 24px}.hero-intro p{font-size:18px;line-height:1.65;margin:0 0 16px;max-width:700px}.hero-intro p:last-child{margin-bottom:0}.hero-action{flex-shrink:0}.hero-action button{border:0;border-radius:0;color:var(--black);font-family:inherit;cursor:pointer}.hero-action button:focus-visible{outline:3px solid var(--black);outline-offset:5px}@media(max-width:1000px){.hero-bottom{align-items:flex-start;flex-direction:column;gap:28px}.hero-intro{max-width:760px}}@media(max-width:450px){.hero-intro p{font-size:17px}.hero-intro h2{font-size:36px}.hero-action button{width:100%}}
.hero-action button{font-size:14px;padding:13px 18px;gap:24px}.hero-action button span{font-size:20px}@media(max-width:450px){.hero-action button{width:auto}}

.hero-action .button{width:auto}.build .button{font-size:14px;padding:13px 18px;gap:24px}.build .button span{font-size:20px}

/* Only the final phrase in the slogan bar is a navigation link. */
.ticker .ticker-parts{color:var(--orange);text-decoration:none;white-space:nowrap}.ticker-parts:hover{filter:brightness(1.2)}.ticker-parts:focus-visible{outline:3px solid var(--orange);outline-offset:6px}@media(max-width:800px){.ticker{flex-wrap:wrap;justify-content:center;gap:14px 22px}.ticker span:last-of-type,.ticker b:last-child{display:block}}@media(max-width:450px){.ticker{gap:14px 18px}.ticker .ticker-parts{width:100%;text-align:center}}
@media(max-width:450px){.ticker{font-size:18px;gap:14px 12px}.ticker b{display:none}.ticker .ticker-parts{font-size:21px}}

/* The header scrolls with the page; product links land with 24px of breathing room. */
html:has(#portal-weight-hangers:target){scroll-padding-top:24px}#portal-weight-hangers{scroll-margin-top:0}

/* Keep all three text links visible on phones without crowding the logo. */
@media(max-width:600px){.header{height:auto;min-height:80px;flex-wrap:wrap;gap:16px;padding-top:18px;padding-bottom:18px}.header nav{width:100%;justify-content:space-between;gap:12px;font-size:13px}}

/* One-field part suggestions, separate from the hanger waitlist. */
.suggest-trigger{background:transparent;color:var(--orange);font:700 16px Barlow,Arial,sans-serif;border:0;padding:8px 0;cursor:pointer}.suggest-trigger:hover{filter:brightness(1.2)}.suggest-trigger:focus-visible,.suggestion-close:focus-visible{outline:3px solid var(--orange);outline-offset:5px}#suggestion-dialog{border:1px solid #d0d0c7;background:var(--paper);color:var(--black);width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:40px}#suggestion-dialog::backdrop{background:rgb(24 24 23 / .7)}.suggestion-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:30px;color:inherit;cursor:pointer;padding:4px 10px}#suggestion-dialog h2{font-size:42px;margin:12px 0 24px}#suggestion-form label{display:block;font-size:16px;font-weight:600;margin-bottom:10px}#suggestion-form textarea{display:block;width:100%;resize:vertical;border:1px solid var(--black);border-radius:0;background:white;color:var(--black);padding:13px;font:16px Barlow,Arial,sans-serif;margin-bottom:18px}#suggestion-form textarea:focus-visible{outline:3px solid var(--orange);outline-offset:3px}#suggestion-form button{font-family:inherit;border:0;border-radius:0;cursor:pointer;padding:13px 18px}#suggestion-form :disabled{opacity:.6;cursor:not-allowed}#suggestion-form button:disabled:hover{background:var(--black);transform:none}@media(max-width:450px){#suggestion-dialog{padding:30px 24px}#suggestion-dialog h2{font-size:36px}}

#suggestion-thanks{font-size:30px;margin:12px 0 20px}#suggestion-confirmation p{font-size:17px;line-height:1.6}.suggestion-confirm-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.suggestion-confirm-actions .button{font-family:inherit;font-size:14px;border:0;border-radius:0;padding:13px 18px;cursor:pointer}

.build .workshop-suggest{color:var(--paper);font-family:inherit;border:0;border-radius:0;cursor:pointer}.build .workshop-suggest:focus-visible{outline:3px solid var(--black);outline-offset:5px}