:root{--ref-paper:#fbfaf6;--ref-ink:#14213d;--ref-pink:#ff5c8a;--ref-accent:#c2325f;--ref-yellow:#ffd84d;--ref-butter:#fff4c7;--ref-blush:#ffe4ec;--ref-mint:#e2f2e7;--ref-white:#fff;--ref-rule:#eceae4;--ref-edge:color-mix(in srgb, var(--ref-ink) 18%, transparent);--ref-soft:color-mix(in srgb, var(--ref-ink) 76%, transparent);--ref-shadow:0 6px 18px color-mix(in srgb, var(--ref-ink) 7%, transparent);--ref-photo-shadow:0 12px 28px color-mix(in srgb, var(--ref-ink) 14%, transparent);--project-surface:color-mix(in srgb, var(--ref-paper) 88%, var(--ref-ink));--project-ink:color-mix(in srgb, var(--ref-ink) 62%, var(--ref-paper));--project-tint:color-mix(in srgb, var(--ref-blush) 40%, var(--ref-paper));--project-leaf:color-mix(in srgb, var(--ref-mint) 60%, var(--ref-paper));--background:var(--ref-paper);--foreground:var(--ref-ink);--primary:var(--ref-ink);--primary-foreground:var(--ref-paper);--card:var(--ref-white);--border:var(--ref-edge);--accent:var(--ref-butter);--accent-foreground:var(--ref-ink);--muted-foreground:var(--ref-soft);--ring:var(--ref-pink);--clean-paper:var(--ref-paper);--clean-ink:var(--ref-ink);--clean-accent:var(--ref-accent);--sticker-paper:var(--ref-paper);--sticker-ink:var(--ref-ink);--font-sans:"Inter Tight", "Helvetica Neue", sans-serif!important;--font-display:var(--font-sans)!important;--font-hand:"Gaegu", cursive!important;--font-mono:"JetBrains Mono", monospace!important}html body,html body .reference-site,html body .reference-site .studio-main,html body .reference-site .editorial-page{color:var(--ref-ink);background-color:var(--ref-paper)!important;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 31px, var(--ref-rule) 31px, var(--ref-rule) 32px)!important}html body .reference-site{--font-sans:"Inter Tight", "Helvetica Neue", sans-serif!important;--font-display:var(--font-sans)!important;--font-hand:"Gaegu", cursive!important;--font-mono:"JetBrains Mono", monospace!important}html body .reference-site :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,a,span,small,strong,em,figcaption,blockquote,label,button,input,summary,select){font-family:var(--font-sans)!important;font-size:inherit!important;letter-spacing:0!important;line-height:inherit!important}html body .reference-site .studio-main{max-width:1200px;margin:0 auto;padding:0 24px;font-size:17px;line-height:1.6;overflow:visible}html body .reference-site .studio-main :is(h1,h2,h3,h4,strong),html body .reference-site :is(p,li,dd){color:var(--ref-ink)!important}html body .reference-site h1{margin:0;font-size:64px!important;font-weight:800!important;line-height:1.08!important}html body .reference-site h2{font-size:36px!important;font-weight:800!important;line-height:1.15!important}html body .reference-site h3{font-size:23px!important;font-weight:700!important;line-height:1.2!important}html body .reference-site p{margin-top:0}html body .reference-site .notebook-note{margin:0 0 8px;font-weight:700;font-family:var(--font-hand)!important;color:var(--ref-accent)!important;font-size:28px!important;line-height:1.2!important}.notebook-art{pointer-events:none;flex-shrink:0;display:inline-block}.notebook-art svg{width:100%;height:100%;display:block}html body .reference-site .studio-header{border-bottom:1px solid var(--ref-edge);z-index:40;gap:20px;max-width:none;min-height:70px;padding:10px max(24px,50vw - 576px);display:flex;position:sticky;top:0;background:color-mix(in srgb, var(--ref-paper) 95%, transparent)!important}html body .reference-site .studio-mark{white-space:nowrap;align-items:center;gap:10px;display:flex;font-family:var(--font-hand)!important;text-transform:lowercase!important;font-size:26px!important;font-weight:700!important}.brand-dot{background:var(--ref-pink);border-radius:50%;width:18px;height:18px}html body .reference-site .studio-nav{gap:4px}html body .reference-site .studio-nav a{border:0;padding:10px 12px;text-decoration:none;font-family:var(--font-mono)!important;text-transform:uppercase!important;font-size:12px!important;font-weight:700!important}html body .reference-site .studio-nav a.is-active{background:var(--ref-yellow);border-radius:3px 8px 4px}html body .reference-site .studio-nav a:after{display:none}html body .reference-site :is(.studio-cta,.footer-actions a,.hero-actions a,.cta-button,.contact-actions a){height:auto;font-family:var(--font-mono)!important;text-transform:uppercase!important;color:var(--ref-paper)!important;background:var(--ref-ink)!important;border-radius:4px!important;padding:14px 18px!important;font-size:12px!important;text-decoration:none!important}html body .reference-site :is(.footer-actions a,.contact-actions a)[data-slot],html body .reference-site .footer-actions a:nth-child(n+2),html body .reference-site .contact-actions a:nth-child(n+2){border:1px solid var(--ref-ink);background:var(--ref-paper)!important;color:var(--ref-ink)!important}html body .reference-site :is(.studio-cta,.footer-actions a,.hero-actions a,.cta-button,.contact-actions a):hover{background:var(--ref-accent)!important;color:var(--ref-paper)!important}html body .reference-site .reference-hero{text-align:left;min-height:0;margin:0;position:relative;padding:90px 0 64px!important}html body .reference-site .reference-hero h1{max-width:960px;font-size:72px!important;line-height:1.06!important}html body .reference-site .reference-hero>.notebook-note{margin-bottom:14px;display:inline-block;transform:rotate(-4deg)}.marked-text{background:linear-gradient(transparent 58%, var(--ref-yellow) 58%, var(--ref-yellow) 92%, transparent 92%)}html body .reference-site .reference-intro{max-width:680px;margin:30px 0 24px;font-size:21px!important;line-height:1.55!important}.hero-wireframe{width:140px;height:140px;position:absolute;top:32px;right:0;transform:rotate(6deg)}.hero-cursor{width:60px;height:60px;position:absolute;top:170px;right:120px;transform:rotate(-8deg)}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}html body .reference-site .hero-location{color:var(--ref-soft);font-size:15px!important}.reference-site .hero-toys{margin-top:16px}html body .reference-site .hero-toys button{border-radius:4px;font-size:12px!important}.reference-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:8px 0 64px;display:grid;position:relative}.reference-note{background:var(--ref-butter);border:1px solid var(--ref-edge);box-shadow:var(--ref-shadow);border-radius:2px 2px 8px;padding:26px 22px 22px;position:relative;transform:rotate(-2deg)}.reference-note:nth-of-type(2){background:var(--ref-blush);transform:rotate(1.5deg)}.reference-note:nth-of-type(3){transform:rotate(-1deg)}.reference-note:before{content:"";background:color-mix(in srgb, var(--ref-paper) 65%, transparent);width:66px;height:20px;position:absolute;top:-10px;left:calc(50% - 33px);transform:rotate(-4deg)}html body .reference-site .reference-note h2{margin:0 0 8px;color:var(--ref-accent)!important;font-size:16px!important;line-height:1.3!important}html body .reference-site .reference-note p{margin:0;font-size:16px!important;line-height:1.55!important}.notes-sparkle{z-index:2;width:50px;height:50px;position:absolute;top:-24px;left:-24px}.reference-section{padding:26px 0 64px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}html body .reference-site .section-heading h2{text-transform:uppercase;margin:0}html body .reference-site .notebook-link{text-transform:uppercase;text-underline-offset:4px;color:var(--ref-ink);align-items:center;gap:8px;text-decoration:underline;display:inline-flex;font-family:var(--font-mono)!important;font-size:12px!important;font-weight:700!important}.reference-featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.portfolio-card{min-width:0;color:var(--ref-ink);flex-direction:column;text-decoration:none;transition:transform .2s,filter .2s;display:flex}.portfolio-card:hover{filter:drop-shadow(5px 5px 0 var(--ref-pink));transform:translateY(-4px)}html body .reference-site .project-tab{background:var(--ref-ink);color:var(--ref-paper);border-radius:8px 8px 0 0;flex-wrap:wrap;align-self:flex-start;align-items:center;gap:6px;padding:9px 14px 7px;font-weight:700;display:flex;font-family:var(--font-mono)!important;font-size:10px!important}html body .reference-site .project-tab span{font-family:var(--font-mono)!important}.project-dot{background:var(--ref-pink);border-radius:50%;width:6px;height:6px}.project-paper{background:var(--ref-white);border:1.5px solid var(--ref-edge);border-radius:0 8px 8px;flex-direction:column;flex:1;gap:18px;padding:18px;display:flex}.project-visual{aspect-ratio:16/10;background:var(--project-surface);border-radius:6px;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.project-visual>img{object-fit:contain;filter:saturate(.3)contrast(.92);width:100%;height:100%}.project-illustration{width:100%;height:100%;color:var(--project-ink)}.illustration-fill{fill:var(--ref-paper)}.illustration-tint{fill:var(--project-tint)}.illustration-leaf{fill:var(--project-leaf)}.project-sketch{width:66%;max-width:250px;position:relative}.project-sketch .notebook-art{width:100%}.project-sketch .project-sketch-small{width:34%;position:absolute;bottom:-10%;right:-15%;transform:rotate(8deg)}html body .reference-site .project-lock{background:var(--ref-paper);color:var(--ref-ink);border-radius:4px;align-items:center;gap:5px;padding:5px 8px;display:flex;position:absolute;top:8px;right:8px;font-size:10px!important}.project-copy{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}html body .reference-site .project-copy h2{margin:0;font-size:24px!important;line-height:1.12!important}html body .reference-site .project-copy p{margin:0;font-size:16px!important;line-height:1.55!important}html body .reference-site .project-copy .project-outcome{font-weight:600;font-size:15px!important}.project-tags{flex-wrap:wrap;gap:6px;display:flex}html body .reference-site .project-tags span,html body .reference-site .employer-stamps span{text-transform:uppercase;border:1px solid var(--ref-edge);background:var(--ref-white);border-radius:4px;padding:5px 8px;font-family:var(--font-mono)!important;font-size:10px!important}html body .reference-site .project-open{text-transform:uppercase;text-underline-offset:4px;align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-weight:700;text-decoration:underline;display:flex;font-family:var(--font-mono)!important;font-size:12px!important}.reference-how{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;list-style:none;display:grid}.reference-how li{border-top:2px solid var(--ref-ink);padding-top:18px}html body .reference-site .reference-how h3{margin:10px 0;font-size:21px!important}html body .reference-site .step-note{color:var(--ref-accent);font-family:var(--font-hand)!important;font-size:32px!important}.section-pencil{width:80px;height:80px;transform:rotate(-8deg)}.reference-page-header{padding:64px 0 32px;position:relative}html body .reference-site .reference-page-header h1{text-transform:uppercase;margin:0}.page-header-art{width:95px;height:95px;position:absolute;top:38px;right:20px;transform:rotate(8deg)}.reference-filters{flex-wrap:wrap;gap:10px;margin:8px 0 40px;display:flex}html body .reference-site .reference-filters button{background:var(--ref-paper);color:var(--ref-ink);border:1px solid var(--ref-ink);border-radius:4px;height:40px;font-family:var(--font-mono)!important;text-transform:uppercase!important;font-size:11px!important}.reference-filters button[aria-pressed=true]{background:var(--ref-yellow)!important}.reference-work-list{flex-direction:column;gap:32px;padding-bottom:64px;display:flex}.portfolio-card-horizontal .project-paper{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:22px;display:grid}.portfolio-card-horizontal .project-visual{order:2}.portfolio-card-horizontal .project-copy{padding:8px 4px}html body .reference-site .portfolio-card-horizontal h2{font-size:32px!important}html body .reference-site .studio-footer{border-top:1px solid var(--ref-edge);margin:40px 0 0;padding:64px 24px 96px;position:relative;overflow:hidden;color:var(--ref-ink)!important;background:0 0!important}html body .reference-site .studio-footer :is(p,a,h2){color:var(--ref-ink)!important}.reference-site .studio-footer-inner{text-align:center;flex-direction:column;align-items:center;gap:22px;max-width:1200px;margin:auto;display:flex}.employer-stamps,.footer-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.employer-stamps span:nth-child(2n){transform:rotate(2deg);background:var(--ref-butter)!important}.employer-stamps span:last-child{background:var(--ref-blush)!important}.footer-heading{margin-top:36px;position:relative}.footer-heading>.notebook-art{width:70px;height:70px;position:absolute;top:-24px;left:-80px;transform:rotate(10deg)}html body .reference-site .footer-heading h2{text-transform:uppercase;margin:0;font-size:64px!important}.reference-site .studio-footer-base{border:0;flex-direction:column;align-items:center;gap:12px;margin-top:24px;display:flex}html body .reference-site .studio-footer-base p,html body .reference-site .studio-footer-nav a{font-family:var(--font-mono)!important;font-size:11px!important}.footer-cactus{width:100px;height:100px;position:absolute;bottom:12px;left:6%;transform:rotate(-8deg)}.footer-coffee{width:84px;height:84px;position:absolute;bottom:24px;right:8%;transform:rotate(8deg)}html body .reference-site .studio-about{max-width:none;padding:0 0 40px}.reference-about-intro{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start;gap:64px;display:grid}.reference-about-copy{flex-direction:column;gap:20px;max-width:680px;display:flex}.reference-about-photo{background:var(--ref-white);box-shadow:var(--ref-photo-shadow);margin:12px 8px 0;padding:12px 12px 0;position:relative;transform:rotate(3deg)}.reference-about-photo:before{content:"";background:color-mix(in srgb,var(--ref-yellow) 60%,transparent);z-index:2;width:76px;height:24px;position:absolute;top:-12px;left:calc(50% - 38px);transform:rotate(-7deg)}.reference-about-photo img{aspect-ratio:4/5;object-fit:cover;width:100%}html body .reference-site .reference-about-photo figcaption{text-align:center;padding:10px 0 12px;font-family:var(--font-hand)!important;font-size:24px!important}html body .reference-site .studio-about section{border-color:var(--ref-edge)}html body .reference-site .editorial-page{max-width:1120px;padding:48px 0 40px}html body .reference-site .case-hero{padding:24px 0 32px!important}html body .reference-site .case-hero h1{max-width:900px;margin:0;font-size:60px!important;line-height:1.08!important}html body .reference-site .case-summary{max-width:800px;margin-top:24px;font-size:21px!important;line-height:1.55!important}html body .reference-site .case-tldr{box-shadow:none;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;padding:0;display:grid;transform:none;background:0 0!important}.reference-site .case-tldr-label{display:none}.reference-site .case-tldr>div{background:var(--ref-butter);border:1px solid var(--ref-edge);border-radius:4px;padding:18px}.reference-site .case-tldr>div:nth-of-type(2n){background:var(--ref-blush)}html body .reference-site .case-tldr dt{text-transform:uppercase;margin-bottom:8px;font-family:var(--font-mono)!important;font-size:11px!important}html body .reference-site .case-tldr dd{margin:0;font-size:16px!important;line-height:1.5!important}.reference-site .case-layout{grid-template-columns:185px minmax(0,1fr);gap:48px;margin-top:48px;display:grid}.reference-site .case-menu{align-self:start;position:sticky;top:100px}html body .reference-site .case-menu-desktop p,html body .reference-site .case-menu a{font-family:var(--font-mono)!important;font-size:12px!important}.reference-site .case-menu a.is-active{background:var(--ref-yellow);color:var(--ref-ink)}.reference-site .case-layout-body{min-width:0}.reference-site .case-section{margin:0;padding:0 0 48px}html body .reference-site .case-heading h2{font-size:32px!important}.reference-site .case-copy{font-size:17px;line-height:1.7}.reference-site .case-image-frame{border:1px solid var(--ref-edge);background:var(--ref-white);padding:12px}.reference-site .case-pager-card{background:var(--ref-butter);border:1px solid var(--ref-edge);border-radius:6px;padding:24px}.reference-site .case-pager-card:nth-child(2){background:var(--ref-blush)}html body .reference-site .case-pager-card strong{font-size:23px!important}.reference-site .cv-role{padding:0 0 36px 32px}html body .reference-site .cv-role h3{font-size:23px!important}html body .reference-site .cv-role-list p{font-size:17px!important}html body .reference-site .cv-role-where{color:var(--ref-accent);margin-top:8px;display:block;font-size:17px!important}.reference-site .cv-page .mechanism-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.reference-site .cv-page .mechanism-list>div{background:var(--ref-butter);border-radius:4px;padding:20px;display:block}.reference-site .cv-page .mechanism-list>div:nth-child(2n){background:var(--ref-blush)}html body .reference-site .cv-page h1>span{margin-top:16px;font-family:var(--font-mono)!important;font-size:14px!important}.reference-site .teaser-grid>div{border:1px solid var(--ref-edge);background:var(--ref-butter);border-radius:4px;padding:22px 24px}.reference-contact{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);align-items:center;gap:64px;padding:72px 0;display:grid}.contact-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.reference-contact .reference-about-photo{max-width:300px}html body .reference-site .reference-contact p{font-size:20px!important}html body .reference-site .reference-about{flex-direction:column;gap:72px;padding:88px 0 40px;display:flex}.about-reference-top{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.about-reference-left{flex-direction:column;gap:28px;min-width:0;display:flex}.about-reference-heading h2{margin:0;text-transform:uppercase!important}html body .reference-site .about-reference-heading .notebook-note{display:inline-block;transform:rotate(-3deg)}.about-underline{fill:none;width:150px;height:14px;stroke:var(--ref-pink);stroke-width:3px;stroke-linecap:round}.about-intro-paper{background:var(--ref-white);box-shadow:var(--ref-photo-shadow);padding:34px 32px 30px;position:relative;transform:rotate(-.6deg)}.about-intro-paper:before,.about-intro-paper:after{content:"";background:color-mix(in srgb,var(--ref-paper) 80%,transparent);width:78px;height:22px;position:absolute;top:-10px;left:30px;transform:rotate(-5deg)}.about-intro-paper:after{background:color-mix(in srgb,var(--ref-blush) 80%,transparent);left:auto;right:30px;transform:rotate(6deg)}html body .reference-site .about-paper-label{background:var(--ref-butter);border:1px solid var(--ref-edge);text-transform:uppercase;z-index:1;border-radius:4px;padding:6px 10px;font-weight:700;position:absolute;top:-16px;left:50%;transform:translate(-50%)rotate(-3deg);font-family:var(--font-mono)!important;font-size:11px!important}html body .reference-site .about-handwritten-intro{margin-bottom:22px;font-family:var(--font-hand)!important;font-size:30px!important;line-height:1.3!important}.about-intro-paper p:last-child{margin-bottom:0}.about-skill-tags{flex-wrap:wrap;gap:12px;display:flex}html body .reference-site .about-skill-tags span{text-transform:uppercase;border:1px solid var(--ref-edge);background:var(--ref-white);border-radius:4px;padding:6px 10px;font-weight:700;transform:rotate(-2deg);font-family:var(--font-mono)!important;font-size:11px!important}.about-skill-tags span:nth-child(3n+2){transform:none;background:var(--ref-butter)!important}.about-skill-tags span:nth-child(3n){transform:rotate(2deg);background:var(--ref-blush)!important}.about-photo-stack{flex-direction:column;align-items:center;gap:36px;padding-top:40px;display:flex;position:relative}html body .reference-site .about-photo-stack .reference-about-photo{width:min(100%,304px);margin:0}html body .reference-site .about-photo-stack .reference-about-photo img{aspect-ratio:1;border-radius:0;display:block;border:0!important}.about-sketch-photo{background:var(--ref-white);box-shadow:var(--ref-photo-shadow);align-self:flex-start;width:min(100%,244px);margin:0;padding:12px 12px 0;transform:rotate(-4deg)}.about-sketch-photo>.notebook-art{background:var(--ref-paper);width:100%;height:170px}html body .reference-site .about-sketch-photo figcaption{text-align:center;padding:10px 6px 14px;font-family:var(--font-hand)!important;font-size:22px!important}.about-stack-doodle{width:64px;height:64px;position:absolute;bottom:-20px;right:0;transform:rotate(8deg)}.about-people-section,.about-experience-section{flex-direction:column;gap:28px;display:flex}.about-people-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.about-people-note{background:var(--ref-blush);box-shadow:var(--ref-shadow);padding:28px 24px;position:relative;transform:rotate(-1.5deg)}.about-people-note:nth-child(2){background:var(--ref-white);transform:rotate(1deg)}.about-people-note:nth-child(3){background:var(--ref-butter);transform:rotate(-.8deg)}.about-people-note:before{content:"";background:color-mix(in srgb,var(--ref-paper) 70%,transparent);width:64px;height:18px;position:absolute;top:-9px;left:calc(50% - 32px);transform:rotate(-4deg)}.about-people-note h3{margin:0 0 12px}.about-people-note p{margin:0}.about-experience-list{max-width:900px;margin:0;padding:0;list-style:none}.about-experience-list li{border-bottom:1px dashed var(--ref-edge);grid-template-columns:210px minmax(0,1fr);gap:28px;padding:22px 0;display:grid}html body .reference-site .about-experience-date{padding-top:6px;font-family:var(--font-mono)!important;font-size:12px!important}.about-experience-list h3{margin:0 0 6px}.about-experience-list p{margin:0}.about-experience-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}@media (width<=760px){html body .reference-site .reference-about{gap:56px;padding-top:48px}.about-reference-top,.about-people-notes{grid-template-columns:minmax(0,1fr);gap:36px}.about-intro-paper{padding:30px 22px 24px}.about-photo-stack{width:100%;max-width:350px;margin:auto;padding-top:0}.about-experience-list li{grid-template-columns:minmax(0,1fr);gap:8px}}html body .reference-site .studio-main .reference-case-header{box-shadow:none;background:0 0;border:0;padding:64px 0 16px!important}html body .reference-site .reference-case-header h1{max-width:960px;margin:12px 0 0}html body .reference-site .case-back-link{margin-bottom:28px}html body .reference-site .case-header-kicker{text-transform:uppercase;margin:0;font-family:var(--font-mono)!important;color:var(--ref-soft)!important;font-size:11px!important}html body .reference-site .reference-case-header .case-summary{max-width:780px;margin:22px 0 0;font-weight:400;font-size:20px!important;line-height:1.6!important}html body .reference-site .reference-case-header .case-tldr{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:40px 0 20px}html body .reference-site .reference-case-header .case-tldr>div{background:var(--ref-white);border:1px solid var(--ref-edge);box-shadow:var(--ref-shadow);border-radius:2px 2px 8px;padding:24px 20px 20px;position:relative;transform:rotate(-1deg)}html body .reference-site .reference-case-header .case-tldr>div:nth-of-type(2n){background:var(--ref-butter);transform:rotate(1deg)}html body .reference-site .reference-case-header .case-tldr>div:nth-of-type(3){background:var(--ref-blush)}html body .reference-site .reference-case-header .case-tldr>div:last-child{border:0;border-left:3px solid var(--ref-pink);box-shadow:none;background:0 0;border-radius:0;grid-column:1/-1;padding:8px 20px;transform:none}html body .reference-site .reference-case-header .case-tldr>div:not(:last-child):before{content:"";background:color-mix(in srgb,var(--ref-paper) 72%,transparent);width:62px;height:18px;position:absolute;top:-9px;left:calc(50% - 31px);transform:rotate(-5deg)}html body .reference-site .reference-case-header .case-tldr dd{font-weight:400;line-height:1.55!important}html body .reference-site .studio-main .case-layout{grid-template-columns:190px minmax(0,1fr);gap:56px;margin-top:64px}html body .reference-site .case-menu-desktop{border-left:1px solid var(--ref-pink);padding:0 0 0 14px;display:block}html body .reference-site .case-menu-desktop p{text-transform:uppercase;margin:0 0 12px;color:var(--ref-accent)!important;font-size:11px!important}html body .reference-site .case-menu-desktop ol{border:0;gap:4px;margin:0;padding:0;list-style:none;display:grid}html body .reference-site .case-menu-desktop a{color:var(--ref-ink);border:0;border-radius:0;padding:5px 0;font-weight:600;text-decoration:none;display:block;text-transform:uppercase!important;font-size:11px!important;line-height:1.6!important}html body .reference-site .case-menu-desktop a:is(.is-active,:hover){color:var(--ref-accent);background:0 0}html body .reference-site .studio-main .case-section{border:0;margin:0;padding:0 0 64px;scroll-margin-top:110px}html body .reference-site .case-heading{border:0;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 18px;padding:0;display:flex}html body .reference-site .case-heading .case-section-note{margin:0;font-weight:400;font-family:var(--font-hand)!important;color:var(--ref-accent)!important;font-size:24px!important;line-height:1.2!important}html body .reference-site .studio-main .case-heading h2{margin:0;font-size:32px!important;line-height:1.15!important}html body .reference-site .case-section-grid{display:block}html body .reference-site .case-copy{max-width:850px}html body .reference-site .case-copy :is(p,li){font-size:18px!important;line-height:1.65!important}html body .reference-site .case-copy>p{max-width:720px;margin:0 0 16px}html body .reference-site .case-copy :is(ul,ol){margin:16px 0;padding-left:22px;list-style:outside}html body .reference-site .case-copy ol{list-style:decimal}html body .reference-site .case-copy li::marker{color:var(--ref-pink);font-weight:700}html body .reference-site .case-copy :is(.case-detail-grid,.future-list) ul,html body .reference-site .case-copy .case-role-list{list-style:square}html body .reference-site .case-copy li+li{margin-top:10px}html body .reference-site .case-copy h3{margin:0 0 10px;font-size:22px!important}html body .reference-site .case-copy .lead-line{color:var(--ref-ink);font-weight:600}html body .reference-site :is(.case-fill,.margin-note,.case-quote,.constraint-panel,.option-sheet,.stacked-notes>div){background:var(--ref-butter);border:1px solid var(--ref-edge);box-shadow:var(--ref-shadow);border-radius:2px 2px 8px;max-width:720px;margin:20px 0;padding:26px 22px 22px;position:relative;transform:rotate(-.5deg)}html body .reference-site .case-fill:before{content:"";background:color-mix(in srgb,var(--ref-paper) 72%,transparent);width:66px;height:18px;position:absolute;top:-9px;left:24px;transform:rotate(-5deg)}html body .reference-site .case-fill-label{color:var(--ref-accent);margin-bottom:12px;font-family:var(--font-mono)!important;font-size:11px!important;line-height:1.5!important}html body .reference-site .case-fill p{margin:0}html body .reference-site .stacked-notes{gap:20px}html body .reference-site .stacked-notes>div{margin:0}html body .reference-site :is(.stacked-notes>div:nth-child(2n),.option-sheet:nth-child(2)){background:var(--ref-white);transform:rotate(.5deg)}html body .reference-site .option-sheet:nth-child(3){background:var(--ref-blush)}html body .reference-site .option-chosen{outline:2px solid var(--ref-pink)}html body .reference-site .option-sheet>:is(span,em){color:var(--ref-accent);font-family:var(--font-mono)!important;font-size:12px!important}html body .reference-site .mechanism-list>div{border-bottom:1px dashed var(--ref-edge);padding:22px 0;display:block}html body .reference-site :is(.case-table,.insight-list){border-color:var(--ref-edge);border-top:2px solid var(--ref-pink);background:var(--ref-white)}html body .reference-site .case-table-head{background:var(--ref-butter);color:var(--ref-ink)}html body .reference-site .case-table>div{border-color:var(--ref-edge);padding:18px}html body .reference-site .workflow-board{background:var(--ref-white);border:1px solid var(--ref-edge);box-shadow:var(--ref-shadow);padding:24px}html body .reference-site .workflow-step{background:var(--ref-paper);border-color:var(--ref-edge);border-radius:4px}html body .reference-site :is(.flow-arrow,.branch-label,.loop-note){color:var(--ref-accent)}html body .reference-site .case-gallery{gap:28px}html body .reference-site :is(.case-notebook-figure,.case-image-slot){background:var(--ref-white);box-shadow:var(--ref-photo-shadow);border:0;border-radius:4px;margin:28px 0;padding:12px 12px 0;position:relative;transform:rotate(-.5deg)}html body .reference-site :is(.case-notebook-figure,.case-image-slot):before,html body .reference-site :is(.case-notebook-figure,.case-image-slot):after{content:"";background:color-mix(in srgb,var(--ref-butter) 80%,transparent);z-index:1;pointer-events:none;width:78px;height:22px;position:absolute;top:-10px;left:24px;transform:rotate(-6deg)}html body .reference-site :is(.case-notebook-figure,.case-image-slot):after{background:color-mix(in srgb,var(--ref-blush) 72%,transparent);left:auto;right:24px;transform:rotate(5deg)}html body .reference-site .case-image-frame.lightbox-trigger{background:var(--ref-paper);width:100%;height:auto;box-shadow:none;border:0;border-radius:0;padding:0;display:block;overflow:hidden}html body .reference-site .case-image-frame img{width:100%;height:auto;display:block}html body .reference-site .case-image-slot-frame{background-color:var(--ref-paper);background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ref-ink) 6%,transparent) 0px,color-mix(in srgb,var(--ref-ink) 6%,transparent) 10px,transparent 10px,transparent 20px);background-size:auto;border:0;min-height:300px;padding:28px}html body .reference-site .case-image-slot-frame>span{color:var(--ref-ink);font-family:var(--font-mono)!important;font-size:12px!important}html body .reference-site .case-image-slot-frame>p{max-width:500px;font-size:16px!important;line-height:1.6!important}html body .reference-site :is(.case-notebook-figure,.case-image-slot) figcaption{text-transform:none;text-align:center;margin:0;padding:12px 6px 16px;font-weight:400;font-family:var(--font-hand)!important;font-size:22px!important;line-height:1.3!important}html body .reference-site .case-pager{border:0;margin:24px 0 40px;padding:0}html body .reference-site .case-pager-card{background:var(--ref-white);box-shadow:var(--ref-shadow);text-align:left;padding:24px}html body .reference-site .case-pager-card:nth-child(2){background:var(--ref-butter)}html body .reference-site .case-pager-dir{color:var(--ref-accent);font-family:var(--font-mono)!important;font-size:11px!important}@media (width<=1023px){html body .reference-site .studio-main .case-layout{grid-template-columns:160px minmax(0,1fr);gap:32px;margin-top:40px}html body .reference-site .case-menu-mobile select{border:1px solid var(--ref-edge);background:var(--ref-white);height:44px;color:var(--ref-ink);border-radius:4px;font-family:var(--font-mono)!important;font-size:12px!important}html body .reference-site .reference-case-header .case-tldr{grid-template-columns:repeat(2,minmax(0,1fr))}html body .reference-site .reference-case-header .case-tldr>div:nth-child(3){grid-column:1/-1}}@media (width<=760px){html body .reference-site .studio-main .case-layout{grid-template-columns:minmax(0,1fr);gap:24px}html body .reference-site .case-menu{background:var(--ref-paper);padding:8px 0;position:sticky;top:70px}html body .reference-site .case-menu-desktop{display:none}html body .reference-site .studio-main .reference-case-header{padding-top:40px!important}html body .reference-site .reference-case-header .case-tldr{gap:18px 12px}html body .reference-site .reference-case-header .case-tldr>div{padding:22px 14px 16px}html body .reference-site .reference-case-header .case-tldr dd{font-size:14px!important}html body .reference-site .reference-case-header .case-summary{font-size:18px!important}html body .reference-site .case-copy :is(p,li){font-size:17px!important}html body .reference-site .case-image-slot-frame{min-height:230px;padding:20px}html body .reference-site .studio-main .case-heading h2{font-size:28px!important}}@media (width<=1000px){html body .reference-site .reference-hero h1{max-width:800px;font-size:60px!important}.hero-wireframe{width:100px;height:100px}.hero-cursor{width:44px;top:128px;right:68px}.reference-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-featured .portfolio-card:last-child{grid-column:1/-1;max-width:560px}html body .reference-site .studio-nav a{padding:10px 8px}html body .reference-site .studio-header{gap:12px}}@media (width<=760px){html body .reference-site .studio-main{padding:0 20px}html body .reference-site .studio-header{padding:10px 20px}.reference-site .desktop-site-nav{display:none}.reference-site .mobile-nav-trigger{display:inline-flex}html body .reference-site .studio-mark{font-size:23px!important}html body .reference-site .studio-cta{padding:10px!important;font-size:10px!important}html body .reference-site .reference-hero{padding:80px 0 40px!important}html body .reference-site .reference-hero h1{font-size:44px!important}html body .reference-site .reference-intro{font-size:18px!important}.hero-wireframe{width:64px;height:64px;top:14px;right:8px}.hero-cursor{display:none}.reference-highlights,.reference-featured,.reference-how{grid-template-columns:minmax(0,1fr)}.reference-highlights{gap:24px}.reference-featured .portfolio-card:last-child{grid-column:auto;max-width:none}.reference-note{transform:rotate(-1deg)}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:12px}html body .reference-site h1,html body .reference-site .case-hero h1{font-size:42px!important}html body .reference-site h2{font-size:30px!important}.portfolio-card-horizontal .project-paper{grid-template-columns:minmax(0,1fr);padding:16px}.portfolio-card-horizontal .project-visual{order:0}html body .reference-site .portfolio-card-horizontal h2{font-size:27px!important}.reference-about-intro,.reference-contact{grid-template-columns:minmax(0,1fr);gap:40px}.reference-about-photo{max-width:340px;margin-inline:auto}.reference-contact .reference-about-photo{display:none}.reference-site .case-layout{grid-template-columns:minmax(0,1fr);gap:24px}.reference-site .case-menu{z-index:25;background:var(--ref-paper);top:70px}.reference-site .case-menu-desktop{display:none}.reference-site .case-menu-mobile{display:block}html body .reference-site .case-tldr{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reference-site .cv-page .mechanism-list{grid-template-columns:minmax(0,1fr)}html body .reference-site .cv-role h3{font-size:21px!important}html body .reference-site .footer-heading h2{font-size:44px!important}.footer-heading>.notebook-art{width:44px;height:44px;left:-48px}.footer-cactus,.footer-coffee{width:60px;height:60px}.page-header-art{width:60px;height:60px;right:0}}@media (prefers-reduced-motion:reduce){.reference-site *,.reference-site :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.portfolio-card:hover{transform:none}}html body .reference-site .studio-main :is(h1,h2,h3,h4,h5,h6){text-transform:none!important}html body .reference-site .studio-main h1{font-size:64px!important;line-height:1.08!important}html body .reference-site .studio-main h2{font-size:36px!important;line-height:1.15!important}html body .reference-site .studio-main h3{font-size:23px!important;line-height:1.2!important}html body .reference-site .studio-main h1 :is(span,strong){font-size:inherit!important;line-height:inherit!important}html body .reference-site .studio-main .reference-hero h1{font-size:72px!important}html body .reference-site .studio-main .project-copy h2{font-size:24px!important}html body .reference-site .studio-main .portfolio-card-horizontal h2{font-size:32px!important}html body .reference-site .studio-main .reference-note h2{color:var(--ref-accent)!important;font-size:16px!important}html body .reference-site .studio-main .case-hero h1{font-size:60px!important}html body .reference-site .studio-main .case-heading h2{font-size:32px!important}html body .reference-site .studio-main .cv-page h1>span{font-size:14px!important}html body .reference-site .studio-main .reference-page-header h1,html body .reference-site .studio-main .section-heading h2{text-transform:uppercase!important}html body .reference-site .studio-main .notebook-note,html body .reference-site .studio-main .step-note,html body .reference-site .studio-main .reference-about-photo figcaption{font-family:var(--font-hand)!important}html body .reference-site .studio-main .project-tab,html body .reference-site .studio-main .project-tab span,html body .reference-site .studio-main .project-tags span,html body .reference-site .studio-main .project-open,html body .reference-site .studio-main .notebook-link{font-family:var(--font-mono)!important}html body .reference-site .studio-main .reference-about-photo{transform:rotate(3deg)!important}html body .reference-site .studio-main .reference-about-copy p{margin:0}html body .reference-site .studio-main .case-tldr :is(dt,dd,span,small,strong){color:var(--ref-ink)!important}html body .reference-site .studio-main .case-tldr dt{opacity:.75}html body .reference-site .studio-footer .footer-actions a:first-child{color:var(--ref-paper)!important}html body .reference-site .studio-footer p.notebook-note{color:var(--ref-accent)!important}html body .reference-site .studio-main .case-hero{padding-top:56px!important}html body .reference-site .studio-main .case-hero svg{display:block}html body .reference-site .hero-wireframe{animation:none;transform:rotate(6deg)}html body .reference-site .hero-cursor{animation:none;transform:rotate(-8deg)}html body .reference-site .studio-header-right{gap:14px}@media (width>=761px){html body .reference-site .studio-main .case-menu-mobile{display:none}}@media (width<=1000px){html body .reference-site .studio-main .reference-hero h1{font-size:60px!important}}@media (width<=760px){html body .reference-site .hero-cursor{display:none!important}html body .reference-site .studio-cta{display:inline-flex!important}html body .reference-site .studio-cta svg{display:none}html body .reference-site .studio-mark{gap:6px;font-size:20px!important}html body .reference-site .studio-header-right{gap:6px}html body .reference-site .brand-dot{width:12px;height:12px}html body .reference-site .studio-main h1,html body .reference-site .studio-main .case-hero h1{font-size:42px!important}html body .reference-site .studio-main h2{font-size:30px!important}html body .reference-site .studio-main .reference-hero h1{font-size:44px!important}html body .reference-site .studio-main .project-copy h2{font-size:24px!important}html body .reference-site .studio-main .portfolio-card-horizontal h2{font-size:27px!important}html body .reference-site .studio-main .reference-note h2{font-size:16px!important}html body .reference-site .studio-main .case-menu-mobile{display:block}}.reference-contact{position:relative;grid-template-columns:minmax(0,.5fr) minmax(0,1fr)!important}.reference-contact .reference-about-photo{transform:rotate(-4deg)}.contact-tag{font-family:var(--font-mono);background:var(--ref-pink);color:var(--ref-ink);border-radius:3px 3px 0 0;padding:3px 9px;font-size:12px;display:inline-block}html body .reference-site h1.contact-title{border:2px solid var(--ref-pink);text-transform:uppercase;margin:0;padding:10px 26px;display:inline-block;position:relative;letter-spacing:-.04em!important;color:var(--ref-ink)!important;font-size:clamp(48px,7vw,80px)!important;font-weight:800!important;line-height:1!important}.contact-title i{background:var(--ref-paper);border:2px solid var(--ref-pink);width:12px;height:12px;position:absolute}.contact-title i:first-of-type{top:-7px;left:-7px}.contact-title i:nth-of-type(2){top:-7px;right:-7px}.contact-title i:nth-of-type(3){bottom:-7px;left:-7px}.contact-title i:nth-of-type(4){bottom:-7px;right:-7px}.contact-note{background:var(--ref-butter);border:1px solid color-mix(in srgb,var(--ref-yellow) 50%,transparent);max-width:560px;box-shadow:var(--ref-shadow);border-radius:2px 2px 10px;margin-top:30px;padding:26px 22px 22px;position:relative;transform:rotate(-1deg)}.contact-note:before{content:"";background:color-mix(in srgb,var(--ref-white) 70%,transparent);width:72px;height:20px;position:absolute;top:-10px;left:42%;transform:rotate(-2deg)}html body .reference-site .reference-contact .contact-note-hand{margin:0 0 14px;font-family:var(--font-hand)!important;font-size:24px!important;line-height:1.35!important}html body .reference-site .reference-contact .contact-note-body{margin:0;font-size:15px!important}html body .reference-site .contact-email{text-transform:uppercase;margin-top:30px;font-size:12px;text-decoration:none;display:inline-block;font-family:var(--font-mono)!important;color:var(--ref-accent)!important}.contact-doodle{pointer-events:none;width:44px;height:44px;position:absolute}.contact-doodle-coffee{top:40px;left:6%}.contact-doodle-heart{top:60px;right:4%}.contact-doodle-leaf{width:60px;height:60px;bottom:60px;right:6%}@media (width<=760px){.reference-contact{grid-template-columns:1fr!important}.contact-doodle{display:none}}html body .reference-site .reference-contact .contact-tag{margin-bottom:4px;font-weight:600;display:table;font-family:var(--font-mono)!important;font-size:12px!important}html body .reference-site .reference-contact h1.contact-title{text-transform:uppercase!important}html body .reference-site .reference-contact .contact-email{letter-spacing:.06em;font-size:12px!important}.reference-contact .reference-about-photo{justify-self:center;max-width:270px!important}html body .reference-site #contact-tag{display:inline-block;font-family:var(--font-mono)!important;margin:0 0 6px!important;font-size:12px!important;line-height:1.4!important}html body .reference-site .studio-main .reference-contact a.contact-email{font-size:12px!important}html body .reference-site .simvia-hero{max-width:1200px;margin:0 auto 24px}html body .reference-site .simvia-copy{min-width:0}html body .reference-site .simvia-copy :is(h3){margin:40px 0 12px;font-size:22px;font-weight:700}html body .reference-site .simvia-copy p{margin:0 0 16px}html body .reference-site .simvia-copy :is(ul,ol){margin:0 0 20px}html body .reference-site .simvia-copy li{margin-bottom:8px}html body .reference-site .simvia-figure{margin:28px 0}html body .reference-site .simvia-table-wrap{background:var(--ref-white);border:1px solid var(--ref-edge);border-top:2px solid var(--ref-pink);border-radius:2px 2px 8px;margin:20px 0 28px;overflow-x:auto}html body .reference-site .simvia-table-wrap:focus-visible{outline:2px solid var(--ref-ink);outline-offset:2px}html body .reference-site .simvia-table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;line-height:1.5}html body .reference-site .simvia-table :is(th,td){text-align:left;vertical-align:top;border-bottom:1px solid var(--ref-rule);padding:12px 14px}html body .reference-site .simvia-table th{background:var(--ref-butter);font-weight:700}html body .reference-site .simvia-table thead tr:has(th:empty:first-child+th:empty){display:none}html body .reference-site .simvia-table tr:last-child td{border-bottom:0}html body .reference-site .simvia-table strong{font-size:inherit}