@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(./cormorant-garamond-latin-400-normal.B-1hWBU7.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(./cormorant-garamond-latin-600-normal.Co1r35X9.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:400;font-display:swap;src:url(./cormorant-garamond-latin-400-italic.Dc_OZ8oc.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(./ibm-plex-sans-latin-400-normal.CDDApCn2.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(./ibm-plex-sans-latin-600-normal.CuJfVYMP.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2) format("woff2")}:root{--wall: #f7f5f1;--wall-deep: #efebe3;--wall-line: #ded8cc;--mat: #f2eee5;--ink: #14110e;--ink-soft: #4a443c;--ink-mute: #6f675c;--gilt-hi: #6fc4de;--gilt: #2596be;--gilt-lo: #17698a;--gilt-comp: #af521d;--gilt-comp-lo: #8e4115;--plate: #171310;--plate-ink: #ede6d8;--plate-dim: #a2988a;--measured: #8c2f1f;--ok: #2f6b43;--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--t-xs: .75rem;--t-sm: .8125rem;--t-base: 1rem;--t-md: 1.125rem;--t-lg: 1.375rem;--t-xl: 1.875rem;--t-2xl: 2.5rem;--t-3xl: 3.5rem;--t-4xl: 4.5rem;--lh-tight: 1.1;--lh-snug: 1.3;--lh-body: 1.65;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-6: 1.5rem;--s-8: 2rem;--s-12: 3rem;--s-16: 4rem;--s-24: 6rem;--s-32: 8rem;--measure: 62ch;--page-max: 1320px;--gutter: var(--s-6);--dur-fast: .14s;--dur: .26s;--ease: cubic-bezier(.22, .61, .36, 1);--hang-shadow: 0 2px 4px rgba(20, 17, 14, .1), 0 14px 32px rgba(20, 17, 14, .14);color-scheme:light}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100dvh;background:var(--wall);color:var(--ink);font-family:var(--font-sans);font-size:var(--t-base);line-height:var(--lh-body);font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-underline-offset:.2em}.display{font-family:var(--font-display);font-weight:600;font-size:var(--t-2xl);line-height:var(--lh-tight);letter-spacing:-.01em}@media(min-width:768px){.display{font-size:var(--t-3xl)}}.eyebrow{font-family:var(--font-sans);font-size:var(--t-xs);font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gilt)}.mono,[data-mono]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:focus-visible{outline:2px solid var(--gilt);outline-offset:3px}.skip-link{position:absolute;top:var(--s-2);left:var(--s-2);z-index:100;padding:var(--s-2) var(--s-4);background:var(--plate);color:var(--plate-ink);font-family:var(--font-mono);font-size:var(--t-sm);text-decoration:none;transform:translateY(-200%);transition:transform var(--dur) var(--ease)}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-shots] .reveal{opacity:1!important;transform:none!important}.page{max-width:var(--page-max);margin-inline:auto;padding-inline:var(--gutter)}@media(min-width:768px){:root{--gutter: var(--s-12)}}@media(min-width:1280px){:root{--gutter: var(--s-16)}}.section{padding-block:var(--s-16)}@media(min-width:768px){.section{padding-block:var(--s-24)}}.section--tight{padding-block:var(--s-8) 0}.section--after-entrance{padding-block-start:0}.intro{text-align:center;max-inline-size:58ch;margin-inline:auto;margin-block-end:var(--s-24)}.intro:not(:has(.intro__lede)){margin-block-end:var(--s-12)}.intro .eyebrow{display:block;margin-block-end:var(--s-4)}.intro__lede{margin-block-start:var(--s-6);color:var(--ink-soft);font-size:var(--t-md);line-height:var(--lh-body)}.prose{max-width:var(--measure);color:var(--ink-soft)}.prose strong{color:var(--ink);font-weight:600}.stack>*+*{margin-block-start:var(--flow, var(--s-4))}.prose--centred{margin-inline:auto;--flow: var(--s-4)}.progress{margin-block-start:var(--s-8);margin-inline:auto;inline-size:min(22rem,100%);display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.progress__label{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.progress__track{inline-size:100%;block-size:2px;background:var(--wall-line);overflow:hidden}.progress__fill{display:block;block-size:100%;inline-size:0;background:var(--gilt);transition:inline-size var(--dur) var(--ease)}.progress[data-complete="1"] .progress__track{background:var(--gilt-hi)}.intro{position:relative}.progress__confetti{position:absolute;inset:0;inline-size:100%;block-size:100%;pointer-events:none;z-index:1}@media(prefers-reduced-motion:reduce){.progress__fill{transition:none}}.about-row{margin-block-end:var(--s-12);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4);max-inline-size:78ch}@media(min-width:720px){.about-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.about-row picture{display:block;inline-size:100%}.about-row img{inline-size:100%;block-size:100%;aspect-ratio:3 / 2;object-fit:cover;display:block}.btn-row--centred{justify-content:center}#view-contact .intro__lede{margin-block-start:var(--s-24)}#view-contact .btn-row--centred{margin-block-start:0}.cv{max-inline-size:760px;margin:var(--s-16) auto 0;display:grid;gap:var(--s-12)}.cv__h{margin:0 0 var(--s-6);padding-block-end:var(--s-2);border-block-end:1px solid var(--gilt);font-family:var(--font-display);font-size:var(--t-2xl);font-weight:400}.cv__entry{display:grid;gap:var(--s-1) var(--s-6);margin-block-end:var(--s-6)}.cv__when{margin:0;padding-block-start:.2em;font-size:var(--t-xs);color:var(--ink-mute)}.cv__role{margin:0;font-family:var(--font-sans);font-size:var(--t-base);font-weight:600}.cv__org{margin:.15em 0 var(--s-2);font-size:var(--t-sm);color:var(--ink-mute)}.cv__body{margin:0 0 var(--s-2);max-inline-size:62ch}.cv__skills{display:grid;gap:var(--s-1) var(--s-6);margin:0}.cv__skills dt{font-weight:600;font-size:var(--t-sm)}.cv__skills dd{margin:0 0 var(--s-3)}@media(min-width:640px){.cv__entry,.cv__skills{grid-template-columns:8.5rem 1fr}}.frame{position:relative;display:block;border:clamp(20px,3vw,40px) solid transparent;border-image-source:url(./frame-gold.RFK4WR37.png);border-image-slice:189;border-image-repeat:round;background:#fff padding-box;filter:drop-shadow(0 2px 3px rgba(20,17,14,.16)) drop-shadow(0 12px 26px rgba(20,17,14,.18))}.frame__mat{position:relative;padding:clamp(5px,.8vw,12px);background:#fff}.frame__win{position:relative;display:block;overflow:hidden;background:var(--wall-deep);box-shadow:0 0 0 1px #14110e24}.frame__win img,.frame__win canvas{display:block;inline-size:100%;block-size:100%;object-fit:cover}.frame--portrait .frame__win{aspect-ratio:4 / 5}.frame--photo .frame__win{aspect-ratio:3 / 4}.frame--slide .frame__win{aspect-ratio:4 / 3}.frame--landscape .frame__win{aspect-ratio:3 / 2}.frame--square .frame__win{aspect-ratio:1 / 1}.frame--wide .frame__win{aspect-ratio:16 / 9}.label{margin-block-start:var(--s-3);text-align:center}.label__rule{inline-size:34px;block-size:2px;background:var(--gilt);margin:0 auto var(--s-3)}.label__title{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--t-lg);color:var(--ink);line-height:var(--lh-snug);min-block-size:2.2em}.label__name{display:flex;align-items:baseline;justify-content:center;gap:var(--s-3);min-block-size:2.2em}.label__name .label__title{min-block-size:0}.label__mark{inline-size:auto;font-size:var(--t-lg);block-size:.682em;flex:none;object-fit:contain}.label__body{margin-block-start:var(--s-2);margin-inline:auto;max-inline-size:44ch;font-family:var(--font-sans);font-size:var(--t-sm);line-height:var(--lh-body);color:var(--ink-mute)}.label__meta{margin-block-start:var(--s-3);font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}.label__meta [data-measured]{color:var(--measured)}.works{display:grid;gap:var(--s-16) var(--s-12);grid-auto-rows:auto auto}@media(min-width:820px){.works{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-24) var(--s-16)}}.works>.work>.label{margin-block-start:calc(var(--s-3) - var(--s-16))}@media(min-width:820px){.works>.work>.label{margin-block-start:calc(var(--s-3) - var(--s-24))}}.work{display:grid;grid-template-rows:subgrid;grid-row:span 2;text-decoration:none;color:inherit}.work>.frame{align-self:end;inline-size:85%;margin-inline:auto}.work .frame{transition:transform var(--dur) var(--ease)}.work:hover .frame{transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){.work:hover .frame{transform:none}}.frame__scene{position:absolute;inset:0}.frame__scene[data-ready]{background:var(--wall-deep)}.work .frame__scene{pointer-events:none}.works--featured+.works{margin-block-start:var(--s-16)}.label__badge{display:inline-block;margin-block-end:var(--s-2);font-family:var(--font-mono);font-size:var(--t-xs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gilt-lo)}@media(min-width:820px){.works--featured{gap:var(--s-16) var(--s-12)}.works--featured>.work>.label{margin-block-start:calc(var(--s-3) - var(--s-16))}}@media(min-width:1180px){.works:not(.works--featured){max-inline-size:920px;margin-inline:auto;gap:var(--s-16) var(--s-12)}.works:not(.works--featured)>.work>.label{margin-block-start:calc(var(--s-3) - var(--s-16))}}.masthead{position:sticky;top:0;z-index:50;background:var(--plate);color:var(--plate-ink);border-block-end:3px solid var(--gilt)}.masthead__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding-block:var(--s-4);flex-wrap:wrap}.masthead__name{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600;letter-spacing:.01em;color:var(--plate-ink);text-decoration:none;white-space:nowrap}.masthead__nav{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;justify-content:flex-end;row-gap:var(--s-2)}@media(min-width:1000px){.masthead__nav{gap:var(--s-8)}.masthead__nav a{min-inline-size:7ch}}.masthead__nav a{font-family:var(--font-sans);font-size:var(--t-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ede6d8b8;text-decoration:none;padding-block:var(--s-2);border-block-end:1px solid transparent;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);text-align:center}.masthead__nav a:hover,.masthead__nav a[data-active]{color:var(--plate-ink);border-block-end-color:var(--gilt)}@media(max-width:560px){.masthead__nav{gap:var(--s-3)}.masthead__name{font-size:var(--t-base)}}@media(max-width:420px){.badge span{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.badge{padding-inline:var(--s-2)}}.badge{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid rgba(37,150,190,.55)!important;color:var(--gilt)!important;min-block-size:34px}.badge:hover{background:#2596be24;border-color:var(--gilt)!important}.badge svg{inline-size:15px;block-size:15px;flex:none}.colophon{background:var(--plate);color:var(--plate-ink);border-block-start:3px solid var(--gilt);padding-block:var(--s-12);margin-block-start:var(--s-24)}.colophon__inner{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-6)}.colophon__name{font-family:var(--font-display);font-style:italic;font-size:var(--t-md)}.colophon__links{display:flex;flex-wrap:wrap;gap:var(--s-6)}.colophon__links a{font-size:var(--t-sm);color:#ede6d8c7;text-decoration:none;border-block-end:1px solid transparent}.colophon__links a:hover{color:var(--plate-ink);border-block-end-color:var(--gilt)}.entrance{display:grid;gap:var(--s-12);align-items:center}@media(min-width:900px){.entrance{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto;align-items:start;column-gap:var(--s-24);row-gap:0}.entrance__intro{grid-column:2;grid-row:1 / span 2}}.entrance__portrait{max-inline-size:440px;inline-size:100%;margin-inline:auto}@media(min-width:900px){.entrance__portrait{grid-column:1;grid-row:1;margin-inline:0}}.entrance__name{font-family:var(--font-display);font-size:var(--t-3xl);font-weight:600;line-height:1.05;letter-spacing:-.015em}@media(min-width:1100px){.entrance__name{font-size:var(--t-4xl)}}.entrance__role{margin-block-start:var(--s-4);font-family:var(--font-display);font-style:italic;font-size:var(--t-lg);color:var(--gilt);min-block-size:2.6em}.entrance__bio{margin-block-start:var(--s-6);color:var(--ink-soft);max-inline-size:54ch}.entrance__bio p+p{margin-block-start:var(--s-4)}.entrance__play{display:grid;justify-items:center;margin-block-start:var(--s-4)}.entrance__play .playable{inline-size:auto;block-size:auto}.entrance__play .handheld-tile__ds{width:228px}.entrance__play .handheld-tile__screen{width:178px}@media(min-width:900px){.entrance__play{grid-column:1;grid-row:2;align-self:start;margin-block-start:var(--s-12)}}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6);margin-block-start:var(--s-8);padding-block-start:var(--s-8);border-block-start:1px solid var(--wall-line)}@media(min-width:640px){.facts{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}.facts__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(1.25rem,2.2vw,var(--t-xl));color:var(--ink);line-height:1}.facts__label{margin-block-start:var(--s-2);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);min-block-size:2.8em;hyphens:auto;overflow-wrap:anywhere}.btn{display:inline-flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-6);min-block-size:46px;font-size:var(--t-sm);font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid var(--ink);color:var(--ink);background:transparent;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.btn:hover{background:var(--ink);color:var(--wall)}.btn--gilt{border-color:var(--gilt-lo);background:var(--gilt-lo);color:#fff}.btn--gilt:hover{background:#0f4f69;border-color:#0f4f69;color:#fff}.btn--linkedin{border-color:var(--gilt-comp);background:var(--gilt-comp);color:#fff}.btn--linkedin:hover{background:var(--gilt-comp-lo);border-color:var(--gilt-comp-lo);color:#fff}.btn-row{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-block-start:var(--s-8)}.award{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:var(--s-6);padding-block:var(--s-8);border-block-start:1px solid var(--wall-line);max-inline-size:74ch;margin-inline:auto}.award:first-child{border-block-start:0}.award__figure{font-size:var(--t-lg);color:var(--gilt);line-height:1.2;text-align:end}.award__title{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600;line-height:var(--lh-snug)}.award__meta{margin-block-start:var(--s-1);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}.award__body{margin-block-start:var(--s-3);font-size:var(--t-sm);line-height:var(--lh-body);color:var(--ink-soft)}@media(max-width:560px){.award{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}.award__figure{text-align:start}}.playable{position:relative;inline-size:min(100%,190px);block-size:210px;background:none}.case{max-inline-size:1100px}.case__back{display:inline-block;font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);text-decoration:none;border-block-end:1px solid transparent;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.case__back:before{content:"←";margin-inline-end:.6em}.case__back:hover{color:var(--gilt);border-block-end-color:var(--gilt)}.case__head{margin-block-start:var(--s-6);max-inline-size:46ch}.case__title{margin-block-start:var(--s-2)}[data-brand=campus]{--gilt-hi: #6f8c6a;--gilt: #2e4632;--gilt-lo: #1e3122;--brand-sand: #c8b285}[data-brand=campus] .case__title{color:#24361f}.case__name{display:flex;align-items:baseline;gap:var(--s-4);font-size:var(--t-2xl)}@media(min-width:720px){.case__name{font-size:var(--t-3xl)}}.case__name .case__title{min-inline-size:0}.case__mark{inline-size:auto;block-size:.625em;flex:none;object-fit:contain}.case__lede{margin-block-start:var(--s-4);font-family:var(--font-display);font-style:italic;font-size:var(--t-lg);line-height:var(--lh-snug);color:var(--ink-mute)}.case__top{margin-block-start:var(--s-8);display:grid;gap:var(--s-8)}@media(min-width:860px){.case__top{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:var(--s-12);align-items:start}[data-slug=ramps] .case__top{grid-template-rows:auto 1fr;gap:var(--s-6) var(--s-12)}[data-slug=ramps] .case__head{grid-column:1;grid-row:1;margin-block-start:0}[data-slug=ramps] .case__top>.case__pictures{grid-column:1;grid-row:2}[data-slug=ramps] .case__top>.case__column{grid-column:2;grid-row:1 / span 2}.case__top:not(:has(.case__scene)):not(:has(.case__gallery--aside))>.case__pictures>.frame{position:sticky;top:calc(var(--masthead-h, 64px) + var(--s-6))}}.plate{display:grid;grid-template-columns:minmax(7.5em,auto) minmax(0,1fr);gap:var(--s-3) var(--s-4);padding-block-end:var(--s-4)}.plate__k{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);line-height:var(--lh-body)}.plate__v{margin:0;font-family:var(--font-sans);font-size:var(--t-sm);line-height:var(--lh-body);color:var(--ink)}.plate__v[data-measured]{font-family:var(--font-mono);color:var(--measured)}.case__body{margin-block-start:var(--s-8)}.case__h{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--t-lg);color:var(--ink);margin-block-start:var(--s-8)}.case__h:first-child{margin-block-start:0}.case__p{margin-block-start:var(--s-4);font-family:var(--font-sans);font-size:var(--t-base);line-height:var(--lh-body);color:var(--ink-mute)}.case__scene{margin:var(--s-6) 0 0}.putter{aspect-ratio:4 / 3;inline-size:100%;background:var(--wall-deep);box-shadow:inset 0 0 0 1px #14110e1a;touch-action:none;cursor:grab}.putter:active{cursor:grabbing}.putter__canvas{display:block}.putter:focus-within{outline:2px solid var(--gilt);outline-offset:2px}.case__caption--scene{text-align:center;margin-inline:auto}.case__link{display:inline-block;margin-block-start:var(--s-6);padding:var(--s-2) var(--s-4);font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--gilt);text-decoration:none;border:1px solid var(--gilt);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.case__link:after{content:" ↗"}.case__link:hover{background:var(--gilt);color:#fff}.case__poster{margin:var(--s-16) 0 0}.case__caption--poster{max-inline-size:none;text-align:center}.case__gallery{margin-block-start:var(--s-16);display:grid;gap:var(--s-8)}.case__plate{margin:0}@media(min-width:720px){.case__gallery{grid-template-columns:repeat(3,minmax(0,300px));justify-content:center;justify-items:center;gap:var(--s-8) var(--s-6);grid-auto-rows:auto auto}.case__plate{display:grid;grid-template-rows:subgrid;grid-row:span 2}.case__plate>.case__img{align-self:center}.case__gallery--aside{grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:stretch;margin-block-start:var(--s-8)}}@media(min-width:720px){.case__gallery:has(.case__plate:nth-child(1):nth-last-child(1)){grid-template-columns:minmax(0,380px)}.case__gallery:has(.case__plate:nth-child(2):nth-last-child(1)){grid-template-columns:repeat(2,minmax(0,330px))}}.case__img{display:block;inline-size:100%;block-size:auto;background:#fff;padding:clamp(7px,.9vw,12px);box-shadow:inset 0 0 0 1px #14110e1a,0 0 0 1px #14110e2e,0 1px 3px #14110e1a}.case__caption{margin-block-start:var(--s-3);font-family:var(--font-sans);font-size:var(--t-sm);line-height:var(--lh-body);color:var(--ink-mute);max-inline-size:40ch}.case__foot{margin-block-start:var(--s-16);padding-block-start:var(--s-8);border-block-start:1px solid var(--wall-line)}@media(min-width:720px){.case__gallery--large{grid-template-columns:repeat(2,minmax(0,520px))}}.case__zoom{display:block;cursor:zoom-in}.case__zoom:focus-visible{outline:2px solid var(--gilt);outline-offset:3px}.case__stage{aspect-ratio:16 / 9;inline-size:100%;background:#04060b;box-shadow:var(--hang-shadow)}@media(min-width:720px){.case__stage{aspect-ratio:21 / 9}}.handheld-tile{display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer;font:inherit}.handheld-tile__ds{display:grid;width:172px;filter:drop-shadow(0 10px 12px rgba(20,17,14,.28));transition:transform .25s ease}.handheld-tile:hover .handheld-tile__ds,.handheld-tile:focus-visible .handheld-tile__ds{transform:translateY(-3px) rotate(-1.5deg)}.handheld-tile:focus-visible{outline:2px solid var(--gilt);outline-offset:6px}.handheld-tile__lid,.handheld-tile__base{display:grid;justify-items:center;background:linear-gradient(#2c2824,#1d1a17);padding:9px 0 7px}.handheld-tile__lid{border-radius:10px 10px 4px 4px}.handheld-tile__base{border-radius:4px 4px 12px 12px;grid-template-columns:1fr auto 1fr;align-items:center;padding:7px 8px 9px}.handheld-tile__screen{display:block;width:134px;aspect-ratio:4 / 3;background:#0d0b0a;padding:4px;border-radius:3px}.handheld-tile__screen img{display:block;width:100%;height:100%;image-rendering:pixelated}.handheld-tile__hinge{height:6px;margin-inline:6px;background:linear-gradient(#121010,#2e2a26 45%,#121010);border-radius:3px}.handheld-tile__pad{width:22px;height:22px;background:linear-gradient(#34302b,#34302b) center / 8px 22px no-repeat,linear-gradient(#34302b,#34302b) center / 22px 8px no-repeat}.handheld-tile__press{font:500 9px/1 var(--font-mono);letter-spacing:.18em;color:var(--gilt-hi);animation:hh-blink 1.4s steps(2) infinite}.handheld-tile__ab{justify-self:end;display:flex;gap:4px;align-items:flex-start}.handheld-tile__ab:before,.handheld-tile__ab:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--gilt)}.handheld-tile__ab:before{margin-top:6px;background:var(--gilt-lo)}@keyframes hh-blink{50%{opacity:.25}}html.hh-open{overflow:hidden}.hh{--sw: min(512px, calc(100vw - 330px) , calc((100dvh - 210px) / 1.5));width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0 max(12px,env(safe-area-inset-right,0px)) 16px max(12px,env(safe-area-inset-left,0px));border:0;box-sizing:border-box;background:radial-gradient(ellipse 70% 60% at 50% 45%,#2a2622,#14110e 75%);color:#ede6d8;overflow:auto;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}.hh::backdrop{background:#14110e}.hh[open]{display:grid;grid-template-rows:auto 1fr;justify-items:center}.hh:focus{outline:none}.hh__bar{width:100%;max-width:900px;display:flex;align-items:center;gap:16px;padding-block:max(10px,env(safe-area-inset-top,0px)) 10px}.hh__title{margin:0;font:italic 400 1.4rem/1.1 var(--font-display);color:#ede6d8}.hh__keys{margin:0 auto 0 0;font:400 12px/1.3 var(--font-mono);color:#a2988a}.hh__exit{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid #5a524a;border-radius:999px;background:#2a2622;color:#ede6d8;font:600 14px/1 var(--font-sans);cursor:pointer}.hh__exit:hover{background:#3a3530;border-color:var(--gilt-hi)}.hh__exit:focus-visible,.hh__btn:focus-visible{outline:2px solid var(--gilt-hi);outline-offset:3px}.hh__ds{align-self:center;display:grid;width:calc(var(--sw) + 290px);max-width:100%;filter:drop-shadow(0 24px 30px rgba(0,0,0,.5))}.hh__lid{display:grid;justify-items:center;gap:8px;padding:16px 0 10px;border-radius:22px 22px 8px 8px;background:linear-gradient(#2c2824,#1d1a17)}.hh__label{font:500 10px/1 var(--font-mono);letter-spacing:.32em;color:#6d655b}.hh__hinge{height:14px;margin-inline:18px;border-radius:5px;background:linear-gradient(#121010,#2e2a26 45%,#121010)}.hh__base{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"pad scr btn";align-items:center;padding:14px 0 18px;border-radius:8px 8px 24px 24px;background:linear-gradient(#1d1a17,#151311)}.hh__base>.hh__bezel{grid-area:scr}.hh__bezel{padding:8px;border-radius:5px;background:#0d0b0a;box-shadow:inset 0 0 0 1px #000,0 1px #ffffff0f}.hh__screen{display:block;width:var(--sw);max-width:100%;aspect-ratio:4 / 3;image-rendering:pixelated;touch-action:none}.hh__screen--top{cursor:pointer}.hh__dpad{grid-area:pad;justify-self:center;display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);touch-action:none}.hh__dpad button,.hh__dpad span{display:grid;place-items:center;padding:0;border:0;background:#34302b;box-shadow:0 3px #0b0a09;-webkit-tap-highlight-color:transparent}.hh__dpad button:before{content:"";width:12px;height:10px;background:#847a6e;clip-path:polygon(50% 0,100% 100%,0 100%)}.hh__dpad [data-dir=up]{grid-area:1 / 2;border-radius:7px 7px 0 0}.hh__dpad [data-dir=left]{grid-area:2 / 1;border-radius:7px 0 0 7px}.hh__dpad [data-dir=left]:before{transform:rotate(-90deg)}.hh__dpad [data-dir=right]{grid-area:2 / 3;border-radius:0 7px 7px 0}.hh__dpad [data-dir=right]:before{transform:rotate(90deg)}.hh__dpad [data-dir=down]{grid-area:3 / 2;border-radius:0 0 7px 7px}.hh__dpad [data-dir=down]:before{transform:rotate(180deg)}.hh__dpad span{grid-area:2 / 2}.hh__dpad button.is-down{background:#45403a}.hh__btns{grid-area:btn;justify-self:center;display:flex;align-items:flex-start;gap:14px;touch-action:none}.hh__btn{width:54px;height:54px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gilt-hi),var(--gilt) 58%,var(--gilt-lo));box-shadow:0 4px #0b0a09,inset 0 -3px #00000038;color:#fff;font:600 17px/1 var(--font-mono);cursor:pointer;-webkit-tap-highlight-color:transparent}.hh__btn--b{margin-top:28px;background:radial-gradient(circle at 35% 30%,#4d8aa1,var(--gilt-lo) 60%,#0f4a62)}.hh__btn:active{transform:translateY(3px);box-shadow:0 1px #0b0a09,inset 0 -2px #00000038}@media(max-width:819px){.hh{--sw: min(512px, calc(100vw - 64px) , calc((100dvh - 330px) / 1.5))}.hh__keys{display:none}.hh__ds{width:calc(var(--sw) + 32px)}.hh__base{grid-template-columns:1fr 1fr;grid-template-areas:"scr scr" "pad btn";row-gap:14px}.hh__base>.hh__bezel{justify-self:center}}@media(orientation:landscape)and (max-height:520px){.hh{--sw: min(512px, calc((100vw - 420px)/2) , calc((100dvh - 120px) / .75))}.hh__keys{display:none}.hh__ds{width:auto;grid-template-columns:auto auto;align-items:stretch;column-gap:10px}.hh__hinge,.hh__label{display:none}.hh__lid,.hh__base{padding:10px 12px;border-radius:16px;align-content:center}.hh__base{grid-template-columns:auto auto auto;grid-template-areas:"pad scr btn";column-gap:12px}}@media(prefers-reduced-motion:reduce){.handheld-tile__press{animation:none}.handheld-tile__ds{transition:none}}