.threshold-page { display:block !important; pointer-events:auto !important; height:auto !important; min-height:0 !important; color:#f7f8fa; background:#0b2033; font-family:wf_717bd931499847df8ef165f33,sans-serif; }
.threshold-page * { box-sizing:border-box; }
.threshold-page h1,.threshold-page h2 { margin:0; font-family:wf_db88ef0b45fa46279b7afeb6b,sans-serif; font-weight:400; text-wrap:balance; }
.threshold-page p { margin:0; }
.threshold-shell { width:calc(100% - clamp(48px,11vw,192px)); max-width:1280px; margin-inline:auto; }
.threshold-hero { position:relative; height:clamp(420px,44vw,680px); overflow:hidden; background:#071725; }
.threshold-hero > .threshold-art { height:100%; }
.threshold-hero > .threshold-art img { width:100%; height:100%; object-fit:cover; object-position:center 44%; }
.threshold-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(7,23,37,.82)); pointer-events:none; }
.threshold-hero-title { position:absolute; z-index:1; left:clamp(24px,5.5vw,96px); right:24px; bottom:clamp(28px,4.5vw,64px); pointer-events:none; }
.threshold-hero h1 { max-width:17ch; font-size:clamp(44px,5.5vw,84px); line-height:1.09; }
.threshold-page h2 { font-size:clamp(30px,3vw,46px); line-height:1.22; }
.threshold-heading { position:relative; top:auto !important; margin-bottom:28px; }
.threshold-intro { padding-block:64px 24px; }
.threshold-copy { min-width:0; font-size:clamp(18px,1.4vw,21px); line-height:1.6; font-weight:400; }
.threshold-copy p+p { margin-top:1.1em; }
.threshold-deck { max-width:75ch; color:#c2ccd7; }
.threshold-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,4vw,64px); align-items:center; }
.threshold-founder { margin-top:44px; }
.threshold-art { display:block; width:100%; min-width:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; cursor:zoom-in; }
.threshold-art img { display:block; width:100%; height:auto; object-fit:contain; }
.threshold-art:focus-visible { outline:3px solid #ffce00; outline-offset:6px; }
.threshold-hero > .threshold-art:focus-visible { outline-offset:-6px; }
.threshold-chapter { padding-block:48px; }
.threshold-gap { margin-top:32px; }
.threshold-marks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.threshold-stationery { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); align-items:center; gap:clamp(32px,5vw,80px); }
.threshold-small-mark { width:min(100%,230px); margin-inline:auto; }
.threshold-digital { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:clamp(36px,5vw,80px); align-items:start; }
.threshold-webpage { max-width:340px; margin-inline:auto; }
.threshold-web-story { display:grid; min-width:0; gap:32px; }
.threshold-film { width:100%; min-width:0; aspect-ratio:16/9; background:#071725; }
.threshold-film .local-video { display:block; width:100%; height:auto; min-height:0; aspect-ratio:16/9; border:0; }
.threshold-signage { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); align-items:center; gap:clamp(32px,5vw,80px); }
.threshold-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:28px; }
.threshold-merch { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; gap:24px; }
.threshold-apparel { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:center; gap:clamp(32px,5vw,80px); }
.threshold-apparel > .threshold-art:last-child { max-width:440px; margin-inline:auto; }
.threshold-campaign { max-width:1080px; margin-inline:auto; }
.threshold-touchpoints { padding-bottom:64px; }
@media(max-width:900px) {
 .threshold-intro { padding-block:40px 16px; }
 .threshold-heading { margin-bottom:24px; }
 .threshold-chapter { padding-block:36px; }
 .threshold-split { grid-template-columns:minmax(0,1fr); gap:28px; }
 .threshold-founder { margin-top:32px; }
 .threshold-brand-story > .threshold-art { grid-row:1; }
 .threshold-digital { grid-template-columns:minmax(0,.7fr) minmax(0,1fr); gap:28px; }
 .threshold-web-story { gap:24px; }
 .threshold-webpage { max-width:260px; }
 .threshold-marks,.threshold-merch { gap:16px; }
 .threshold-pair { gap:20px; }
 .threshold-signage,.threshold-stationery,.threshold-apparel { gap:28px; }
 .threshold-touchpoints { padding-bottom:44px; }
}
@media(max-width:600px) {
 .threshold-hero { height:420px; }
 .threshold-hero > .threshold-art img { object-position:48% center; }
 .threshold-hero h1 { font-size:44px; line-height:1.08; }
 .threshold-hero-title { bottom:28px; }
 .threshold-copy { font-size:18px; }
 .threshold-digital,.threshold-signage,.threshold-pair,.threshold-apparel { grid-template-columns:minmax(0,1fr); gap:24px; }
 .threshold-web-story { grid-row:1; }
 .threshold-webpage { max-width:280px; }
 .threshold-signage > .threshold-art:last-child { max-width:280px; margin-inline:auto; }
 .threshold-marks { grid-template-columns:minmax(0,1fr); gap:20px; max-width:280px; margin-inline:auto; }
 .threshold-stationery { grid-template-columns:minmax(0,1fr); gap:24px; }
 .threshold-small-mark { max-width:160px; }
 .threshold-merch { grid-template-columns:minmax(0,1fr); gap:24px; }
 .threshold-merch > .threshold-art { max-width:360px; margin-inline:auto; }
 .threshold-gap { margin-top:24px; }
}
