@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.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}:root{--color-plum:#4a3a52;--color-blush:#fdf2fb;--color-violet:#c084fc;--color-blue:#a5d8ff;--color-paper:#261f2e;--color-paper-deep:#201a27;--color-surface:#352b3e;--color-text:var(--color-blush);--color-muted:#b9acbf;--color-line:#514357;--color-shadow:#100c1680;--color-accent:var(--color-violet);--color-lime:#d6eea5;--color-stage-blue:#91b5d2;--color-stage-violet:#aa91c5;--color-stage-sand:#b3aea5;--color-stage-rose:#c6aebf;--color-stage-green:#97c8b6;--color-dark-ink:#272330;--color-ink-soft:#50475a;--color-transparent:transparent;--font-body:"Manrope Variable", sans-serif;--font-display:var(--font-body);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--text-display:clamp(4.5rem, 7.9vw, 8rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--dur-short:.18s;--dur-medium:.35s}*,:before,:after{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth;background:var(--color-paper);scroll-padding-top:6rem;overflow-x:clip}body{background:var(--color-paper);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65;overflow-x:clip}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}a,button{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-blue)}button{background:0 0;border:0}img,svg{display:block}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;overflow-wrap:anywhere;font-style:normal}p{text-wrap:pretty}::selection{background:var(--color-violet);color:var(--color-paper)}.shell{width:min(100% - 3rem,1360px);margin-inline:auto}.eyebrow{font-size:var(--text-xs);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:var(--space-3);color:var(--color-muted);font-weight:600;display:flex}.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}.skip-link{z-index:100;background:var(--color-blush);color:var(--color-paper);padding:1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.header{z-index:30;align-items:center;gap:2rem;height:108px;display:flex;position:relative}.wordmark{letter-spacing:-.07em;white-space:nowrap;align-items:center;gap:.65rem;font-size:1.5rem;font-weight:700;display:flex}.wordmark svg{width:29px;height:29px;color:var(--color-violet)}.wordmark-dot{color:var(--color-violet);margin-left:-.65rem}.desktop-nav,.contact-nav{display:none}.menu-toggle{margin-left:auto}.mobile-nav{top:90px;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 24px 60px var(--color-shadow);padding:1rem;position:absolute;inset-inline:0}.mobile-nav[hidden]{display:none}.mobile-nav a{justify-content:space-between;padding:1rem;display:flex}.mobile-nav a span{color:var(--color-violet)}.icon-button{border:1px solid var(--color-line);width:44px;height:44px;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--color-surface)}.icon-button:active{transform:scale(.94)}.arrow{flex:none}.arrow-left{transform:rotate(180deg)}.hero{padding-top:var(--space-10);isolation:isolate;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.hero-field{z-index:-1;top:-90px;bottom:80px;pointer-events:none;background:radial-gradient(ellipse at var(--glow-x,75%) var(--glow-y,45%),color-mix(in srgb,var(--color-violet) 12%,transparent),transparent 56%);opacity:.8;position:absolute;inset-inline:-18%}.hero-copy{z-index:5;position:relative}.small-star{color:var(--color-blue);font-size:1.3rem}h1{font-size:var(--text-display);letter-spacing:-.075em;margin-top:2rem;font-weight:500;line-height:1.04}h1 span{color:var(--color-violet)}.hero-intro{font-size:var(--text-lg);color:var(--color-muted);letter-spacing:-.025em;margin-top:2rem;line-height:1.55}.button{white-space:nowrap;border-radius:var(--radius-full);min-height:56px;font-size:var(--text-sm);transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out);justify-content:center;align-items:center;gap:2rem;padding:1rem 1.5rem;font-weight:700;display:inline-flex}.button-light{background:var(--color-blush);color:var(--color-paper);margin-top:2rem}.button-light:hover{background:var(--color-blue)}.button:hover .arrow,.site-link:hover .arrow,.contact-nav:hover .arrow{transform:translate(3px,-3px)}.button .arrow,.site-link .arrow,.contact-nav .arrow{transition:transform var(--dur-medium) var(--ease-out)}.button:active{transform:scale(.98)}.hero-signoff{font-size:var(--text-xs);color:var(--color-muted);margin-top:1rem}.hero-preview{min-width:0;padding:3rem 1.5rem 0;position:relative}.deck-kicker{color:var(--color-muted);font-size:var(--text-xs);align-items:center;gap:1rem;margin-bottom:4rem;display:flex}.deck-line{background:var(--color-line);width:60px;height:1px}.deck{aspect-ratio:1.23;width:85%;margin:0 auto;position:relative}.deck-card{border-radius:var(--radius-md);background:var(--stage);color:var(--color-dark-ink);box-shadow:0 22px 55px var(--color-shadow);flex-direction:column;padding:1rem;display:flex;position:absolute;inset:0;overflow:hidden}.deck-card.front{cursor:grab;touch-action:pan-y}.deck-card.front:active{cursor:grabbing}.theme-lime{--stage:var(--color-lime)}.theme-blue{--stage:var(--color-stage-blue)}.theme-violet{--stage:var(--color-stage-violet)}.theme-sand{--stage:var(--color-stage-sand)}.theme-rose{--stage:var(--color-stage-rose)}.theme-green{--stage:var(--color-stage-green)}.deck-card-top{font-size:var(--text-sm);align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:700;display:flex}.deck-number{font-variant-numeric:tabular-nums;margin-left:auto;font-size:.65rem;font-weight:500}.project-symbol{border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:1.5rem;font-weight:700;line-height:1;display:grid;overflow:hidden}.project-symbol svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:23px;height:23px}.project-symbol img{object-fit:contain;width:27px;height:40px;transform:translateY(7px)}.symbol-crankmyhog{background:var(--color-lime)}.symbol-sounddarc{background:var(--color-blue);color:var(--color-paper)}.symbol-groovelearner{background:var(--color-violet);color:var(--color-paper)}.symbol-vaevro{background:var(--color-dark-ink);color:var(--color-blush)}.symbol-tidytracer{background:var(--color-stage-rose);color:var(--color-paper)}.symbol-repli{background:var(--color-stage-green);color:var(--color-paper);font-size:1.8rem}.deck-image{object-fit:cover;object-position:top;border-radius:var(--radius-sm);pointer-events:none;flex:1;width:100%;min-height:0}.deck-card-bottom{justify-content:space-between;align-items:center;padding-top:.65rem;font-size:.65rem;display:flex}.deck-card-bottom a{place-items:center;width:32px;height:30px;display:grid}.deck-card-bottom a:focus-visible{outline-color:var(--color-dark-ink)}.deck-controls{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:2.5rem;display:flex}.drag-hint{color:var(--color-muted);margin-right:auto;font-size:.75rem}.deck-pagination{color:var(--color-muted);font-variant-numeric:tabular-nums;margin-right:.5rem;font-size:.75rem}.deck-pagination span{color:var(--color-text)}.hero-bottom{color:var(--color-muted);border-bottom:1px solid var(--color-line);grid-column:1/-1;justify-content:space-between;align-items:center;margin:3rem 0 0;padding:1.5rem 0;font-size:.65rem;display:flex}.hero-bottom a{white-space:nowrap;align-items:center;gap:1rem;display:flex}.down-arrow{transform:rotate(90deg)}.work-section{padding-top:5rem}.section-heading{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.section-heading h2{letter-spacing:-.06em;margin-top:1rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:500;line-height:1.2}.small-count{vertical-align:super;letter-spacing:0;color:var(--color-violet);margin-left:1rem;font-size:.875rem}.section-heading>p{color:var(--color-muted);font-size:.875rem;line-height:1.7}.project-index{margin-bottom:3rem}.index-label{display:none}.project-index nav{flex-wrap:wrap;gap:.5rem;display:flex}.project-index a{background:var(--color-surface);border-radius:var(--radius-sm);white-space:nowrap;min-height:44px;transition:background-color var(--dur-short) var(--ease-out);align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.7rem;display:flex}.project-index .project-symbol{border-radius:5px;width:24px;height:24px;font-size:1.1rem}.project-index .project-symbol svg{width:18px;height:18px}.project-index a:hover,.project-index a.is-active{background:var(--color-plum)}.index-active{background:var(--color-transparent);border-radius:50%;width:4px;height:4px;margin-left:2px}.is-active .index-active{background:var(--color-blush)}.projects-grid{grid-template-columns:minmax(0,1fr);gap:3rem;display:grid}.project{scroll-margin-top:2rem}.project-topline{color:var(--color-muted);justify-content:space-between;margin-bottom:.8rem;font-size:.65rem;display:flex}.project-num{color:var(--color-violet);font-variant-numeric:tabular-nums;margin-right:.5rem}.project-stage{background:var(--stage);color:var(--color-dark-ink);border-radius:var(--radius-md);isolation:isolate;flex-direction:column;justify-content:center;gap:1rem;min-height:320px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.gallery-screen{flex:1;justify-content:center;align-items:center;width:100%;min-width:0;padding-bottom:1.25rem;display:flex;position:relative}.gallery-screen img{object-fit:contain;width:100%;height:100%;max-height:340px;box-shadow:0 14px 36px color-mix(in srgb,var(--color-dark-ink) 25%,transparent);animation:screen-in .3s var(--ease-out);border-radius:5px}.screen-note{text-align:center;letter-spacing:.025em;color:var(--color-ink-soft);font-size:.55rem;position:absolute;bottom:0;left:0;right:0}.gallery-toolbar{z-index:5;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;display:flex;position:relative}.screen-tabs{background:color-mix(in srgb,var(--color-dark-ink) 9%,transparent);border-radius:var(--radius-full);flex-wrap:wrap;gap:2px;max-width:100%;padding:3px;display:flex}.screen-tabs button{border-radius:var(--radius-full);white-space:nowrap;min-height:40px;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out);padding:.6rem .8rem;font-size:.65rem}.screen-tabs button[aria-pressed=true]{background:var(--color-dark-ink);color:var(--color-blush)}.screen-tabs button:focus-visible,.tour-toggle:focus-visible{outline-color:var(--color-dark-ink)}.tour-toggle{border-radius:50%;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:0 5px;font-size:.65rem;display:flex}.tour-toggle>span:last-child{display:none}.tour-toggle:hover{background:color-mix(in srgb,var(--color-dark-ink) 10%,transparent)}.portrait-screen img{object-fit:contain;width:auto;max-width:100%;max-height:300px;box-shadow:none}.project-details{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:1.5rem;display:flex}.project-details h3{font-size:var(--text-xl);letter-spacing:-.04em;font-weight:600}.project-details p{color:var(--color-muted);max-width:54ch;margin-top:.5rem;font-size:.875rem;line-height:1.7}.site-link{white-space:nowrap;align-items:center;gap:1rem;min-height:44px;font-size:.75rem;display:flex}.project-type{color:var(--color-muted);font-size:.75rem;line-height:44px}.site-link:hover{color:var(--color-violet)}.stage-crankmyhog{background:var(--color-lime);padding-top:2rem}.crank-stage-copy{z-index:2;flex-direction:column;justify-content:center;display:flex;position:relative}.stage-label{letter-spacing:.12em;font-size:.55rem;font-weight:700}.crank-stage-copy h3{letter-spacing:-.06em;margin-top:.75rem;font-size:1.75rem;font-weight:700;line-height:1.1}.hog-mascot,.vaevro-caption{display:none}.compare-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.compare-heading>span{letter-spacing:-.04em;max-width:12ch;font-size:1rem;font-weight:600;line-height:1.25}.comparison{aspect-ratio:1.3;border-radius:var(--radius-sm);background:var(--color-blush);position:relative;overflow:hidden}.compare-image{justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.compare-image img{object-fit:contain;width:100%;height:100%}.raster-image{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:var(--color-blush)}.raster-image img{image-rendering:pixelated}.compare-divider{inset:0 auto 0 var(--split);border-left:2px solid var(--color-dark-ink);pointer-events:none;position:absolute}.compare-divider>span{background:var(--color-dark-ink);color:var(--color-blush);border-radius:var(--radius-full);gap:2px;padding:10px 4px;display:flex;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.compare-divider svg{width:15px;height:15px}.compare-range{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison:focus-within{outline:3px solid var(--color-dark-ink);outline-offset:4px}.compare-label{background:var(--color-dark-ink);color:var(--color-blush);border-radius:var(--radius-full);pointer-events:none;padding:3px 10px;font-size:.55rem;position:absolute;bottom:12px}.original-label{left:12px}.vector-label{right:12px}.compare-instruction{text-align:center;color:var(--color-ink-soft);font-size:.65rem}.about{grid-template-columns:minmax(0,1fr);gap:3rem;padding-block:6rem;display:grid}.about h2{letter-spacing:-.065em;margin-top:2rem;font-size:clamp(3rem,5.3vw,5.5rem);font-weight:500;line-height:1.08}.about h2 span{color:var(--color-muted)}.about-stamp{color:var(--color-muted);align-items:center;gap:1.25rem;margin-top:2rem;font-size:.75rem;line-height:1.7;display:flex}.about-stamp svg{width:48px;height:48px;color:var(--color-violet);transform:rotate(15deg)}.about-lead{letter-spacing:-.035em;margin-bottom:1.5rem;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.5}.about-content>p:not(.about-lead){color:var(--color-muted);max-width:52ch;font-size:.875rem}.about-tabs{border-bottom:1px solid var(--color-line);flex-wrap:wrap;gap:.35rem;margin-top:2rem;padding-bottom:.65rem;display:flex}.about-tabs button{min-height:44px;color:var(--color-muted);white-space:nowrap;border-radius:6px;padding:.4rem .65rem;font-size:.7rem}.about-tabs button[aria-selected=true]{background:var(--color-surface);color:var(--color-blush)}.about-panel{min-height:180px;padding-top:1.5rem}.about-panel h3{margin-bottom:.75rem;font-size:1rem;font-weight:600}.about-panel p{color:var(--color-muted);max-width:52ch;font-size:.875rem;line-height:1.8}.contact{background:var(--color-plum);padding-top:3rem}.contact-top{justify-content:space-between;gap:1rem;display:flex}.contact-top>span:last-child{display:none}.contact-top .eyebrow{color:var(--color-blush)}.contact-heading{letter-spacing:-.065em;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;font-size:clamp(2.5rem,7.7vw,7rem);font-weight:500;line-height:1.05;display:flex}.contact-word{color:var(--color-violet)}.contact-round{border:1px solid var(--color-muted);width:54px;height:54px;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.contact-heading:hover .contact-round{background:var(--color-violet);color:var(--color-paper);border-color:var(--color-violet)}.contact-round .arrow{width:24px;height:24px}.contact-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:3rem;padding-bottom:3rem;display:flex}.email-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex;position:relative}.email-row>a{letter-spacing:-.03em;font-size:1rem}.copy-button{border:1px solid var(--color-muted);border-radius:var(--radius-full);align-items:center;gap:6px;min-height:44px;padding:.5rem .75rem;font-size:.7rem;display:flex}.copy-button:hover{background:var(--color-surface)}.copy-status{width:100%;color:var(--color-blue);font-size:.7rem}.copy-status:empty{display:none}.back-top{white-space:nowrap;align-items:center;gap:.75rem;min-height:44px;font-size:.75rem;display:flex}.back-top svg{transform:rotate(-90deg)}.colophon{border-top:1px solid color-mix(in srgb,var(--color-blush) 15%,transparent);color:var(--color-muted);justify-content:space-between;align-items:center;gap:1rem;padding-block:2rem;font-size:.65rem;display:flex}.colophon .wordmark{color:var(--color-blush);font-size:1.1rem}.colophon .wordmark svg{width:23px;height:23px}.colophon>span:nth-child(2){display:none}@keyframes screen-in{0%{opacity:.4}to{opacity:1}}@media (width>=40rem){.shell{width:min(100% - 5rem,1360px)}.hero{padding-top:3rem}.hero-preview{justify-self:center;width:100%;max-width:580px}.deck{width:90%}.deck-card{padding:1.5rem}.deck-card-top{margin-bottom:1rem;font-size:1rem}.deck-card-bottom,.hero-bottom{font-size:.75rem}.hero-intro{font-size:1.5rem}.section-heading{flex-direction:row;justify-content:space-between;align-items:flex-end}.project-stage{padding:2rem}.screen-tabs button{font-size:.75rem}.tour-toggle>span:last-child{display:block}.stage-crankmyhog{min-height:480px}.crank-stage-copy h3{font-size:2rem}.compare-heading>span{font-size:1.3rem}.contact-round{width:86px;height:86px}.contact-round .arrow{width:40px;height:40px}.email-row>a{font-size:1.5rem}.contact-top>span:last-child{color:var(--color-muted);font-size:.75rem;display:block}.colophon>span:nth-child(2){display:block}}@media (width>=60rem){.shell{width:min(100% - 7rem,1360px)}.header{height:120px}.desktop-nav{color:var(--color-muted);gap:2.5rem;margin-left:auto;margin-right:auto;font-size:.75rem;display:flex}.desktop-nav a{white-space:nowrap;padding-block:.75rem}.desktop-nav a:hover{color:var(--color-blush)}.desktop-nav span{vertical-align:super;margin-left:.25rem;font-size:.55rem}.contact-nav{white-space:nowrap;align-items:center;gap:1.25rem;padding-block:.75rem;font-size:.75rem;display:flex}.menu-toggle,.mobile-nav{display:none}.hero{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);column-gap:2rem;padding-top:3rem}.hero-preview{align-self:center;margin-top:1rem;padding:1rem 1rem 0 0}.deck-kicker{margin-bottom:4rem;padding-left:1rem}.deck{aspect-ratio:1.23;width:89%}.deck-controls{margin-top:3.5rem;padding-left:1rem}.hero-signoff{margin-top:1.5rem}.hero-bottom{margin-top:5rem}.hero-intro{font-size:1.25rem}.work-section{padding-top:6rem}.section-heading{margin-bottom:3rem}.project-index{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.index-label{color:var(--color-muted);white-space:nowrap;font-size:.65rem;display:block}.project-index nav{gap:.35rem}.project-index a{padding:.5rem;font-size:.65rem}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem 2rem}.project.wide{grid-column:1/-1}.project-topline{font-size:.7rem}.project-stage{height:430px;padding:2rem}.stage-large{height:540px}.gallery-screen img{max-height:330px}.portrait-screen img{max-height:305px}.project-details{gap:1.5rem}.project-details>div{flex:1}.project-details h3{font-size:1.75rem}.project-details p{font-size:.8rem}.project-details .site-link{gap:.65rem;margin-top:.35rem;font-size:.65rem}.wide .project-details p{max-width:65ch}.wide .project-details h3{font-size:2rem}.stage-crankmyhog{grid-template-rows:1fr auto;grid-template-columns:minmax(0,.7fr) minmax(0,1.4fr);gap:1rem;padding:3rem;display:grid}.crank-stage-copy{grid-row:1/-1;align-self:stretch}.crank-stage-copy h3{z-index:3;font-size:clamp(1.7rem,2.7vw,2.7rem);position:relative}.stage-label{font-size:.6rem}.hog-mascot{object-fit:contain;width:150px;height:225px;margin-top:1rem;margin-left:-1rem;display:block;position:relative;transform:rotate(-9deg)}.stage-crankmyhog .gallery-screen{padding-bottom:1.7rem;transform:rotate(-2deg)}.stage-crankmyhog .gallery-screen img{max-height:385px}.stage-crankmyhog .gallery-toolbar{justify-content:center}.stage-vaevro{grid-template-rows:1fr auto;grid-template-columns:minmax(0,.65fr) minmax(0,1.4fr);gap:2rem;padding:3rem;display:grid}.vaevro-caption{flex-direction:column;grid-row:1/-1;justify-content:center;align-self:stretch;gap:2rem;display:flex}.vaevro-caption>span{letter-spacing:.18em;font-size:.55rem}.vaevro-caption strong{letter-spacing:-.065em;font-size:clamp(3rem,4vw,4.5rem);font-weight:600;line-height:.95}.vaevro-caption small{font-size:.7rem}.stage-vaevro .gallery-screen img{max-height:385px}.stage-vaevro .gallery-toolbar{justify-content:center}.compare-stage{gap:1.5rem}.comparison{aspect-ratio:auto;flex:1;min-height:0}.compare-image{padding:2rem}.about{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6rem;padding-block:8rem}.about-content{padding-top:4.25rem}.about-tabs{gap:.5rem}.about-tabs button{font-size:.75rem}.about-stamp{margin-top:3rem}.contact{padding-top:4rem}.contact-heading,.contact-bottom{margin-top:3rem}.contact-round{width:110px;height:110px}.contact-round .arrow{width:48px;height:48px}}@media (width>=85rem){.hero{padding-top:4rem}.hero-preview{padding-right:1rem}.deck{width:90%}.hero-bottom{margin-top:6rem}.project-index a{padding:.5rem .75rem;font-size:.75rem}.project-index nav{gap:.5rem}.project-stage{height:480px}.stage-large{height:600px}.gallery-screen img{max-height:370px}.portrait-screen img{max-height:350px}.stage-crankmyhog .gallery-screen img,.stage-vaevro .gallery-screen img{max-height:450px}.crank-stage-copy h3{font-size:3rem}.hog-mascot{width:190px;height:285px}.project-details .site-link{font-size:.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.hero-field{background:radial-gradient(ellipse at 70% 40%,color-mix(in srgb,var(--color-violet) 10%,transparent),transparent 60%)}.deck-card{touch-action:auto}.drag-hint{visibility:hidden}}.small-star{flex:none;width:16px;height:16px}h1{letter-spacing:-.06em}.deck{border-radius:var(--radius-md)}@media (width>=60rem){.project-details p{font-size:var(--text-sm)}.project-topline,.project-index a{font-size:var(--text-xs)}.screen-note{font-size:.65rem}}.screen-note,.compare-instruction{color:var(--color-dark-ink)}@media (width<=24rem){h1{font-size:clamp(3.5rem,19vw,4.5rem)}.hero-intro{font-size:var(--text-md)}}