/* Work hub: scoped to the existing fixed content window. */
.work-landing{position:relative;isolation:isolate;box-sizing:border-box;min-height:100%;padding:40px 54px 46px;color:var(--ink,#090909);overflow:clip;--work-ease:cubic-bezier(.2,.8,.2,1)}
.work-landing:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:25% -8% -15% 45%;background:radial-gradient(ellipse at 65% 70%,#ffbe462e,transparent 66%);animation:work-glow 12s ease-in-out infinite alternate;animation-play-state:paused}
.work-landing.work-running:before{animation-play-state:running}
.work-utility{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px}
.work-landing .work-landing-title{display:flex;align-items:baseline;gap:.18em;white-space:nowrap;margin:52px 0 0;font:400 clamp(32px,5.75cqi,76px)/1.04 Anton,Impact,'Arial Narrow',sans-serif;letter-spacing:.002em;overflow-wrap:normal}
.work-landing-title .accent{color:var(--hero-red,#ff432e)}
.work-hub-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;margin-top:46px}
.work-hub-heading{margin:0 0 22px;font:800 29px/1.2 Inter,Arial,sans-serif;letter-spacing:-.02em}
.work-hub-heading:after{content:'';display:block;width:48px;height:5px;margin-top:10px;border-radius:5px;background:var(--hero-red,#ff432e)}
.work-card-list{display:grid;gap:18px;margin:0;width:100%}
.work-category-entry{min-width:0}
.work-landing .work-category-card{display:grid;grid-template-columns:108px minmax(0,1fr) 32px;align-items:center;min-height:128px;padding:22px 24px;box-sizing:border-box;border:1px solid #6960520c;border-radius:23px;background:#fffefbc2;box-shadow:0 12px 30px #392b160b,inset 0 1px 0 #ffffffdb;color:#090909;text-decoration:none;transition:transform 280ms var(--work-ease),background-color 280ms,box-shadow 280ms}
.work-logo-slot{display:grid;place-items:center;width:84px;height:84px;background:transparent}
.work-logo-slot img{display:block;object-fit:contain;width:72px;height:72px}
.work-category-copy{min-width:0;border-left:1px solid #5b54492e;padding-left:30px;padding-right:12px}
.work-landing .work-card-title{margin:0 0 5px;font:800 27px/1.15 Inter,Arial,sans-serif;letter-spacing:-.025em}
.work-landing .work-card-description{margin:0;font:400 17px/1.4 Inter,Arial,sans-serif;color:#65778a;letter-spacing:0;overflow-wrap:normal}
.work-card-arrow,.thinking-arrow{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;justify-self:end;transition:transform 280ms var(--work-ease),color 280ms}
.work-thinking{min-width:0;border-left:1px solid #5a504723;padding-left:36px}
.trust-model{display:grid;grid-template-rows:70px 44px 130px 80px 70px;justify-items:center;padding-top:2px}
.trust-root,.thinking-cta{display:flex;align-items:center;justify-content:center;gap:18px;color:#090909;text-decoration:none;box-sizing:border-box;background:#fffdf8b3;border-radius:999px;transition:transform 280ms var(--work-ease),box-shadow 280ms,border-color 280ms}
.trust-root{width:min(100%,240px);height:70px;border:1.5px solid #ff432e;color:#ff432e;font:800 20px/1.2 Inter,Arial,sans-serif;box-shadow:0 8px 26px #ff432e0b}
.trust-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%;height:130px}
.trust-branch{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-width:0;padding:16px 10px;border:1px solid #ffffffd9;border-radius:23px;background:#fffefbbf;box-shadow:0 10px 28px #392b1608;color:#090909;text-decoration:none;transition:transform 280ms var(--work-ease),box-shadow 280ms}
.trust-branch-top{display:flex;align-items:center;gap:12px}
.trust-icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:50%;background:#ffe5dc;transition:background-color 280ms}
.trust-icon svg{width:28px;height:28px;fill:none;stroke:#ff432e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.trust-branch strong{font:800 19px/1.2 Inter,Arial,sans-serif;letter-spacing:-.035em;white-space:nowrap}
.trust-branch small{font:400 14px/1.4 Inter,Arial,sans-serif;color:#65778a;text-align:center;white-space:nowrap}
.trust-connectors{width:100%;height:100%;overflow:visible;fill:none;stroke:#9d9c99;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.thinking-cta{width:min(100%,350px);height:70px;border:1px solid #ffbf66;font:800 17px/1.2 Inter,Arial,sans-serif;box-shadow:0 10px 32px #ffc54d1c}
.thinking-arrow{width:25px;height:25px}
@media(hover:hover){
 .work-category-entry:hover .work-category-card{transform:translateX(7px);background:#fff7ecf0;box-shadow:0 16px 36px #392b1611}
 .work-category-entry:hover .work-card-arrow{transform:translateX(4px);color:#ff432e}
 .trust-root:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ff432e18}
 .trust-branch:hover{transform:translateY(-4px);box-shadow:0 16px 30px #392b1612}
 .trust-branch:hover .trust-icon{background:#ffdbcc}
 .thinking-cta:hover{transform:translateX(4px);border-color:#ffa52e;box-shadow:0 12px 32px #ffc54d33}
 .thinking-cta:hover .thinking-arrow{transform:translateX(3px)}
}
.work-landing a:focus-visible,.methodology-tabs button:focus-visible{outline:2px solid #ff432e;outline-offset:4px}
@keyframes work-glow{from{opacity:.7;transform:translate(-8px,6px)}to{opacity:1;transform:translate(8px,-6px)}}
.methodology-page,.design-collection{min-height:100%;box-sizing:border-box;padding:40px 54px 46px;position:relative}
.methodology-page .work-utility,.design-collection .work-utility{margin-bottom:40px}
.work-subtitle{font:400 clamp(42px,6cqi,76px)/1.12 Anton,Impact,sans-serif;margin:0 0 24px;letter-spacing:.01em}
.methodology-tabs{display:flex;gap:12px;margin:24px 0}
.methodology-tabs button{border:1px solid #dcd5ca;border-radius:999px;padding:13px 22px;background:#fffdf7;color:#111;font:700 17px/1.2 Inter,Arial,sans-serif;cursor:pointer}
.methodology-tabs button[aria-selected=true]{border-color:#ff432e;color:#ff432e;background:#ffebe3}
.methodology-chain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;counter-reset:steps}
.methodology-chain li{padding:24px;border-radius:22px;background:#fffefbc2;border:1px solid #ffffffd9;counter-increment:steps}
.methodology-chain li:before{content:'0' counter(steps);display:block;margin-bottom:16px;color:#ff432e;font:800 15px/1 Inter,Arial,sans-serif}
.methodology-chain h3{margin:0 0 10px;font:800 22px/1.2 Inter,Arial,sans-serif}
.methodology-chain p,.design-collection p{margin:0;font:400 17px/1.6 Inter,Arial,sans-serif;color:#65778a}
.design-empty{padding:32px;border-radius:23px;border:1px solid #ffffffd9;background:#fffefba8;margin-top:26px;display:flex;align-items:center;gap:24px}
.design-empty img{width:76px;height:76px;object-fit:contain}
.methodology-anchor{position:absolute;top:0}
@container section-window (max-width:1100px){
 .work-landing,.methodology-page,.design-collection{padding:32px 32px 36px}
 .work-landing .work-landing-title{margin-top:40px;font-size:5.65cqi}
 .work-hub-grid{gap:24px;margin-top:34px;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
 .work-thinking{padding-left:24px}.work-hub-heading{font-size:24px}
 .work-landing .work-category-card{grid-template-columns:78px minmax(0,1fr) 25px;padding:18px 16px;min-height:128px}
 .work-logo-slot{width:62px;height:62px}.work-logo-slot img{width:56px;height:56px}.work-category-copy{padding-left:18px;padding-right:8px}
 .work-landing .work-card-title{font-size:23px}.work-landing .work-card-description{font-size:15px}.work-card-arrow{width:27px;height:27px}
 .trust-branches{gap:12px}.trust-branch-top{flex-direction:column;gap:7px}.trust-icon{width:40px;height:40px}.trust-icon svg{width:24px;height:24px}.trust-branch strong{font-size:16px}.trust-branch small{font-size:11px}
 .trust-root{height:64px;font-size:18px}.thinking-cta{font-size:14px;height:64px;gap:10px}
}
@media(min-width:900px) and (max-height:800px){
 .work-landing{padding-top:28px}.work-landing .work-landing-title{margin-top:30px}
 .work-hub-grid{margin-top:30px}.work-hub-heading{margin-bottom:18px}
 .work-card-list{gap:14px}.work-landing .work-category-card{min-height:112px;padding-block:14px}
 .trust-model{grid-template-rows:60px 34px 112px 60px 60px}.trust-branches{height:112px}.trust-root,.thinking-cta{height:60px}
}
@container section-window (max-width:800px){
 .work-hub-grid{grid-template-columns:minmax(0,1fr);gap:34px}
 .work-thinking{padding:30px 0 0;border-left:0;border-top:1px solid #5a504723}
 .work-landing .work-landing-title{white-space:normal;display:block;font-size:8cqi;line-height:1.15;max-width:650px}
 .work-landing-title .accent{margin-left:.18em;white-space:nowrap}
 .trust-model{max-width:550px;margin:auto;grid-template-rows:64px 42px 130px 74px 64px}.trust-branches{height:130px}
 .trust-branch-top{flex-direction:row}.trust-branch strong{font-size:18px}.trust-branch small{font-size:13px}
}
@container section-window (max-width:480px){
 .work-landing,.methodology-page,.design-collection{padding:26px 20px 30px}
 .work-utility{align-items:flex-start;gap:12px;flex-wrap:wrap}
 .work-utility .hero-category{font-size:11px;gap:10px}.work-utility .hero-category .asterisk{width:30px;height:30px;flex-basis:30px}.work-utility .hero-category .asterisk i{left:12px;width:6px;height:30px}
 .work-utility .hero-portfolio{height:38px;padding-inline:13px;font-size:9px;gap:7px}.work-utility .hero-portfolio svg{width:16px;height:16px}
 .work-landing .work-landing-title{margin-top:28px;font-size:9.2cqi}.work-hub-heading{font-size:21px}
 .work-landing .work-category-card{grid-template-columns:61px minmax(0,1fr) 22px;padding:16px 12px;border-radius:18px}
 .work-logo-slot{width:49px;height:49px}.work-logo-slot img{width:44px;height:44px}.work-category-copy{padding-left:12px}
 .work-landing .work-card-title{font-size:21px}.work-landing .work-card-description{font-size:13px;line-height:1.45}.work-card-arrow{width:23px;height:23px}
 .trust-branches{gap:12px}.trust-branch-top{flex-direction:column}.trust-branch strong{font-size:16px}.trust-branch small{font-size:11px}.thinking-cta{font-size:14px}
 .methodology-chain{grid-template-columns:minmax(0,1fr)}.methodology-chain li{padding:22px}.methodology-tabs button{font-size:14px;padding:12px 16px}.design-empty{padding:24px;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
 .work-landing:before{animation:none!important}.work-landing a,.work-card-arrow,.thinking-arrow,.trust-icon{transition:none!important}
 .work-category-entry:hover .work-category-card,.work-category-entry:hover .work-card-arrow,.trust-root:hover,.trust-branch:hover,.thinking-cta:hover,.thinking-cta:hover .thinking-arrow{transform:none}
}

/* Preserve the existing sample archives as separate Work slides. */
.work-detail-page{min-height:100%;box-sizing:border-box;padding:40px 54px 46px}
.work-detail-utility{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}
.work-return{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #08080845;border-radius:999px;font:600 13px/1.3 Inter,Arial,sans-serif}
.work-detail-page .category{height:auto;min-height:0;padding:0;background:transparent}
.work-detail-page .category-head,.work-detail-page .rednote-head{padding:0;gap:20px;flex-wrap:wrap}
.work-detail-page .vibe-sticky{display:block;height:auto;padding:0;position:relative;top:auto;overflow:visible}
.work-detail-page .vibe-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0;width:auto;transform:none}
.work-detail-page .project{width:100%;min-width:0}.work-detail-page .project-media{height:auto;min-height:0;aspect-ratio:4/3}
.work-detail-page .project-copy{grid-template-columns:32px minmax(0,1fr);gap:12px}.work-detail-page .project-copy p,.work-detail-page .project-status{grid-column:2}
.work-detail-page .reveal,.work-detail-page .note-reveal{opacity:1;translate:0;transform:none}

@container section-window (max-width:850px){.work-detail-page{padding:30px}.work-detail-page .vibe-track{grid-template-columns:minmax(0,1fr)}}