/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.lowercase{text-transform:lowercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Gasoek One;src:url(/fonts/gasoek-one.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#000b15;--ink:#fff;--muted:#b7c3cd;--accent:#78b7ff;--line:#52606b;--neutral:#d9d9d9;--art:#b9cedb;--media-bg:#18222b;--display:"Gasoek One",sans-serif;--subheading:"IBM Plex Mono",monospace;--heading-size:clamp(3.5rem,6.67vw,6rem);--heading-leading:1.25;--card-radius:46px;--section-heading-size:clamp(1.75rem,3vw,2.6rem);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--line) var(--bg);scroll-padding-top:130px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,input,select{touch-action:manipulation;outline-offset:7px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}button:disabled{cursor:default}svg{flex-shrink:0}p{line-height:1.65}h1,h2,h3,p{overflow-wrap:anywhere;margin:0}h1{font-family:var(--display);font-weight:400}h2,h3,h4,h5,h6{font-family:var(--subheading);font-weight:700}h1,h2{letter-spacing:-.025em;line-height:1.45}h1{font-size:clamp(3.5rem,6.67vw,6rem)}h2{font-size:clamp(3.2rem,6.67vw,6rem)}h3{letter-spacing:-.03em;font-size:clamp(1.5rem,2.8vw,2.8rem);line-height:1.3}::selection{background:var(--accent);color:var(--bg)}.shell{width:min(1326px,92%);margin:0 auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--bg);z-index:30;padding:12px;position:fixed;top:-80px;left:15px}.skip-link:focus{top:10px}header{z-index:10;border-bottom:1px solid var(--neutral);background:var(--bg);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:30px;min-height:104px;padding:15px 10px;display:flex;position:sticky;top:0}.wordmark,nav{letter-spacing:.025em;font-family:Gasoek One,sans-serif;font-size:clamp(1.05rem,1.8vw,1.625rem);font-weight:400;line-height:1.3}.wordmark{white-space:nowrap;flex-shrink:0;align-items:center;min-width:44px;min-height:44px;display:inline-flex}nav{font-family:var(--subheading);gap:clamp(30px,6vw,90px);padding-right:30px;font-weight:700;display:flex}nav a{align-items:center;min-height:44px;display:inline-flex}nav a:hover{color:var(--accent)}.hero{text-align:center;place-items:center;min-height:calc(100svh - 104px);padding:100px 0 140px;display:grid}.hero-copy{min-width:0;max-width:min(1250px,100%)}.particle-words{vertical-align:bottom;max-width:100%}.home[data-pinned] .particle-words{display:inline-grid}.particle-words>span{grid-area:1/1;min-width:0}.particle-words>[data-word-alternative]{opacity:0;display:none}.home[data-pinned] .particle-words>[data-word-alternative]{display:block}.hero-actions{gap:35px;margin-top:70px;display:flex}.hero-actions,.pill{justify-content:center}.pill{overflow-wrap:anywhere;border:1px solid var(--ink);border-radius:52px;align-items:center;min-width:min(291px,100%);max-width:100%;min-height:67px;padding:8px 30px;font-size:clamp(1rem,2.23vw,2rem);line-height:1.5;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.pill:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.pill-filled{background:var(--neutral);color:var(--bg);border-color:var(--neutral)}.introduction{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:7%;min-height:calc(100svh - 104px);padding:120px 6%;display:grid}.intro-copy>p{max-width:650px;margin-top:40px;font-size:clamp(1.1rem,1.8vw,1.6rem)}.intro-visual{flex-direction:column;align-items:center;gap:30px;min-width:0;display:flex}.intro-visual .pill{width:100%;min-width:0;padding-inline:15px;font-size:clamp(1rem,1.7vw,1.5rem)}.motion{width:100%;height:460px;position:relative}.intro-art{position:absolute;inset:0}.intro-art canvas{inset:0;position:absolute!important}.black-hole-poster{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.intro-art[data-vortex-ready=true] .black-hole-poster{visibility:hidden}.motion-toggle{white-space:nowrap;border:0;border-bottom:1px solid var(--line);color:var(--muted);background:0 0;padding:6px;font-size:12px;position:absolute;bottom:0;right:50%;transform:translate(50%)}.selected-work{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:7%;padding:130px 6%;display:grid}.work-copy{grid-area:1/2;align-self:start;min-width:0;position:sticky;top:140px;container-type:inline-size}.work-copy h2{font-size:clamp(3rem,6.2vw,5.6rem)}.work-copy h2 span{white-space:nowrap;margin-left:.35em;display:block}.work-copy>p{max-width:430px;margin:35px 0 45px;font-size:clamp(1.1rem,1.9vw,1.7rem)}.work-more .pill{width:min(291px,100%);min-width:0;font-size:clamp(1rem,2vw,1.8rem)}.work-list,.work-window{grid-area:1/1;min-width:0}.work-list{gap:60px;display:grid}.work-entry{padding-left:30px;position:relative}.work-more{flex-shrink:0;padding-left:30px}.work-dot{left:-24px;top:var(--title-center,50%);background:var(--accent);border-radius:50%;width:28px;height:28px;position:absolute;translate:0 -50%}.work-card{isolation:isolate;text-align:left;border-radius:var(--card-radius);transform-origin:50%;background:#ffffff0f;border:1px solid #ffffff26;flex-direction:column;justify-content:center;min-height:405px;padding:38px 38px 64px;transition:background .2s;display:flex;position:relative;overflow:hidden}.work-card:focus-visible,.work-card:hover{background:#ffffff18}.work-card p{max-width:calc(100% - 44px);margin:20px 0 30px;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.65}.work-cover{object-fit:cover;border-radius:inherit;filter:blur(2px);width:100%;height:100%;max-height:none;margin:0;display:block;transform:scale(1.03)}.work-card:after,.work-cover{z-index:0;pointer-events:none;position:absolute;inset:0}.work-card:after{content:"";background:linear-gradient(#000b15a3,#000b15a3 45%,#000b15e6)}.work-card>:not(.work-cover){z-index:1;position:relative}.work-card:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.connect{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 195px);padding:140px 0 180px;display:flex}.connect h2{max-width:min(1000px,100%)}.contact-links{justify-content:center;margin-top:55px;display:flex}.contact-links .pill{gap:22px;min-width:220px;font-size:1.25rem}.contact-links svg{width:22px;height:22px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:30px 10px 85px;display:flex}.footer-signature p{color:var(--muted);font-size:.75rem}.footer-socials{gap:12px;display:flex}.footer-socials a{border:1px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;transition:color .2s,border-color .2s;display:grid}.footer-socials a:hover{color:var(--accent);border-color:var(--line)}.footer-socials svg{width:22px;height:22px}.text-link{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:10px 0;font-size:17px;transition:border-color .2s;display:inline-flex}.text-link:hover{color:var(--accent);border-color:var(--accent)}.section{border-top:1px solid var(--line);padding:38px 0 65px}.interior{min-height:75vh;padding:90px 0 100px}.page-intro{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:65px;display:flex}.page-intro p{color:var(--muted);max-width:370px;padding-bottom:7px}.results{color:var(--muted);margin-bottom:22px;font-size:13px}.empty{padding:60px 0}.empty p{margin:20px 0}.detail{max-width:1100px}.back{min-height:44px;color:var(--muted);align-items:center;gap:12px;margin-bottom:60px;font-size:14px;display:inline-flex}.detail-type{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);margin-bottom:25px;font-size:11px}.detail h1{overflow-wrap:anywhere;max-width:1000px}.lede{color:var(--muted);max-width:70ch;margin-top:32px;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.65}.detail-links{flex-wrap:wrap;gap:16px;margin-top:25px;display:flex}.facts{border-block:1px solid var(--line);grid-template-columns:1.5fr 1fr 1fr;gap:40px;margin:65px 0 55px;padding:30px 0;display:grid}dt{color:var(--muted);margin-bottom:12px;font-size:12px}dd{margin:0;font-size:15px;line-height:1.6}.overview-note{max-width:750px;margin-bottom:50px}.overview-note h2{margin-bottom:20px}.narrative p,.overview-note p{color:var(--muted);white-space:pre-line}.narrative section{margin:55px 0}.narrative h2{margin-bottom:20px}.about-page .section{grid-template-columns:1fr 1fr;gap:8%;margin-top:70px;display:grid}.about-page .section p{color:var(--muted);margin-bottom:25px}.setup ol{max-width:800px;margin:40px 0;padding-left:22px}.setup li{color:var(--muted);margin-bottom:18px;line-height:1.8}code{color:var(--ink);font-size:.9em}.setup .text-link{margin-top:25px}.project-cover{border-radius:var(--card-radius);object-fit:contain;background:var(--media-bg);width:100%;height:auto;max-height:800px;margin:45px 0;display:block}@media (min-width:1600px){.hero{min-height:920px}}@media (max-width:1100px){.introduction,.selected-work{gap:6%;padding-inline:3%}.work-card{padding:28px 28px 64px}.work-dot{width:20px;height:20px;left:-12px}.work-copy{top:150px}.work-copy h2{font-size:4rem}.motion{height:380px}.pill{min-width:min(240px,100%)}.contact-links{gap:30px 50px}}@media (max-width:900px){header{min-height:86px}nav{gap:30px;padding-right:0}.hero{min-height:calc(100svh - 86px);padding:100px 0}.hero h1{font-size:clamp(3.4rem,7.7vw,4.8rem)}.hero-actions{gap:25px;margin-top:50px}.pill{min-width:min(220px,100%);min-height:57px;font-size:1.25rem}.introduction{gap:5%;padding-block:100px}.intro-copy>p{font-size:1rem}.motion{height:340px}.selected-work{row-gap:0;padding-block:90px}.work-copy{grid-area:1/1/auto/-1;max-width:600px;margin-bottom:45px;position:static}.work-copy h2 br{display:none}.work-copy h2 span{margin-left:0;display:inline}.work-copy h2{font-size:4.5rem}.work-copy>p{max-width:470px}.work-window{grid-area:2/1/auto/-1}.work-list{gap:30px}.work-entry,.work-more{padding-left:0}.work-dot{display:none}.work-card{min-height:320px}.work-card h3{font-size:2.5rem}.work-card p{max-width:60ch;font-size:1.1rem}.connect{padding:100px 0 120px}.contact-links{margin-top:65px}.page-intro p{max-width:280px}}@media (max-width:600px){html{scroll-padding-top:95px}.shell{width:90%}header{gap:16px;min-height:76px;padding:10px 0}.wordmark{font-size:18px}nav{letter-spacing:.025em;gap:15px;font-size:13px}.hero{min-height:calc(100svh - 76px);padding:80px 0 100px}.hero h1{font-size:clamp(2.9rem,11.4vw,4rem);line-height:1.55}.hero-actions{flex-direction:column;align-items:center;gap:18px;margin-top:45px}.pill{min-width:min(215px,100%);min-height:52px;font-size:1.1rem}.introduction{grid-template-columns:minmax(0,1fr);gap:35px;min-height:0;padding:80px 0}.intro-copy h2{font-size:3.8rem}.intro-copy>p{margin-top:25px;font-size:1rem}.intro-visual{justify-self:center;gap:20px;width:100%;max-width:360px}.intro-visual .pill{width:auto;padding-inline:25px}.motion{height:330px}.selected-work{padding:80px 0}.work-copy{margin-bottom:35px}.work-copy h2{font-size:3.6rem}.work-copy>p{margin:25px 0 30px;font-size:1.1rem}.work-more .pill{width:auto;min-width:min(200px,100%);font-size:1.1rem}.work-card{border-radius:var(--card-radius);min-height:340px;padding:25px 25px 64px}.work-card h3{font-size:2rem}.work-card p{font-size:1rem}.connect{min-height:0;padding:70px 0 90px}.connect h2{font-size:clamp(2.8rem,11vw,3.7rem);line-height:1.5}.contact-links{grid-template-columns:1fr;gap:30px;width:100%;margin:50px 0 0;padding-inline:15px}.contact-links span{overflow-wrap:anywhere;justify-content:space-between;gap:10px;font-size:1.1rem}footer{gap:10px;padding:20px 0;font-size:11px}.text-link,footer>a{font-size:15px}.interior{padding:55px 0 65px}.page-intro{margin-bottom:40px;display:block}.page-intro p{margin-top:25px;font-size:15px}.back{margin-bottom:40px}.detail-type{font-size:10px}.facts{grid-template-columns:1fr;gap:24px;margin:40px 0}.about-page .section{margin-top:45px;display:block}.about-page .section>div{margin-top:25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}.hero-copy,.work-card,.work-dot{opacity:1!important;transform:none!important}}.prototype-icons{flex-wrap:wrap;align-items:center;gap:35px;margin-top:60px;display:flex}.prototype-icons .prototype-icon{object-fit:contain;width:48px;height:48px}.prototype-icons>a,.prototype-icons>span{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.prototype-icons>a{color:inherit;transition:color .2s}.prototype-icons>a:focus-visible,.prototype-icons>a:hover{color:var(--accent)}.motion-toggle{z-index:20;background:var(--bg);border:1px solid var(--line);border-radius:24px;min-height:44px;padding:8px 16px;position:fixed;bottom:18px;right:4%;transform:none}.home[data-pinned] .story-stage{isolation:isolate;height:calc(100svh - 104px);position:relative;overflow:clip}.home[data-pinned] .story-stage>section{height:100%;min-height:0;margin:0;position:absolute;inset:0;overflow:clip}.home[data-pinned] .hero{padding:50px 0 80px}.home[data-pinned] .introduction{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:5%;padding:55px 6%}.home[data-pinned] .intro-copy>p{margin-top:35px;font-size:clamp(1.1rem,2.23vw,2rem)}.home[data-pinned] .intro-copy h2{font-size:clamp(3.5rem,6.67vw,6rem)}.home[data-pinned] .motion{height:clamp(300px,45svh,490px)}.home[data-pinned] .selected-work{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:6%;padding:60px 6%}.home[data-pinned] .work-copy{align-self:center;position:static}.home[data-pinned] .work-copy h2{font-size:clamp(3.5rem,6.67vw,6rem)}.home[data-pinned] .work-copy>p{margin:30px 0;font-size:clamp(1.1rem,2.23vw,2rem)}.home[data-pinned] .work-window{align-self:center;height:min(860px,100svh - 160px);padding-block:12px;overflow:visible}.home[data-pinned] .work-list{flex-direction:column;gap:16px;display:flex}.home[data-pinned] .work-entry{flex-shrink:0;padding-left:55px;position:relative}.home[data-pinned] .work-more{padding-left:55px}.home[data-pinned] .work-card{border-radius:var(--card-radius);background:0 0;border-color:#0000;height:60px;min-height:0;padding:8px 28px;transition:none;position:relative;overflow:hidden}.home[data-pinned] .work-card h3{white-space:nowrap;-webkit-line-clamp:2;font-size:clamp(1.25rem,2.23vw,2rem)}.home[data-pinned] .work-card h3,.home[data-pinned] .work-card p{-webkit-box-orient:vertical;flex-shrink:0;display:-webkit-box;overflow:hidden}.home[data-pinned] .work-card p{-webkit-line-clamp:3;margin:12px 0;font-size:clamp(.9rem,1.5vw,1.3rem);line-height:1.55}.home[data-pinned] .work-entry[data-active=false] .work-love{display:none}.home[data-pinned] .work-dot{width:28px;height:28px;left:4px}.home[data-pinned] .work-entry[data-active=false] .work-dot{background:var(--muted);transform:scale(.65)}.home[data-pinned] .work-entry[data-active=false] h3{color:var(--muted)}.home[data-pinned] .connect{padding:55px 0 75px}.home[data-pinned] .contact-links{gap:35px 65px;margin-top:65px}@media (max-width:900px){.home[data-pinned] .story-stage{height:calc(100svh - 86px)}.home[data-pinned] .hero{padding:40px 0 60px}.home[data-pinned] .introduction{text-align:center;justify-content:center;gap:15px;padding:25px 4%}.home[data-pinned] .intro-copy,.home[data-pinned] .introduction{flex-direction:column;align-items:center;display:flex}.home[data-pinned] .intro-copy h2{font-size:clamp(2.5rem,8vw,3.8rem);line-height:1.2}.home[data-pinned] .intro-copy>p{max-width:480px;margin-top:12px;font-size:clamp(.95rem,2.2vw,1.15rem)}.home[data-pinned] .prototype-icons{justify-content:center;gap:20px;margin-top:15px}.home[data-pinned] .intro-visual{gap:12px;width:100%;max-width:320px}.home[data-pinned] .intro-visual .motion{height:clamp(160px,24svh,230px)}.home[data-pinned] .intro-visual .pill{min-width:min(200px,100%);min-height:46px;font-size:.95rem}.home[data-pinned] .selected-work{flex-direction:column;justify-content:center;align-items:stretch;gap:6px;padding:24px 4% 16px;display:flex}.home[data-pinned] .work-copy{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;margin-bottom:6px;display:flex}.home[data-pinned] .work-copy h2{text-align:left;width:max-content;max-width:100%;font-size:clamp(2.8rem,15vw,4rem);line-height:1.15}.home[data-pinned] .work-copy h2 br{display:initial}.home[data-pinned] .work-copy h2 span{margin-left:.35em;display:block}.home[data-pinned] .work-copy>p{max-width:440px;margin:18px 0 12px;font-size:.875rem;line-height:1.65}.home[data-pinned] .work-window{flex:1;width:100%;height:auto;min-height:0;padding-block:4px;overflow:hidden}.home[data-pinned] .work-list{gap:12px}.home[data-pinned] .work-entry{padding-left:0}.home[data-pinned] .work-more{text-align:center;padding-left:0}.home[data-pinned] .work-dot{width:20px;height:20px;left:4px}.home[data-pinned] .work-card{border-radius:var(--card-radius);height:44px;padding:8px 20px}.home[data-pinned] .work-card h3{font-size:clamp(1.1rem,3.8vw,1.4rem)}.home[data-pinned] .work-card p{margin:10px 0;font-size:clamp(.85rem,2.8vw,1rem)}.home[data-pinned] .connect{justify-content:center;padding:40px 4% 60px}.home[data-pinned] .connect h2{font-size:clamp(2.5rem,8vw,3.6rem);line-height:1.25}.home[data-pinned] .contact-links{gap:20px 30px;margin-top:35px}}@media (max-width:600px){.home[data-pinned] .story-stage{height:calc(100svh - 76px)}.home[data-pinned] .contact-links{grid-template-columns:1fr;gap:18px;margin-top:30px;padding-inline:10px}.home[data-pinned] .work-card{border-radius:var(--card-radius)}}@media (min-width:901px) and (max-height:799px){.home[data-pinned] .work-card{height:48px}}@media (max-width:900px){.prototype-icons{gap:25px;margin-top:35px}.prototype-icons .prototype-icon{width:38px;height:38px}}@media (max-width:600px){.prototype-icons{gap:25px}.contact-links .prototype-icon,.prototype-icons .prototype-icon{width:32px;height:32px}.contact-links>a{gap:20px}.motion-toggle{font-size:11px;bottom:12px;right:15px}}.home[data-preview]:not([data-pinned]) .work-entry[data-active=false] .work-card{background:0 0;border-color:#0000;min-height:0;padding-block:12px}.home[data-preview] .work-entry[data-active=false] :is(.work-card p,.work-love){display:none}.home[data-preview]:not([data-pinned]) .work-entry[data-active=false] h3{color:var(--muted);font-size:clamp(1.4rem,2.5vw,2rem)}.home[data-preview]:not([data-pinned]) .work-list{gap:20px}.home[data-preview]:not([data-pinned]) .work-entry[data-neighbor=true] .work-card{background:#ffffff0c;border-color:#ffffff13;height:130px;min-height:0;padding:12px 28px;overflow:hidden}.home[data-preview]:not([data-pinned]) .work-entry[data-neighbor=true] .work-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1.7rem,2.7vw,2.4rem);display:-webkit-box;overflow:hidden}.home[data-preview]:not([data-pinned]) .work-cover{transition:opacity .45s}.home[data-preview]:not([data-pinned]) .work-entry[data-active=false][data-neighbor=false] .work-cover{opacity:0}header nav{white-space:nowrap;letter-spacing:.03em;flex-wrap:nowrap;gap:clamp(8px,2.4vw,38px);min-width:0;padding-right:0;font-size:clamp(.8rem,1.15vw,1rem)}.nav-links{align-items:center;gap:inherit;scrollbar-width:none;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-menu{display:none}header nav a{flex-shrink:0;justify-content:center;min-width:44px;padding:0 8px;transition:color .2s;position:relative}header nav a:focus-visible{outline-offset:-2px}.shell:has(.about-page,.cv-page) header a[href="/#about"],.shell:has(.about-page,.cv-page) header a[href=\/about],.shell:has(.blog-catalog) header a[href=\/blog],.shell:has(.catalog:not(.blog-catalog),.detail:not(.blog-page)) header a[href="/#work"],.shell:has(.catalog:not(.blog-catalog),.detail:not(.blog-page)) header a[href=\/projects],.shell:has(.home[data-scene=about]) header a[href="/#about"],.shell:has(.home[data-scene=connect]) header a[href="/#connect"],.shell:has(.home[data-scene=work]) header a[href="/#work"]{color:var(--accent)}@media (max-width:900px){.introduction{text-align:center}.prototype-icons{justify-content:center}.work-copy{text-align:center;align-self:center;width:100%}.work-copy h2{text-align:left;width:max-content;max-width:100%;margin-inline:auto;font-size:clamp(2.8rem,15vw,4rem);line-height:1.15}.work-copy h2 br{display:initial}.work-copy h2 span{margin-left:.35em;display:block}.contact-links,.home[data-pinned] .contact-links{width:auto;margin:35px 0 0;padding:0}}@media (max-width:600px){header{gap:8px}header nav{font-size:.875rem}header .nav-links{display:none}.nav-menu{display:block;position:relative}.nav-menu summary{cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 12px;list-style:none;display:flex}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-menu[open] summary{color:var(--accent)}.nav-menu-links{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:stretch;width:min(240px,100vw - 32px);max-height:calc(100svh - 100px);padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}header .nav-menu-links a{white-space:normal;overflow-wrap:anywhere;justify-content:flex-start;padding-inline:16px}header .nav-menu-links a:hover{background:var(--media-bg)}footer{align-items:flex-start;gap:12px;padding:26px 0 80px}.footer-socials{gap:4px}.footer-signature p{max-width:160px;font-size:.75rem}.contact-links .pill{min-width:min(220px,100%);font-size:1.1rem}}@media (max-width:900px){.home[data-pinned] .work-card p{-webkit-line-clamp:2}}@media (max-width:360px){.home[data-pinned] .prototype-icons{gap:8px}}.shell:has(.home[data-pinned])>footer{z-index:5;background:var(--bg);visibility:hidden;opacity:0;pointer-events:none;width:min(1326px,92%);transition:opacity .25s;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.shell:has(.home[data-pinned][data-scene=connect])>footer{visibility:visible;opacity:1;pointer-events:auto}.home[data-pinned] .connect{padding-bottom:200px}@media (max-width:600px){.shell:has(.home[data-pinned])>footer{width:90%}}.home .story-stage .connect h2,.home .story-stage .hero h1,.home .story-stage .intro-copy h2,.home .story-stage .work-copy h2{font-family:var(--display);font-weight:400;font-size:var(--heading-size);line-height:var(--heading-leading)}.home .story-stage .work-copy h2{font-size:min(var(--heading-size),18cqw)}@media (max-width:900px){:root{--heading-size:clamp(2.5rem,11vw,3.75rem);--card-radius:28px}}@media (max-width:600px){:root{--card-radius:24px}}@media (max-width:900px){.home .story-stage .introduction{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.home .story-stage .intro-copy,.home .story-stage .intro-visual{display:contents}.home .story-stage .intro-copy h2{order:0;max-width:100%}.home .story-stage .intro-visual .motion{order:1;width:min(320px,100%);height:clamp(140px,22svh,200px)}.home .story-stage .intro-copy>p{order:2;max-width:480px;margin-top:0}.home .story-stage .prototype-icons{order:3;margin-top:0}.home .story-stage .intro-visual .pill{order:4;width:auto;max-width:100%}.home[data-pinned] .introduction{gap:12px;padding:20px 4%}}header .wordmark{transition:color .2s}.shell:has(.home[data-scene=hero]) header .wordmark,header .wordmark:hover{color:var(--accent)}.catalog .page-intro{margin-bottom:28px}.category-pills{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;gap:10px;padding:0 0 28px;display:flex;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}.category-pills .pill{white-space:nowrap;flex-shrink:0;min-width:0;min-height:44px;padding:10px 22px;font-size:14px}.catalog-grid{column-count:3;column-gap:24px}.catalog-card{vertical-align:top;break-inside:avoid;background:0 0;border:0;width:100%;min-width:0;margin-bottom:28px;padding:0;display:inline-block;position:relative}.catalog-grid[data-masonry]{column-count:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1px;align-items:start;gap:0 24px;display:grid}.catalog-grid[data-masonry] .catalog-card{margin:0}.catalog-card:nth-child(6n+2){--preview-ratio:4/3}.catalog-card:nth-child(6n+3){--preview-ratio:1/1}.catalog-card:nth-child(6n+4){--preview-ratio:3/4}.catalog-card:nth-child(6n+5){--preview-ratio:5/4}.catalog-project:after{content:"";z-index:1;border-radius:20px;position:absolute;inset:0}.catalog-project:focus-visible{outline:none}.catalog-card:has(.catalog-project:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.catalog-preview{aspect-ratio:var(--preview-ratio,4/5);background:var(--media-bg);border-radius:20px;width:100%;position:relative;overflow:hidden}.catalog-preview img{object-fit:cover;width:100%;height:100%;display:block}.catalog-details{justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;padding:10px 2px 0;display:flex}.catalog-details h2{letter-spacing:-.02em;min-width:0;font-size:18px;line-height:1.4}.catalog-project:focus-visible,.catalog-project:hover{color:var(--accent)}.catalog-love{z-index:2;flex-shrink:0;position:relative}.catalog-love .love-button{gap:6px;font-size:22px}.catalog-love .love-error{background:var(--bg);z-index:3;border-radius:8px;min-width:20ch;max-width:28ch;padding:8px 12px;position:absolute;top:100%;right:0}.love-button{min-height:44px;color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #000b15;background:0 0;border:0;align-items:center;gap:8px;padding:6px;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1;display:inline-flex}.love-button svg{filter:drop-shadow(0 2px 4px #000b15);width:1em;height:1em}.love-button:hover,.love-button[aria-pressed=true]{color:var(--accent)}.love-button:disabled{opacity:.6}.love-error{color:var(--ink);margin-top:8px;font-size:12px;line-height:1.5}.work-entry:not([data-active=true]) .work-love{display:none}.work-love{z-index:2;position:absolute;bottom:23px;right:28px}.work-love .love-button{gap:8px;font-size:1rem}.work-love .love-error{background:var(--bg);border-radius:8px;max-width:28ch;padding:6px 10px}@media (max-width:1000px){.catalog .page-intro{flex-direction:column;align-items:flex-start;gap:24px}.catalog .page-intro p{margin:0}}@media (max-width:1100px){.catalog-grid{column-count:2}.catalog-grid[data-masonry]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.catalog-grid{column-count:1}.catalog-grid[data-masonry]{grid-template-columns:1fr}}.catalog .page-intro h1,.interior>h1{font-size:var(--heading-size);line-height:var(--heading-leading);letter-spacing:-.025em}.interior :is(.overview-note,.narrative,.section,.empty)>h2,.narrative section>h2{font-size:var(--section-heading-size);letter-spacing:-.025em;line-height:1.4}.interior .pill-compact{gap:16px;min-width:0;min-height:50px;padding:12px 24px;font-size:14px}.interior>.page-message{color:var(--muted);max-width:70ch;margin-block:32px}.back:hover{color:var(--accent)}.back svg{transform:rotate(180deg)}.about-page .section p,.narrative p{max-width:70ch}.cv-page{max-width:960px;margin-inline:auto}.cv-header{border-bottom:1px solid var(--line);background:0 0;justify-content:space-between;align-items:flex-start;gap:48px;min-height:auto;padding-bottom:56px;display:flex;position:static}.cv-header-copy{flex:1;min-width:0}.cv-name{font-family:var(--display);letter-spacing:-.025em;color:var(--ink);font-size:clamp(2.75rem,5.5vw,4.5rem);line-height:1.15}.cv-headline,.cv-name span{color:var(--accent)}.cv-headline{font-family:var(--subheading);margin-top:16px;font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:700}.cv-location{color:var(--muted);margin-top:8px;font-size:14px}.cv-actions{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.cv-download-btn{background:var(--ink);color:var(--bg);border-color:var(--ink);gap:10px;font-weight:600}.cv-download-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.cv-secondary-btn{color:var(--ink);border-color:var(--line);gap:12px}.cv-secondary-btn:hover{border-color:var(--accent);color:var(--accent);background:0 0}.cv-avatar-wrap{flex-shrink:0}.cv-avatar{border:1px solid var(--line);background:var(--media-bg);border-radius:28px;width:180px;height:180px;overflow:hidden;box-shadow:0 12px 32px #00000073}.cv-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.cv-section{border-bottom:1px solid var(--line);padding:48px 0}.cv-section:last-of-type{border-bottom:none}.cv-section h2{font-family:var(--subheading);letter-spacing:-.02em;color:var(--ink);margin-bottom:28px;font-size:clamp(1.4rem,2.4vw,2rem)}.cv-section-title-wrap{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.cv-section-title-wrap h2{margin-bottom:0}.cv-all-projects-link{font-family:var(--subheading);color:var(--muted);align-items:center;gap:6px;font-size:13px;transition:color .2s;display:inline-flex}.cv-all-projects-link:hover{color:var(--accent)}.cv-section-content{flex-direction:column;gap:18px;display:flex}.cv-bio{color:var(--ink);max-width:75ch;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.7}.cv-timeline{gap:32px}.cv-entry,.cv-timeline{flex-direction:column;display:flex}.cv-entry{gap:8px}.cv-entry-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.cv-entry-role{font-family:var(--subheading);color:var(--ink);font-size:1.1rem;font-weight:700}.cv-project-link{align-items:center;gap:8px;transition:color .2s;display:inline-flex}.cv-entry-time,.cv-project-link:hover{color:var(--accent)}.cv-entry-time{font-family:var(--subheading);letter-spacing:.05em;font-size:12px}.cv-entry-place{color:var(--accent);margin:0;font-size:14px;font-weight:500}.cv-entry-desc{color:var(--muted);max-width:72ch;margin:4px 0 0;font-size:14px;line-height:1.65}.cv-skills-grid{grid-template-columns:1fr;gap:20px;display:grid}.cv-skill-group{flex-direction:column;gap:6px;display:flex}.cv-skill-category{font-family:var(--subheading);color:var(--ink);letter-spacing:.02em;font-size:13px;font-weight:700}.cv-skill-items{color:var(--muted);margin:0;font-size:14px;line-height:1.6}@media (max-width:768px){.cv-header{flex-direction:column-reverse;gap:28px}.cv-avatar{border-radius:20px;width:130px;height:130px}}.catalog-video{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.catalog-video[data-playing=true],.catalog-video[data-still=true]{opacity:1}.catalog-load{flex-direction:column;align-items:center;gap:12px;padding-top:36px;display:flex}.catalog-load .pill{min-width:0;min-height:44px;padding:10px 24px;font-size:14px}.catalog-fallback{gap:24px;padding-top:24px;list-style:none;display:grid}.catalog-fallback a{text-decoration:underline}html:has(.catalog){scrollbar-width:none}html:has(.catalog)::-webkit-scrollbar{display:none}.catalog-load[data-auto=true][data-error=false] button:not(:focus-visible){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.category-pills [data-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.category-pills .pill{gap:8px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.blog-filters{display:flex;gap:12px;flex-wrap:wrap;letter-spacing:normal;margin-bottom:32px}.blog-filters .pill{min-width:0}.blog-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,28%);gap:48px;align-items:center;padding:42px 0;border-top:1px solid var(--line)}.blog-entry-copy{min-width:0;max-width:70ch}.blog-meta{display:flex;flex-wrap:wrap;gap:10px 24px;color:var(--muted);font-size:.875rem;line-height:1.7}.blog-meta>span:first-child{color:var(--accent)}.blog-entry h2{font-size:clamp(1.5rem,2.8vw,2.5rem);line-height:1.4;margin:16px 0}.blog-entry h2 a:hover{color:var(--accent)}.blog-entry p{color:var(--muted);font-size:1.0625rem;line-height:1.8}.blog-entry .text-link{margin-top:20px}.blog-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--card-radius);background:var(--media-bg)}.blog-entry:not(:has(.blog-thumbnail)){grid-template-columns:1fr}.blog-empty h2{font-size:var(--section-heading-size)}.blog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:40px;font-family:inherit;letter-spacing:normal}.blog-pagination span{font-size:.875rem;color:var(--muted)}.blog-detail{max-width:960px;margin-inline:auto}.blog-title{max-width:75ch}.blog-title h1{font-size:clamp(2.25rem,4.6vw,4rem);line-height:1.3;text-wrap:balance}.blog-title .blog-meta,.blog-title .lede{margin-top:24px}.blog-cover{margin:40px 0 0}.blog-cover img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:var(--card-radius)}.blog-body{max-width:70ch;margin:48px auto 0;font-size:1.125rem;line-height:1.85;overflow-wrap:anywhere}.blog-body .project-rich-text>*+*{margin-top:24px}.blog-body h2,.blog-body h3,.blog-body h4{margin:48px 0 20px;font-size:clamp(1.375rem,2.5vw,2rem);line-height:1.45;scroll-margin-top:140px}.blog-body h3{font-size:1.4rem}.blog-body h4{font-size:1.2rem}.blog-body p{line-height:1.85}.blog-body a{text-decoration:underline;text-underline-offset:5px;color:var(--accent)}.blog-body ol,.blog-body ul{padding-left:24px;list-style:revert}.blog-body li+li{margin-top:8px}.blog-body blockquote{margin-inline:0;padding:24px;border-block:1px solid var(--line);color:var(--muted)}.blog-body figure{margin-inline:0}.blog-body img,.blog-body video{display:block;width:100%;height:auto;border-radius:16px}.blog-body video{max-height:70vh;background:var(--media-bg)}.content-code{min-width:0;max-width:100%;margin-inline:0}.content-code figcaption{font-size:.875rem;color:var(--muted);margin-bottom:8px}.content-code pre{overflow-x:auto;max-width:100%;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--media-bg);line-height:1.7;tab-size:2;white-space:pre}.content-code code{font-family:monospace;font-size:.875rem;overflow-wrap:normal}.blog-return{margin-top:64px}.blog-preview{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:32px;color:var(--muted)}.blog-card-type{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.blog-detail-love{display:inline-flex;align-items:center;margin-left:auto}.blog-detail-love .love-button{min-height:auto;padding:0;font-size:18px}.shell:has(.blog-page,.blog-catalog)>header a[href="/blog"]{color:var(--accent)}@media(max-width:600px){.blog-entry{grid-template-columns:1fr;gap:24px;padding-block:32px}.blog-thumbnail{grid-row:1;max-width:100%}.blog-body{font-size:1.0625rem;margin-top:32px}.blog-title h1{font-size:clamp(2rem,8vw,3rem)}.content-code pre{padding:16px}.blog-meta{gap:6px 16px}}