@font-face{font-family:Archivo Narrow Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/archivo-narrow-vietnamese-wght-normal.0m7g243y75x5d.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Narrow Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/archivo-narrow-latin-ext-wght-normal.0yw3b7t-0d.1m.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Narrow Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/archivo-narrow-latin-wght-normal.13q7chepx830h.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.0njn0k24e9yoi.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.0rcuf0.1.yh_r.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.06-9dg6i6j3-0.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.0k9zl1k-01kin.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.0tobx9jzz29xd.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.102o-0.xi~5bx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.055ydel_y7o6i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.grid{display:grid}.resize{resize:both}}:root{--paper:#f2dfc2;--paper-light:#faebcf;--ink:#22201e;--purple:#5b4aa7;--mustard:#d99b2b;--blue:#3e66b7;--red:#c95b3e;--muted-ink:#22201ead;--paper-rule:#22201e57;--light-rule:#faebcf6b;--gutter:clamp(22px, 4vw, 68px);--font-display:"Archivo Narrow Variable", Impact, "Arial Narrow", sans-serif;--font-body:"Inter Variable", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;overflow-x:hidden}body:before{z-index:100;content:"";pointer-events:none;opacity:.2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{max-width:100%;display:block}::selection{background:var(--purple);color:var(--paper-light)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus-ring:focus-visible,.mode-card:focus-visible{outline:3px solid var(--active);outline-offset:4px}.field-guide{--active:var(--purple);--active-ink:var(--paper-light);background:var(--paper);min-width:0}.field-guide[data-mode=product]{--active:var(--mustard);--active-ink:var(--ink)}.field-guide[data-mode=problem]{--active:var(--blue)}.field-guide[data-mode=offDuty]{--active:var(--red)}.field-guide section{scroll-margin-top:0}.field-header{z-index:20;min-height:72px;padding:0 var(--gutter);border-bottom:1.5px solid var(--ink);grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr) auto;align-items:center;display:grid;position:relative}.field-brand{letter-spacing:-.02em;align-items:center;gap:12px;width:fit-content;min-height:44px;font-size:.9rem;font-weight:760;display:inline-flex}.field-brand-mark{width:34px;height:40px;color:var(--paper-light);background:var(--ink);font-family:var(--font-display);letter-spacing:-.08em;justify-content:center;align-items:center;font-size:1.7rem;font-weight:850;line-height:1;display:inline-flex}.field-nav{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;justify-content:center;align-items:center;gap:clamp(9px,1.1vw,17px);font-size:clamp(.66rem,.72vw,.78rem);font-weight:720;display:flex}.field-nav-link{align-items:center;gap:5px;min-height:44px;display:inline-flex;position:relative}.field-nav-link>span{color:var(--active);letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.54rem;font-weight:820}.field-nav-link:after{content:"";background:var(--active);transform-origin:100%;height:3px;transition:transform .16s;position:absolute;bottom:7px;left:0;right:0;transform:scaleX(0)}.field-nav-link[aria-current=location]:after{transform-origin:0;transform:scaleX(1)}.field-location{white-space:nowrap;justify-content:flex-end;align-items:center;gap:12px;min-width:0;padding-right:26px;font-size:.78rem;font-weight:620;display:flex}.field-location-mark{border:1.5px solid var(--active);border-radius:50%;flex:0 0 15px;width:15px;height:15px;position:relative}.field-location-mark:before,.field-location-mark:after{content:"";background:var(--active);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.field-location-mark:before{width:23px;height:1.5px}.field-location-mark:after{width:1.5px;height:23px}.field-locale{border-left:1px solid var(--paper-rule);align-items:center;gap:6px;min-height:38px;padding-left:25px;font-size:.78rem;font-weight:750;display:flex}.field-locale button{cursor:pointer;opacity:.38;background:0 0;border:0;min-width:31px;min-height:44px;padding:0}.field-locale button[aria-current=true]{text-decoration:underline;-webkit-text-decoration-color:var(--active);-webkit-text-decoration-color:var(--active);-webkit-text-decoration-color:var(--active);text-decoration-color:var(--active);text-underline-offset:5px;opacity:1;text-decoration-thickness:3px}.field-menu-button,.field-mobile-menu{display:none}.character-hero{background:var(--paper);grid-template-rows:72px minmax(0,1fr) 58px;min-height:max(790px,100svh);display:grid;position:relative;overflow:hidden}.character-stage{z-index:1;width:min(100%,1440px);padding:clamp(16px, 2.4vh, 28px) var(--gutter) 18px;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,1.6vh,18px);margin:0 auto;display:grid;position:relative}.character-title-wrap{z-index:2;text-align:center;width:100%;position:relative}.character-title-wrap>p{text-transform:uppercase;letter-spacing:.14em;margin:0 0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.66rem,.72vw,.78rem);font-weight:700;line-height:1.1}.character-title-wrap h1{font-family:var(--font-display);letter-spacing:-.065em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:clamp(6.6rem,10.6vw,10rem);font-weight:850;line-height:.78}.mode-grid{z-index:3;grid-template-columns:repeat(4,minmax(0,1fr));align-self:center;gap:clamp(13px,1.5vw,22px);width:min(100%,1220px);margin:0 auto;padding:6px 4px 13px;display:grid;position:relative}.mode-card{border:2px solid var(--ink);background:var(--paper-light);aspect-ratio:4/5;cursor:pointer;border-radius:1px;grid-template-rows:minmax(0,1fr) 52px;width:100%;min-width:0;padding:0;transition:transform .17s,border-color .17s,box-shadow .17s;animation:.46s cubic-bezier(.22,1,.36,1) both card-settle;display:grid;position:relative;overflow:hidden;transform:translate(0);box-shadow:5px 6px #22201e2e}.mode-card:nth-child(2){animation-delay:70ms}.mode-card:nth-child(3){animation-delay:.14s}.mode-card:nth-child(4){animation-delay:.21s}.mode-card[aria-checked=true]{z-index:4;border-color:var(--active);box-shadow:9px 10px 0 var(--active);transform:translate(-3px,-6px)rotate(-.35deg)}.mode-art{border-bottom:2px solid var(--ink);background:var(--paper);min-height:0;position:relative;overflow:hidden}.mode-art img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .24s}.mode-card>strong{min-width:0;font-family:var(--font-display);text-align:left;text-transform:uppercase;letter-spacing:-.035em;align-items:center;padding:4px 48px 4px 15px;font-size:clamp(1rem,1.45vw,1.36rem);font-weight:850;line-height:.94;display:flex}.mode-purple>strong{color:var(--paper-light);background:var(--purple)}.mode-mustard>strong{background:var(--mustard)}.mode-blue>strong{color:var(--paper-light);background:var(--blue)}.mode-red>strong{color:var(--paper-light);background:var(--red)}.mode-number{z-index:2;border:1.5px solid var(--ink);background:var(--paper-light);justify-content:center;align-items:center;min-width:35px;height:27px;padding:0 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px}.mode-select-mark{z-index:2;font-size:1rem;font-weight:900;line-height:1;position:absolute;bottom:15px;right:13px}.mode-response{z-index:2;border-top:1.5px solid var(--ink);grid-template-columns:minmax(260px,1.25fr) minmax(260px,1fr) auto;align-items:center;gap:22px;width:min(100%,1220px);min-height:76px;margin:0 auto;padding-top:13px;display:grid;position:relative}.mode-response-copy{min-width:0}.mode-response-copy>span{color:var(--muted-ink);text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;font-weight:750;display:block}.mode-response-copy p{letter-spacing:-.03em;max-width:510px;margin:0;font-size:clamp(.96rem,1.15vw,1.12rem);font-weight:740;line-height:1.25}.mode-response ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mode-response li{border:1px solid var(--ink);background:#faebcf85;padding:5px 8px;font-size:.66rem;font-weight:680;line-height:1}.field-cta{border:1.5px solid var(--ink);min-width:196px;min-height:48px;color:var(--active-ink);background:var(--active);box-shadow:4px 4px 0 var(--ink);justify-content:space-between;align-items:center;gap:22px;padding:0 16px;font-size:.76rem;font-weight:780;line-height:1.1;transition:transform .15s,box-shadow .15s;display:inline-flex}.mode-tagline{text-transform:uppercase;letter-spacing:.08em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.61rem;font-weight:700;position:absolute;top:-23px;right:0}.field-teaser{z-index:5;min-height:58px;padding:0 var(--gutter);color:var(--paper-light);background:var(--ink);text-transform:uppercase;letter-spacing:.1em;grid-template-columns:auto minmax(20px,1fr) auto minmax(20px,1fr) auto;align-items:center;gap:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-style:normal;font-weight:760;display:grid;position:relative}.field-teaser i{background:var(--light-rule);height:1px}.field-teaser strong{color:var(--active);font-size:.74rem}.pencil-cross,.pencil-burst{z-index:0;color:var(--active);pointer-events:none;opacity:.68;position:absolute}.pencil-cross{width:35px;height:35px}.pencil-cross:before,.pencil-cross:after{content:"";background:currentColor;width:44px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.pencil-cross:after{transform:translate(-50%,-50%)rotate(-45deg)}.cross-one{top:11%;left:3.5%;transform:rotate(8deg)}.cross-two{bottom:16%;right:4%;transform:scale(.72)rotate(-7deg)}.pencil-burst{border:3px solid;border-radius:50%;width:62px;height:62px}.pencil-burst:before,.pencil-burst:after{content:"";background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pencil-burst:before{width:88px;height:2px}.pencil-burst:after{width:2px;height:88px}.burst-one{top:27%;right:1.8%;transform:rotate(12deg)scale(.7)}.burst-two{color:var(--ink);bottom:7%;left:1.2%;transform:rotate(-8deg)scale(.43)}.field-rule{text-transform:uppercase;letter-spacing:.1em;border-top:1.5px solid;border-bottom:1px solid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;padding:11px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.65rem;font-weight:720;display:grid}.field-rule span:nth-child(2){text-align:center}.field-rule span:last-child{text-align:right}.field-rule-light{border-color:var(--light-rule)}.case-section{padding:40px var(--gutter) 92px;background:var(--paper-light);position:relative}.case-intro{grid-template-columns:minmax(220px,.85fr) minmax(0,2fr);align-items:end;gap:clamp(40px,8vw,130px);margin:42px 0 56px;display:grid}.case-intro>p{max-width:430px;color:var(--muted-ink);margin:0;font-size:.93rem;line-height:1.55}.case-intro h2,.profile-heading h2,.method-heading h2,.tools-intro h2,.field-contact-main h2{font-family:var(--font-display);letter-spacing:-.055em;text-transform:uppercase;margin:0;font-weight:850;line-height:.84}.case-intro h2{max-width:880px;font-size:clamp(4rem,7.4vw,7.25rem)}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.case-file{border:1.5px solid var(--ink);background:var(--paper);grid-template-columns:minmax(150px,.52fr) minmax(0,1.48fr);min-height:408px;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:5px 6px #22201e29}.case-file[id],.off-duty-card[id]{scroll-margin-top:24px}.case-file.is-mode-match{border-color:var(--active);box-shadow:8px 9px 0 var(--active);transform:translate(-2px,-3px)}.case-portrait{border-right:1.5px solid var(--ink);background:var(--paper-light);min-width:0;position:relative;overflow:hidden}.case-portrait img{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:transform .22s}.case-portrait>span{border-top:1.5px solid var(--ink);min-height:42px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.03em;align-items:center;padding:7px 11px;font-size:1.08rem;font-weight:850;line-height:.9;display:flex;position:absolute;bottom:0;left:0;right:0}.case-portrait-purple>span{color:var(--paper-light);background:var(--purple)}.case-portrait-mustard>span{background:var(--mustard)}.case-portrait-blue>span{color:var(--paper-light);background:var(--blue)}.case-portrait-red>span{color:var(--paper-light);background:var(--red)}.case-body{grid-template-rows:auto 1fr auto;grid-template-columns:64px minmax(0,1fr);gap:27px 20px;min-width:0;padding:clamp(24px,2.6vw,38px);display:grid;position:relative}.case-number{font-family:var(--font-display);letter-spacing:-.06em;grid-row:1/3;font-size:clamp(3.8rem,5.2vw,5.5rem);font-weight:850;line-height:.8}.case-heading p,.profile-heading>p,.method-heading>p,.tools-intro>p,.field-contact-main>p,.off-duty-card>p{text-transform:uppercase;letter-spacing:.1em;margin:0 0 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:750}.case-heading h3{font-family:var(--font-display);letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:850;line-height:.92}.case-description{max-width:540px;margin:0;font-size:.94rem;line-height:1.5}.case-tags{flex-wrap:wrap;grid-column:2;gap:7px;margin:0;padding:0;list-style:none;display:flex}.case-tags li{border:1px solid var(--ink);padding:6px 9px;font-size:.66rem;font-weight:720}.case-stamp{color:var(--red);letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;font-weight:850;position:absolute;bottom:14px;right:17px;transform:rotate(-8deg)}.profile-section{padding:52px var(--gutter) 96px;color:var(--paper-light);background:var(--ink);transition:box-shadow .18s;position:relative}.profile-section.is-mode-match{box-shadow:inset 10px 0 0 var(--active)}.profile-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:56px clamp(42px,8vw,130px);margin-top:52px;display:grid}.profile-heading h2{max-width:850px;font-size:clamp(4.6rem,8.3vw,8rem)}.profile-copy{align-self:end}.profile-copy p{max-width:560px;margin:0;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.55}.profile-copy p+p{margin-top:18px}.profile-principles{border-top:1px solid var(--light-rule);margin:0;padding:0;list-style:none}.profile-principles li{border-bottom:1px solid var(--light-rule);grid-template-columns:54px 1fr;align-items:center;gap:18px;min-height:66px;display:grid}.profile-principles span{color:var(--mustard);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.67rem}.profile-principles strong{font-size:.92rem}.off-duty-card{border:1.5px solid var(--paper-light);color:var(--ink);background:var(--red);box-shadow:7px 8px 0 var(--paper-light);align-self:stretch;padding:28px;position:relative;overflow:hidden;transform:rotate(1.2deg)}.off-duty-portrait{border-bottom:1.5px solid var(--ink);background:var(--paper-light);height:205px;margin:-28px -28px 25px;position:relative;overflow:hidden}.off-duty-portrait img{object-fit:cover;object-position:center 28%;width:100%;height:100%}.off-duty-portrait span{border:1px solid var(--ink);background:var(--paper-light);text-transform:uppercase;letter-spacing:.07em;padding:6px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;font-weight:820;position:absolute;bottom:11px;right:12px}.off-duty-card h3{max-width:390px;font-family:var(--font-display);letter-spacing:-.045em;text-transform:uppercase;margin:0 0 20px;font-size:clamp(2.3rem,4vw,4rem);font-weight:850;line-height:.88}.off-duty-card>span{max-width:430px;font-size:.92rem;line-height:1.48;display:block}.dnd-character{border:1.5px solid var(--ink);color:var(--ink);background:var(--paper-light);box-shadow:4px 5px 0 var(--ink);margin-top:24px;padding:15px 16px 16px;transform:rotate(-.55deg)}.dnd-character>div{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.58rem;font-weight:800;display:flex}.dnd-character b{border:1px solid var(--ink);width:28px;height:24px;color:var(--paper-light);background:var(--red);justify-content:center;align-items:center;font-size:.58rem;display:inline-flex}.dnd-character>strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.035em;margin-bottom:3px;font-size:1.65rem;font-weight:850;line-height:.92;display:block}.dnd-character>small{color:var(--red);text-transform:uppercase;letter-spacing:.04em;font-size:.62rem;font-weight:780;display:block}.dnd-character>p{margin:11px 0 0;font-size:.72rem;line-height:1.45}.off-duty-card ul{flex-wrap:wrap;gap:7px;margin:30px 0 0;padding:0;list-style:none;display:flex}.off-duty-card li{border:1px solid var(--ink);background:var(--paper-light);padding:6px 9px;font-size:.68rem;font-weight:760}.method-section{padding:52px var(--gutter) 92px;background:var(--paper);transition:box-shadow .18s;position:relative}.method-section.is-mode-match{box-shadow:inset 10px 0 0 var(--active)}.method-heading{grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);align-items:start;gap:40px;margin:48px 0 56px;display:grid}.method-heading h2{max-width:950px;font-size:clamp(4.5rem,8vw,8rem)}.method-grid{border-top:1.5px solid var(--ink);border-left:1.5px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.method-grid li{border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);min-height:282px;padding:25px;position:relative}.method-step-top{justify-content:space-between;align-items:flex-start;gap:18px;min-height:62px;margin-bottom:36px;display:flex}.method-step-number{color:var(--active);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:800}.method-step-portrait{border:1.5px solid var(--ink);background:var(--paper-light);width:58px;height:58px;box-shadow:3px 3px 0 var(--active);flex:0 0 58px;overflow:hidden;transform:rotate(2.5deg)}.method-grid li:nth-child(2n) .method-step-portrait{transform:rotate(-2.5deg)}.method-step-portrait img{object-fit:cover;object-position:center 25%;width:100%;height:100%}.method-grid h3{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;margin:0 0 16px;font-size:clamp(1.75rem,2.5vw,2.65rem);font-weight:850;line-height:.92}.method-grid p{color:var(--muted-ink);margin:0;font-size:.86rem;line-height:1.5}.tools-section{padding:52px var(--gutter) 96px;color:var(--paper-light);background:var(--purple);position:relative}.tools-intro{grid-template-columns:minmax(120px,.32fr) minmax(0,1.2fr) minmax(220px,.48fr) 155px;align-items:end;gap:28px;margin:48px 0 58px;display:grid}.tools-intro h2{max-width:800px;font-size:clamp(4rem,7.2vw,7rem)}.tools-intro>span{font-size:.9rem;line-height:1.55}.tools-portrait{border:1.5px solid var(--paper-light);background:var(--paper-light);min-height:182px;box-shadow:5px 6px 0 var(--ink);align-self:stretch;position:relative;overflow:hidden;transform:rotate(1.8deg)}.tools-portrait img{object-fit:cover;object-position:center 25%;width:100%;height:100%}.tools-portrait strong{color:var(--paper-light);background:var(--purple);text-transform:uppercase;letter-spacing:.06em;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.59rem;position:absolute;bottom:8px;left:8px;right:8px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tools-grid article{border:1.5px solid var(--paper-light);min-height:220px;color:var(--ink);background:var(--paper-light);box-shadow:6px 7px 0 var(--ink);grid-template-columns:minmax(170px,.6fr) minmax(0,1fr);gap:28px;padding:28px;display:grid}.tools-grid article>div>span{color:var(--purple);margin-bottom:36px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.67rem;font-weight:800;display:block}.tools-grid h3{font-family:var(--font-display);letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:2.6rem;font-weight:850;line-height:.9}.tools-grid ul{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.tools-grid li{border-bottom:1px solid #22201e47;padding:9px 0;font-size:.78rem;font-weight:670}.field-contact{padding:58px var(--gutter) 24px;color:var(--paper-light);background:var(--red);position:relative}.field-contact>.field-rule{margin-bottom:48px}.field-contact-main{grid-template-columns:minmax(160px,.45fr) minmax(0,1.4fr) minmax(260px,.55fr);align-items:end;gap:42px;display:grid}.field-contact-main h2{max-width:850px;font-size:clamp(3.9rem,6.6vw,8rem)}.field-contact-main h2>span{white-space:nowrap;display:block}.field-contact-main>span{font-size:.92rem;line-height:1.52}.contact-cast{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.8vw,24px);margin-top:56px;display:grid}.contact-cast figure{border:1.5px solid var(--ink);background:var(--paper-light);height:220px;box-shadow:5px 6px 0 var(--ink);grid-template-rows:minmax(0,1fr) 43px;margin:0;display:grid;overflow:hidden;transform:rotate(-1deg)}.contact-cast figure:nth-child(2n){transform:translateY(10px)rotate(1deg)}.contact-cast img{object-fit:cover;object-position:center 27%;width:100%;height:100%;min-height:0}.contact-cast figcaption{border-top:1.5px solid var(--ink);min-width:0;color:var(--ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.03em;align-items:center;gap:10px;padding:5px 12px;font-size:1.05rem;font-weight:850;line-height:.9;display:flex}.contact-cast figcaption span{letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.58rem}.contact-cast-purple figcaption{color:var(--paper-light);background:var(--purple)}.contact-cast-mustard figcaption{background:var(--mustard)}.contact-cast-blue figcaption{color:var(--paper-light);background:var(--blue)}.contact-cast-red figcaption{color:var(--paper-light);background:var(--red)}.field-contact-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:44px;display:grid}.field-contact-link{border:1.5px solid var(--paper-light);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:25px;min-height:84px;padding:0 24px;transition:color .16s,background-color .16s,transform .16s;display:grid}.field-contact-link>span:first-child{text-transform:uppercase;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem}.field-contact-link strong{font-size:.9rem}.field-contact footer{border-top:1px solid var(--light-rule);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:72px;padding-top:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;font-weight:680;display:grid}.field-contact footer span:nth-child(2){text-align:center}.field-contact footer span:last-child{text-align:right}@media (hover:hover){.field-nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.mode-card:not([aria-checked=true]):hover{transform:translateY(-4px)rotate(.25deg);box-shadow:7px 8px #22201e45}.mode-card:hover .mode-art img{transform:scale(1.018)}.case-file:hover .case-portrait img{transform:scale(1.025)}.field-cta:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.field-contact-link:hover{color:var(--red);background:var(--paper-light);transform:translateY(-3px)}}@media (min-width:1600px) and (min-height:900px){.character-stage{width:min(100%,2400px);padding-inline:clamp(70px,5vw,150px)}.character-title-wrap>p{font-size:clamp(.76rem,.5vw,.92rem)}.character-title-wrap h1{font-size:clamp(10rem,8vw,14rem)}.mode-grid,.mode-response{width:min(100%,2200px)}.mode-grid{gap:clamp(22px,1.25vw,34px)}.mode-card{grid-template-rows:minmax(0,1fr) clamp(58px,3.6vw,72px)}.mode-card>strong{font-size:clamp(1.35rem,1.05vw,1.9rem)}.mode-response{gap:clamp(26px,1.6vw,44px);min-height:clamp(84px,7vh,108px)}.mode-response-copy p{max-width:680px;font-size:clamp(1.08rem,.9vw,1.36rem)}.field-cta{min-width:225px;min-height:54px;font-size:.82rem}.field-contact-main h2{max-width:1050px;font-size:clamp(7rem,7.2vw,10rem)}}@media (max-width:1100px){.field-header{grid-template-columns:minmax(200px,1fr) auto minmax(190px,1fr) auto}.field-location{font-size:.7rem}.character-hero{min-height:1160px}.character-stage{gap:23px;padding-top:30px;padding-bottom:28px}.character-title-wrap h1{font-size:clamp(6rem,12.7vw,8.3rem)}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(100%,700px)}.mode-card{aspect-ratio:4/4.45}.mode-response{grid-template-columns:minmax(0,1fr) auto;width:min(100%,900px)}.mode-response ul{grid-column:1}.field-cta{grid-area:1/2/3}.mode-tagline{display:none}.case-file{grid-template-columns:minmax(138px,.42fr) minmax(0,1fr)}.profile-grid{gap:50px 44px}.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-intro,.field-contact-main{grid-template-columns:minmax(120px,.35fr) minmax(0,1.2fr)}.tools-intro>span,.field-contact-main>span{grid-column:2}.tools-portrait{grid-area:2/1;width:135px;min-height:155px}.contact-cast figure{height:195px}}@media (max-width:820px){:root{--gutter:clamp(18px, 5.2vw, 34px)}.field-guide section{scroll-margin-top:0}.field-header{grid-template-columns:minmax(0,1fr) auto auto;min-height:66px}.field-brand{font-size:.82rem}.field-brand-mark{width:31px;height:36px;font-size:1.5rem}.field-nav,.field-location{display:none}.field-menu-button{border:0;border-left:1px solid var(--paper-rule);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;align-items:center;min-height:44px;padding:0 16px;font-size:.7rem;font-weight:760;display:inline-flex}.field-locale{grid-column:3;padding-left:13px}.field-locale button{min-width:27px}.field-mobile-menu{z-index:30;top:66px;right:var(--gutter);left:var(--gutter);border:1.5px solid var(--ink);background:var(--paper-light);box-shadow:7px 8px 0 var(--ink);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s,transform .15s;display:grid;position:absolute;transform:translateY(-8px)}.field-mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.field-mobile-menu a{border-bottom:1px solid var(--paper-rule);min-height:55px;font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:13px;padding:0 18px;font-size:1.45rem;font-weight:820;display:flex}.field-mobile-menu a>span{color:var(--active);letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem}.field-mobile-menu a[aria-current=location]{box-shadow:inset 5px 0 0 var(--active);background:#22201e0d}.field-mobile-menu a:last-child{border-bottom:0}.character-hero{grid-template-rows:66px auto 52px;min-height:0;overflow:visible}.character-stage{padding-top:28px;padding-bottom:31px;display:block;overflow:hidden}.character-title-wrap{text-align:left}.character-title-wrap>p{margin-bottom:9px;font-size:.62rem}.character-title-wrap h1{white-space:normal;max-width:94vw;font-size:clamp(4rem,17.2vw,6.2rem);line-height:.76}.mode-grid{width:calc(100% + (2 * var(--gutter)));max-width:none;margin:29px calc(-1 * var(--gutter)) 0;padding:8px var(--gutter) 22px;overscroll-behavior-inline:contain;scroll-padding-inline:var(--gutter);scroll-snap-type:inline mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(82vw,350px);grid-auto-flow:column;justify-content:start;overflow-x:auto}.mode-grid::-webkit-scrollbar{display:none}.mode-card{aspect-ratio:4/5;scroll-snap-align:start;grid-template-rows:minmax(0,1fr) 54px}.mode-card>strong{padding-left:17px;font-size:1.32rem}.mode-response{grid-template-columns:1fr;gap:15px;width:100%;margin-top:12px;padding-top:18px}.mode-response-copy p{font-size:1.06rem}.mode-response ul,.field-cta,.mode-tagline{grid-area:auto/1}.field-cta{width:100%;min-height:52px}.mode-tagline{order:4;margin:1px 0 0;display:block;position:static}.field-teaser{gap:12px;min-height:52px;font-size:.6rem}.pencil-burst,.pencil-cross{opacity:.32}.field-rule{grid-template-columns:auto 1fr}.field-rule span:nth-child(2){text-align:right}.field-rule span:last-child{display:none}.case-section,.profile-section,.method-section,.tools-section{padding-top:46px;padding-bottom:78px}.case-intro,.method-heading,.tools-intro,.field-contact-main{grid-template-columns:1fr;gap:26px;margin:43px 0 50px}.case-intro h2{font-size:clamp(3.6rem,16vw,6rem)}.case-intro>p{max-width:540px}.case-grid{grid-template-columns:1fr}.case-file{grid-template-columns:minmax(190px,.37fr) minmax(0,1fr);min-height:380px;padding:0}.case-body{padding:28px}.case-tags{gap:5px}.profile-grid{grid-template-columns:1fr;gap:42px;margin-top:45px}.profile-heading h2,.method-heading h2,.tools-intro h2{font-size:clamp(3.7rem,17vw,6.5rem)}.field-contact-main h2{font-size:clamp(2.75rem,11.7vw,6.5rem)}.profile-copy{align-self:auto}.off-duty-card{min-height:320px}.method-heading{margin-bottom:48px}.method-grid{grid-template-columns:1fr}.method-grid li{min-height:220px}.method-step-top{margin-bottom:32px}.tools-intro>span,.field-contact-main>span{grid-column:1}.tools-portrait{grid-area:auto/1;width:min(100%,240px);min-height:235px}.tools-grid{grid-template-columns:1fr}.tools-grid article{grid-template-columns:minmax(120px,.5fr) minmax(0,1fr);min-height:210px;padding:24px}.field-contact{padding-top:46px}.field-contact>.field-rule{margin-bottom:43px}.field-contact-main{margin-top:0}.contact-cast{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:44px}.contact-cast figure{height:210px}.field-contact-links{grid-template-columns:1fr;margin-top:44px}.field-contact footer{grid-template-columns:1fr;gap:10px;margin-top:56px}.field-contact footer span:nth-child(2),.field-contact footer span:last-child{text-align:left}}@media (max-width:520px){.field-brand>span:last-child{display:none}.field-header{grid-template-columns:1fr auto auto}.field-menu-button{padding-inline:12px}.field-locale{gap:2px;padding-left:9px}.character-title-wrap h1{font-size:clamp(3.8rem,17.7vw,5.4rem)}.mode-grid{grid-auto-columns:82vw}.case-file{grid-template-columns:1fr;gap:0}.case-portrait{border-right:0;border-bottom:1.5px solid var(--ink);height:280px}.case-body{grid-template-rows:auto;grid-template-columns:1fr;gap:20px;padding:25px 22px 34px}.case-number{grid-row:auto}.case-tags{grid-column:1}.case-stamp{bottom:12px}.contact-cast{gap:11px}.contact-cast figure,.contact-cast figure:nth-child(2n){height:170px;transform:none}.contact-cast figcaption{gap:6px;padding-inline:8px;font-size:.82rem}.tools-grid article{grid-template-columns:1fr}.tools-grid article>div>span{margin-bottom:18px}.field-contact-link{grid-template-columns:1fr auto;gap:8px 18px;padding:14px 18px}.field-contact-link>span:first-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes card-settle{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}