@font-face{font-family:Roubaix Display;src:url(/fonts/RoubaixIndustrielle-Regular36-59pt.woff2)format("woff2");font-display:swap}@font-face{font-family:Roubaix Small;src:url(/fonts/RoubaixIndustrielle-Regular14-23pt.woff2)format("woff2");font-display:swap}@font-face{font-family:Analogue OS;src:url(/fonts/AnalogueOS-Regular.otf)format("opentype");font-display:swap}:root{--bg:#050506;--panel:#0a0d0b;--panel-raised:#0f1512;--line:#3be27d;--line-dim:#3be27d61;--line-faint:#3be27d12;--pink:#ff4fbf;--pink-dim:#ff4fbf59;--pink-deep:#2b0820;--plum:#5a1446;--mint:#4dffc3;--red:#ff2b3d;--amber:#ffad33;--text:#e9f6ee;--muted:#8fae9b;--cut:14px;--cut-sm:8px;--glow:0 0 12px #ff4fbf8c, 0 0 32px #ff4fbf33;--glow-green:0 0 10px #3be27d73;--display:"Roubaix Display", "Arial Narrow", sans-serif;--text-font:"Analogue OS", "Arial Narrow", sans-serif;--label:"Roubaix Small", "Roubaix Display", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--text-font);color:var(--text);background-color:var(--bg);background-image:radial-gradient(700px 420px at 8% 12%, #ff4fbf1a, transparent 70%), radial-gradient(800px 460px at 95% 100%, #ff4fbf14, transparent 70%), linear-gradient(var(--line-faint) 1px, transparent 1px), linear-gradient(90deg, var(--line-faint) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:auto,auto,96px 96px,96px 96px;background-attachment:fixed;justify-content:center;min-height:100vh;padding:32px 16px;font-size:19px;line-height:1.6;display:flex}body:after{content:"";pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 4px),radial-gradient(#0000 60%,#0000008c 100%);position:fixed;inset:0}:where(main p,main li,main dd,.dossier-info,.lightbox-caption,.feature-text){word-spacing:.14em}::selection{background:var(--pink);color:var(--bg)}a{color:var(--pink);text-underline-offset:3px}a:hover{color:var(--text);text-shadow:var(--glow)}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--pink);outline-offset:3px}h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-weight:400;line-height:1.1}h2{color:var(--line);margin:32px 0 10px;font-size:26px}h2:before{content:"// ";color:var(--line-dim)}h3{color:var(--mint);font-size:21px}strong{color:var(--mint);font-weight:400}ul{padding-left:22px}li::marker{color:var(--pink)}.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}:where(.window,main,.project-card,.feature,.dossier,.case-spec,.case-pager-link,.aim-window,.statement-highlight,.resume-panel,.btn-3d,.filter-btn,.marquee-wrap,.fact-readout,.polaroid,.flip-card-front,.flip-card-back,.case-body blockquote){--c:var(--cut);--edge:var(--line-dim);--fill:var(--panel);isolation:isolate;box-shadow:none;background:0 0;border:0;position:relative}:where(.window,main,.project-card,.feature,.dossier,.case-spec,.case-pager-link,.aim-window,.statement-highlight,.resume-panel,.btn-3d,.filter-btn,.marquee-wrap,.fact-readout,.polaroid,.flip-card-front,.flip-card-back,.case-body blockquote):before,:where(.window,main,.project-card,.feature,.dossier,.case-spec,.case-pager-link,.aim-window,.statement-highlight,.resume-panel,.btn-3d,.filter-btn,.marquee-wrap,.fact-readout,.polaroid,.flip-card-front,.flip-card-back,.case-body blockquote):after{content:"";z-index:-1;pointer-events:none;clip-path:polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, var(--c) 100%, 0 calc(100% - var(--c)));position:absolute}:where(.window,main,.project-card,.feature,.dossier,.case-spec,.case-pager-link,.aim-window,.statement-highlight,.resume-panel,.btn-3d,.filter-btn,.marquee-wrap,.fact-readout,.polaroid,.flip-card-front,.flip-card-back,.case-body blockquote):before{background:var(--edge);inset:0}:where(.window,main,.project-card,.feature,.dossier,.case-spec,.case-pager-link,.aim-window,.statement-highlight,.resume-panel,.btn-3d,.filter-btn,.marquee-wrap,.fact-readout,.polaroid,.flip-card-front,.flip-card-back,.case-body blockquote):after{background:var(--fill);inset:1px}.window{--c:28px;--fill:#070908eb;width:100%;max-width:960px;height:fit-content;padding:0 0 4px}.titlebar{border-bottom:1px solid var(--line-dim);color:var(--line);font-family:var(--label);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:16px;margin:0 14px;padding:22px 34px 14px;font-size:16px;display:flex}.titlebar-readout{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:12px;margin-left:auto;display:flex}.titlebar-readout .sep{color:var(--line-dim)}.titlebar-readout .live{color:var(--pink)}.block-strip{gap:2px;display:inline-flex}.block-strip i{background:var(--line-dim);width:5px;height:5px}.block-strip i.g{background:var(--line)}.block-strip i.p{background:var(--pink)}.block-strip i.a{background:var(--amber)}nav.menubar{border-bottom:1px solid var(--line-dim);flex-wrap:wrap;gap:4px 6px;margin:0 14px;padding:12px 40px;display:flex}nav.menubar a{color:var(--text);font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));padding:4px 12px;font-size:19px;text-decoration:none}nav.menubar a:hover,nav.menubar a:focus-visible{background:var(--pink-deep);color:var(--pink);text-shadow:var(--glow)}nav.menubar a[aria-current=page]{background:var(--pink);color:var(--bg);text-shadow:none}main{--fill:#050606d9;--edge:var(--line-faint);min-height:300px;margin:20px 28px;padding:28px 34px}main h1{color:var(--pink);text-shadow:var(--glow);margin:0 0 20px;font-size:54px}main>p,.profile-text p,.case-body p,.case-body li{max-width:42em}.status-dot{background:var(--line);width:8px;height:8px;box-shadow:var(--glow-green);display:inline-block}@media (prefers-reduced-motion:no-preference){.status-dot{animation:1.4s steps(2,start) infinite blink}}.footer-stripe{background-image:repeating-linear-gradient(-45deg, var(--pink-deep) 0 10px, transparent 10px 20px);border-top:1px solid var(--pink-dim);border-bottom:1px solid var(--pink-dim);justify-content:center;align-items:center;height:30px;margin:6px 28px 18px;display:flex;overflow:hidden}.footer-stripe span{background:var(--bg);color:var(--pink);font-family:var(--label);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;padding:2px 12px;font-size:15px}@media (prefers-reduced-motion:no-preference){.footer-stripe{animation:1.2s linear infinite stripe-move}}@keyframes stripe-move{0%{background-position:0 0}to{background-position:28px 0}}@keyframes blink{50%{opacity:.2}}.logo-wrap{display:inline-block;position:relative}.logo{cursor:pointer;aspect-ratio:520/231;background:var(--pink);filter:drop-shadow(0 0 10px #ff4fbf99);width:190px;display:block;-webkit-mask:url(/brand/achii-exe-logo.png) 50%/contain no-repeat;mask:url(/brand/achii-exe-logo.png) 50%/contain no-repeat}.logo.pulse{animation:.5s ease-in-out logo-pulse}@keyframes logo-pulse{0%{background-color:var(--pink);transform:scale(1)}40%{background-color:var(--line);transform:scale(1.12)}70%{background-color:var(--mint);transform:scale(.97)}to{background-color:var(--pink);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.logo.pulse{animation:none}}.sparkle{pointer-events:none;color:var(--line);text-shadow:var(--glow-green);font-size:14px;animation:.9s ease-out forwards sparkle-float;position:absolute}@keyframes sparkle-float{0%{opacity:0;transform:scale(.3)translate(0)rotate(0)}20%{opacity:1;transform:scale(1)translate(0)rotate(10deg)}to{opacity:0;transform:scale(.6) translate(var(--dx), var(--dy)) rotate(45deg)}}.contact-links{flex-wrap:wrap;gap:12px;display:flex}.btn-3d,.filter-btn{--c:var(--cut-sm);--edge:var(--line);--fill:var(--panel);font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;color:var(--line);padding:9px 20px 8px;font-size:18px;text-decoration:none;display:inline-block}.btn-3d:hover,.btn-3d:focus-visible,.filter-btn:hover,.filter-btn:focus-visible{--edge:var(--pink);--fill:var(--pink-deep);color:var(--pink);text-shadow:var(--glow)}.btn-3d:active,.filter-btn.active{--edge:var(--pink);--fill:var(--pink);color:var(--bg);text-shadow:none}.btn-3d:disabled{opacity:.4;cursor:not-allowed}.loading-bar{border:1px solid var(--line-dim);width:100%;max-width:320px;height:14px;margin:18px 0;padding:2px;display:none}.loading-bar.active{display:block}.loading-bar-fill{background:repeating-linear-gradient(90deg, var(--line) 0 8px, transparent 8px 11px);width:0%;height:100%;box-shadow:var(--glow-green)}.loading-bar.active .loading-bar-fill{animation:1.2s steps(24,end) forwards load-fill}@keyframes load-fill{to{width:100%}}.resume-panel{margin-top:18px;padding:22px 26px;display:none}.resume-panel.visible{display:block}.resume-timeline{margin:8px 0 18px;padding:0;list-style:none}.resume-timeline li{border-bottom:1px solid var(--line-faint);padding:8px 0}.resume-role{color:var(--pink)}.resume-dates{color:var(--muted);font-variant-numeric:tabular-nums;font-size:17px}.skill-tags{flex-wrap:wrap;gap:8px;margin:12px 0;padding:0;list-style:none;display:flex}.skill-tags li{color:var(--line);border:1px solid var(--line-dim);font-family:var(--label);text-transform:uppercase;letter-spacing:.08em;padding:3px 10px 2px;font-size:15px}.aim-window{flex-direction:column;max-width:460px;margin:0 0 16px;display:flex}.aim-titlebar{border-bottom:1px solid var(--line-dim);color:var(--line);font-family:var(--label);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;padding:10px 16px;font-size:15px;display:flex}.aim-body{min-height:150px;max-height:260px;padding:14px 16px;overflow-y:auto}.aim-line{margin:0 0 10px}.aim-line strong{color:var(--pink)}.aim-line-user{text-align:right}.aim-line-user strong{color:var(--line)}.aim-typing{color:var(--muted);margin:0 0 10px;font-size:16px}.aim-input-row{border-top:1px solid var(--line-dim);gap:8px;padding:12px 16px 14px;display:flex}.aim-input-row input{min-width:0;font-family:var(--text-font);color:var(--text);background:var(--bg);border:1px solid var(--line-dim);border-radius:0;flex:1;padding:6px 10px;font-size:18px}.aim-input-row input::placeholder{color:var(--muted)}.badge-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.badge{text-align:center;width:88px;height:31px;font-family:var(--label);text-transform:uppercase;letter-spacing:.06em;color:var(--bg);justify-content:center;align-items:center;padding:2px;font-size:10px;line-height:1.1;display:flex}.badge-green{background:var(--line)}.badge-pink{background:var(--pink)}.badge-amber{background:var(--amber)}.project-filters{flex-wrap:wrap;gap:8px;margin:16px 0 8px;display:flex}.project-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin:18px 0;display:grid}.project-card{--c:12px;--fill:var(--panel-raised);text-align:center;cursor:pointer;font-family:var(--text-font);font-size:inherit;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px 14px 18px;text-decoration:none;transition:transform .15s;display:flex}.project-card:has(.card-thumb){text-align:left;justify-content:flex-start;align-items:stretch;gap:6px;padding:1px 1px 14px}.project-card:has(.card-thumb) .card-title,.project-card:has(.card-thumb) .card-category{padding:0 14px}.project-card:has(.card-thumb) .card-title{overflow-wrap:anywhere;margin-top:6px;font-size:18px}.card-thumb{aspect-ratio:4/3;object-fit:cover;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%);filter:saturate(.85)contrast(1.05);width:100%;transition:filter .2s;display:block}.project-card:hover .card-thumb,.project-card:focus-visible .card-thumb{filter:none}.project-card .card-icon{font-size:34px;line-height:1}.project-card .card-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;font-size:19px;line-height:1.15}.project-card .card-category{color:var(--muted);font-family:var(--label);letter-spacing:.1em;text-transform:uppercase;font-size:14px}.project-card:hover,.project-card:focus-visible{--edge:var(--pink);--fill:var(--pink-deep);color:var(--pink);outline:none;transform:translateY(-3px)}.project-card:hover .card-title,.project-card:focus-visible .card-title{text-shadow:var(--glow)}.project-card.hidden-card{display:none}.status-ribbon{font-family:var(--label);text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%);padding:3px 8px 2px 14px;font-size:12px;position:absolute;top:0;right:0}@media (prefers-reduced-motion:reduce){.project-card{transition:none}.project-card:hover,.project-card:focus-visible{transform:none}}dialog{color:var(--text);border:0;max-width:none;max-height:none;padding:0}dialog::backdrop{backdrop-filter:blur(3px);background:#020303d6}html:has(dialog[open]){overflow:hidden}.modal-titlebar{border-bottom:1px solid var(--line-dim);color:var(--line);font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px 10px;font-size:15px;display:flex}.modal-close{border:1px solid var(--line-dim);color:var(--line);cursor:pointer;background:0 0;flex-shrink:0;min-width:32px;height:30px;padding:0 6px;font-size:13px}.modal-close:hover,.modal-close:focus-visible{border-color:var(--pink);color:var(--pink)}.dossier{--c:22px;--edge:var(--line);background:0 0;width:min(940px,100vw - 32px);max-height:calc(100vh - 48px);margin:auto;overflow:visible}.dossier[open]{flex-direction:column;display:flex}.dossier-controls{gap:6px;display:flex}.dossier-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:26px;min-height:0;padding:20px 22px 24px;display:grid;overflow-y:auto}.dossier.no-media .dossier-body{grid-template-columns:minmax(0,1fr);max-width:640px}.dossier-media{flex-direction:column;align-self:start;gap:10px;display:flex;position:sticky;top:0}.dossier-main{border:1px solid var(--line-dim);background:var(--bg);cursor:zoom-in;width:100%;padding:0;display:block}.dossier-main img{object-fit:contain;width:100%;height:min(58vh,460px);display:block}.dossier-main:hover,.dossier-main:focus-visible{border-color:var(--pink)}.dossier-thumbs{scrollbar-width:thin;scrollbar-color:var(--line-dim) transparent;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.dossier-thumbs button{border:1px solid var(--line-faint);cursor:pointer;opacity:.6;background:0 0;flex:none;padding:0}.dossier-thumbs button[aria-current=true]{border-color:var(--pink);opacity:1}.dossier-thumbs button:hover{opacity:1}.dossier-thumbs img{object-fit:cover;width:64px;height:64px;display:block}.dossier-info{flex-direction:column;gap:14px;min-width:0;display:flex}.dossier-info>*{margin:0}h2.dossier-title{color:var(--pink);text-shadow:var(--glow);overflow-wrap:break-word;margin:0;font-size:38px;line-height:1}h2.dossier-title:before{content:none}.dossier-pitch{font-size:19px}.dossier-role{color:var(--muted)}.dossier-process ol{counter-reset:step;margin:6px 0 0;padding:0;list-style:none}.dossier-process li{counter-increment:step;border-top:1px solid var(--line-faint);grid-template-columns:34px 1fr;gap:6px;padding:6px 0;display:grid}.dossier-process li:before{content:counter(step, decimal-leading-zero);color:var(--line);font-family:var(--label);padding-top:3px;font-size:15px}.dossier-actions{flex-wrap:wrap;gap:10px;display:flex}.dossier-actions:empty,.dossier-tools:empty{display:none}.readout{border-left:2px solid var(--line);background:linear-gradient(90deg,#3be27d12,#0000 80%);padding:10px 16px 10px 14px}.readout-label{color:var(--line);font-family:var(--label);text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:14px}.readout ul{margin:6px 0 0;padding:0;list-style:none}.readout li{padding:3px 0 3px 18px;position:relative}.readout li:before{content:"▸";color:var(--pink);position:absolute;left:0}.model-viewer-frame{background-color:var(--bg);background-image:linear-gradient(var(--line-faint) 1px, transparent 1px), linear-gradient(90deg, var(--line-faint) 1px, transparent 1px);border:1px solid var(--line-dim);background-size:20px 20px;width:100%;height:min(58vh,420px);display:block}.lightbox{background:#020303f7;width:100vw;height:100vh;margin:0;overflow:hidden}.lightbox[open]{grid-template-rows:auto 1fr;display:grid}.lightbox::backdrop{backdrop-filter:none;background:0 0}.lightbox-bar{border-bottom:1px solid var(--line-dim);font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:16px;padding:14px 20px;font-size:15px;display:flex}.lightbox-title{color:var(--pink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lightbox-counter{color:var(--line);font-variant-numeric:tabular-nums;margin-left:auto}.lightbox-stage{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:0;margin:0;padding:20px 72px;display:flex}.lightbox-stage img{object-fit:contain;border:1px solid var(--line-dim);max-width:100%;max-height:calc(100vh - 170px)}.lightbox-caption{text-align:center;max-width:60ch;color:var(--muted);font-size:16px}.lightbox-arrow{border:1px solid var(--line);width:44px;height:64px;color:var(--line);cursor:pointer;background:#050606cc;font-size:16px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover,.lightbox-arrow:focus-visible{border-color:var(--pink);color:var(--pink)}.lightbox-prev{left:16px}.lightbox-next{right:16px}.myspace-header{align-items:center;gap:20px;margin-bottom:14px;display:flex}.myspace-photo{object-fit:cover;width:110px;height:110px;image-rendering:pixelated;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:inset 0 0 0 1px var(--line);outline:1px solid var(--line-dim);outline-offset:4px;flex-shrink:0}.myspace-header h1{margin:0}.myspace-status{color:var(--line);font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin:6px 0 0;font-size:16px;display:inline-flex}.profile-photo{object-fit:cover;width:170px;height:170px;image-rendering:pixelated;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));flex-shrink:0}.polaroid-photo{object-fit:cover;width:100%;height:110px;display:block}.statement-photo{border:1px solid var(--line-dim);width:100%;max-width:440px;height:auto;margin:18px 0;padding:6px;display:block}.gallery-photo-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.hero{grid-template-columns:200px 1fr;align-items:start;gap:32px;margin-bottom:8px;display:grid}.hero-photo{object-fit:cover;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));outline:1px solid var(--line-dim);outline-offset:6px;width:200px;height:240px}.hero-text h1{margin:4px 0 6px;font-size:64px}.hero-text p{margin:12px 0}.eyebrow{color:var(--line);font-family:var(--label);text-transform:uppercase;letter-spacing:.12em;word-spacing:normal;margin:0;font-size:15px;display:block}.hero-text .contact-links{margin-top:20px}.btn-primary{--edge:var(--pink);--fill:var(--pink);color:var(--bg)}.btn-primary:hover,.btn-primary:focus-visible{--fill:var(--pink-deep);color:var(--pink)}.feature{--c:20px;--edge:var(--line-dim);--fill:var(--panel-raised);color:var(--text);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin:14px 0 8px;text-decoration:none;display:grid}.feature:hover,.feature:focus-visible{--edge:var(--pink);color:var(--text);text-shadow:none}.feature-image{object-fit:cover;clip-path:polygon(0 0,100% 0,100% 100%,19px 100%,0 calc(100% - 19px));width:calc(100% - 1px);height:100%;min-height:260px;margin:1px 0 1px 1px;display:block}.feature-text{flex-direction:column;gap:10px;padding:24px 26px;display:flex}.feature-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--pink);text-shadow:var(--glow);font-size:40px;line-height:1}.feature-role{color:var(--muted);font-size:16px}.feature-cta{color:var(--line);font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;margin-top:auto;font-size:17px}.feature:hover .feature-cta{color:var(--pink)}.profile-row{flex-wrap:wrap;align-items:flex-start;gap:24px;margin:16px 0;display:flex}.profile-text{flex:1;min-width:220px}.fact-readout{--c:var(--cut-sm);--fill:var(--bg);color:var(--line);font-family:var(--display);letter-spacing:.04em;min-height:48px;text-shadow:var(--glow-green);margin-top:12px;padding:12px 16px;font-size:18px}.fact-readout:empty{display:none}.marquee-wrap{--c:var(--cut-sm);--fill:var(--pink-deep);--edge:var(--pink-dim);align-items:center;margin:18px 0;display:flex;overflow:hidden}.marquee-track{white-space:nowrap;color:var(--pink);font-family:var(--display);letter-spacing:.12em;text-shadow:var(--glow);padding:8px 0 7px;font-size:19px;animation:22s linear infinite marquee-scroll;display:inline-flex}.marquee-wrap.paused .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0%)}to{transform:translate(-50%)}}.marquee-toggle{background:var(--pink-deep);color:var(--pink);border:none;border-left:1px solid var(--pink-dim);cursor:pointer;flex-shrink:0;align-self:stretch;width:38px;margin-right:8px;font-size:13px;position:relative}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.typing-cursor:after{content:"▌";color:var(--pink);margin-left:2px;animation:.75s step-end infinite blink-caret}@keyframes blink-caret{50%{opacity:0}}.polaroid-strip{flex-wrap:wrap;gap:22px;margin:22px 0;display:flex}.polaroid{--c:10px;--fill:var(--panel-raised);width:160px;padding:8px 8px 32px}.polaroid .polaroid-photo{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.polaroid:first-child{transform:rotate(-3deg)}.polaroid:nth-child(2){transform:rotate(2deg)}.polaroid:nth-child(3){transform:rotate(-1.5deg)}.polaroid-caption{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-family:var(--label);text-transform:uppercase;letter-spacing:.06em;color:var(--line);margin:0;font-size:12px;position:absolute;bottom:9px;left:6px;right:6px;overflow:hidden}.flip-row{flex-wrap:wrap;gap:16px;margin:16px 0;display:flex}.flip-card{perspective:800px;width:160px;height:120px}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .6s;position:relative}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{--c:12px;backface-visibility:hidden;text-align:center;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.flip-card-front{--fill:var(--panel-raised);color:var(--line);font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;font-size:17px;line-height:1.5}.flip-card:hover .flip-card-front{--edge:var(--pink);color:var(--pink)}.flip-card-back{--edge:var(--pink);--fill:var(--pink-deep);font-size:16px;line-height:1.3;transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.flip-card-inner{transition:none}}.statement-highlight{--edge:var(--pink-dim);--fill:var(--pink-deep);margin:18px 0;padding:20px 24px;font-size:22px}.statement-highlight p{max-width:36em;margin:0}@media (prefers-reduced-motion:no-preference){.statement-highlight{animation:3.5s ease-in-out infinite soft-glow}}@keyframes soft-glow{0%,to{filter:drop-shadow(0 0 #ff4fbf00)}50%{filter:drop-shadow(0 0 10px #ff4fbf59)}}.influence-tags{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.influence-tag{color:var(--pink);border:1px solid var(--pink-dim);font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;padding:6px 14px 5px;font-size:16px}.influence-tag:hover,.influence-tag:focus-visible{background:var(--pink);color:var(--bg)}.influence-tag.bounced{animation:.4s tag-bounce}@keyframes tag-bounce{0%{transform:scale(1)rotate(0)}40%{transform:scale(1.15)rotate(-3deg)}70%{transform:scale(.96)rotate(2deg)}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.influence-tag.bounced{animation:none}}.crumbs{font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;color:var(--line-dim);margin:0 0 18px;font-size:15px}.crumbs a{color:var(--line);text-decoration:none}.crumbs a:hover{color:var(--pink)}.case-head h1{overflow-wrap:break-word;hyphens:manual;margin:6px 0 14px;font-size:58px}.case-pitch{max-width:36em;margin:0;font-size:22px;line-height:1.5}.case-draft,.case-draft-note{background:var(--amber);color:var(--bg)}.case-draft-note{font-family:var(--label);text-transform:uppercase;letter-spacing:.08em;margin:18px 0 0;padding:6px 14px;font-size:14px}.case-hero{border:1px solid var(--line-dim);background:radial-gradient(ellipse at 50% 50%, #ff4fbf14, transparent 70%), var(--bg);cursor:zoom-in;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));width:100%;margin:26px 0;padding:0;display:block}.case-hero img{object-fit:contain;width:100%;height:auto;max-height:620px;display:block}.case-hero:hover,.case-hero:focus-visible{border-color:var(--pink)}.case-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:36px;display:grid}.case-spec{--c:12px;--fill:var(--panel-raised);padding:18px 18px 20px;position:sticky;top:20px}.case-spec dl{margin:0}.case-spec dt,.case-spec-label{color:var(--line);font-family:var(--label);text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:13px}.case-spec dd{margin:2px 0 14px;font-size:17px;line-height:1.4}.case-spec .skill-tags{margin:8px 0 0}.case-spec .skill-tags li{font-size:13px}.case-links{flex-direction:column;gap:8px;margin-top:16px;display:flex}.case-links .btn-3d{text-align:center;font-size:15px}.case-main{min-width:0}.case-main .readout{margin-bottom:24px}.case-body{counter-reset:section;line-height:1.65}.case-body>:first-child{margin-top:0}.case-body h2{counter-increment:section;border-top:1px solid var(--line-faint);margin:36px 0 12px;padding-top:14px;font-size:26px}.case-body h2:before{content:counter(section, decimal-leading-zero) " // ";color:var(--pink)}.case-body img{border:1px solid var(--line-dim);max-width:100%}.case-body blockquote{--c:10px;--edge:var(--amber);--fill:color-mix(in srgb, var(--amber) 7%, var(--bg));color:var(--amber);margin:18px 0;padding:10px 18px}.case-gallery-title{margin:44px 0 14px;font-size:26px}.case-gallery{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:start;gap:12px;display:grid}.gallery-photo-btn{border:1px solid var(--line-faint);cursor:zoom-in;background:0 0;width:100%;padding:0;display:block}.case-thumb{width:100%;height:auto;display:block}.gallery-photo-btn:hover,.gallery-photo-btn:focus-visible{border-color:var(--pink)}.case-pager{grid-template-columns:1fr 1fr;gap:16px;margin-top:44px;display:grid}.case-pager-link{--c:12px;--fill:var(--panel-raised);color:var(--text);flex-direction:column;gap:6px;padding:16px 20px;text-decoration:none;display:flex}.case-pager-older{text-align:right;grid-column:2}.case-pager-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:22px}.case-pager-link:hover,.case-pager-link:focus-visible{--edge:var(--pink);color:var(--pink);text-shadow:none}@media (width<=700px){body{padding:12px 10px;font-size:18px}.window{--c:18px}.titlebar{flex-wrap:wrap;row-gap:6px;margin:0 8px;padding:16px 14px 10px}.titlebar-readout .hide-narrow{display:none}nav.menubar{margin:0 8px;padding:8px 10px}nav.menubar a{padding:4px 9px;font-size:17px}main{margin:12px 10px;padding:20px 16px}main h1{font-size:40px}.hero{grid-template-columns:1fr;gap:20px}.hero-photo{width:150px;height:180px}.hero-text h1{font-size:44px}.feature{grid-template-columns:1fr}.feature-image{aspect-ratio:16/10;clip-path:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% 100%,0 100%);width:calc(100% - 2px);height:auto;min-height:0}.feature-title{font-size:32px}.footer-stripe{margin:6px 10px 14px}.marquee-track{font-size:16px}.profile-photo{width:120px;height:120px}.polaroid{width:120px}.flip-card{width:130px;height:110px}.case-head h1{font-size:38px}.case-pitch{font-size:19px}.case-layout{grid-template-columns:minmax(0,1fr);gap:24px}.case-spec{position:relative;top:auto}.case-pager{grid-template-columns:1fr}.case-pager-older{grid-column:auto}.dossier{--c:0px;width:100vw;height:100vh;max-height:100vh}.dossier-body{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px}.dossier-media{position:relative}.dossier-main img{height:42vh}h2.dossier-title{font-size:30px}.lightbox-stage{padding:16px 12px 72px}.lightbox-arrow{height:44px;top:auto;bottom:14px;transform:none}.project-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.project-card:has(.card-thumb) .card-title{letter-spacing:.02em;overflow-wrap:break-word;font-size:15px}.project-card:has(.card-thumb) .card-title,.project-card:has(.card-thumb) .card-category{padding:0 10px}}@media (prefers-reduced-motion:reduce){body:after{background:radial-gradient(#0000 60%,#0000008c 100%)}}
