.resume-showcase{--resume-gutter:clamp(1rem, 4vw, 3.75rem);--studio-surface:#361527;--studio-ink:#fff1f6;--device-neon:#ff359d;--device-highlight:#ffc4e3;--device-anodized:#be145f;color:var(--foreground)}.resume-eyebrow{letter-spacing:.13em;font-size:.72rem;font-weight:700;line-height:1.55}.resume-cover-rail{background:var(--background)}.resume-cover{isolation:isolate;min-height:min(50rem, calc(100svh - var(--interview-header-height)));padding-inline:var(--resume-gutter);perspective:1150px;background:radial-gradient(ellipse at 50% 42%, #f7d8e4 0, transparent 65%), linear-gradient(160deg, var(--card), var(--background));grid-template-columns:minmax(0,.95fr) minmax(15rem,1.28fr) minmax(0,.8fr);gap:clamp(.85rem,2.5vw,2.6rem);display:grid;position:relative;overflow:clip}.resume-cover-copy,.resume-cover-aside{z-index:2;padding-top:clamp(2rem,6vh,4rem);position:relative}.resume-cover-copy .resume-eyebrow{color:var(--sakura-deep,var(--primary))}.resume-cover-copy h1{letter-spacing:-.06em;margin-top:1rem;font-size:clamp(1.85rem,3.35vw,3.45rem);font-weight:700;line-height:1.11}.resume-cover-copy h1 span{color:var(--primary);display:block}.resume-cover-positioning,.resume-cover-aside>p{max-width:26rem;color:var(--muted-foreground);font-size:clamp(.82rem,1.22vw,.97rem);line-height:1.75}.resume-cover-positioning{margin-top:1.125rem}.resume-cover-aside nav{flex-wrap:wrap;gap:.5rem 1.15rem;margin-top:.875rem;display:flex}.resume-cover-aside a,.resume-product-site{text-underline-offset:.28em;align-items:center;gap:.35rem;min-height:2.75rem;font-size:.82rem;font-weight:700;text-decoration:underline;display:inline-flex}.resume-cover-aside a svg,.resume-product-site svg{width:.92rem;height:.92rem}.resume-cover-mark{z-index:-1;right:var(--resume-gutter);bottom:.12em;left:var(--resume-gutter);color:#efbdd0;letter-spacing:-.085em;white-space:nowrap;text-align:center;pointer-events:none;font-size:clamp(3rem,13.5vw,14rem);font-weight:720;line-height:.89;position:absolute}.resume-badge{z-index:1;text-align:center;align-self:start;min-width:0;position:relative}.resume-badge-field{max-width:33rem;height:clamp(32rem,66svh,38rem);margin-inline:auto;position:relative}.resume-strap{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.resume-strap>path{fill:none;stroke:#4a1930;stroke-width:45px;filter:drop-shadow(7px 7px 7px #57223c2c)}.resume-strap-weave{fill:none;stroke:#8d4461;stroke-width:42px;stroke-dasharray:.8 3.2}.resume-strap text{fill:#ffeaf2;letter-spacing:2px;font-size:10px;font-weight:700}.resume-badge-anchor{transform-origin:50% 22%;perspective:1000px;width:clamp(11.5rem,20vw,17.25rem);position:absolute;top:29%;left:50%;transform:translate(-50%)}.resume-badge-swing{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;transform-origin:50% -40px;position:relative}.resume-badge-swing[data-dragging]{cursor:grabbing}.resume-clip{z-index:1;pointer-events:none;position:absolute;top:-48px;left:50%;transform:translate(-50%)}.resume-badge-card{aspect-ratio:.75;transform-style:preserve-3d;transition:transform .58s cubic-bezier(.22,.61,.33,1);position:relative}.resume-badge-card[data-flipped]{transform:rotateY(180deg)}.resume-badge-face{border:1px solid var(--border);text-align:start;backface-visibility:hidden;background:#fff;border-radius:1.1rem;gap:.45rem;padding:1rem .8rem .8rem;display:grid;position:absolute;inset:0;box-shadow:0 24px 48px -22px #5022386b,0 4px 9px #50223816}.resume-badge-face:before{background:var(--sakura-line,var(--border));content:"";border-radius:999px;width:1.8rem;height:.23rem;position:absolute;top:.34rem;left:50%;transform:translate(-50%)}.resume-badge-front{grid-template-rows:auto minmax(0,1fr) auto}.resume-badge-label{color:var(--muted-foreground);letter-spacing:.12em;justify-content:space-between;gap:.5rem;font-size:.6rem;font-weight:700;line-height:1.5;display:flex}.resume-badge-portrait{object-fit:cover;object-position:center 43%;pointer-events:none;border-radius:.68rem;width:100%;height:100%;min-height:0}.resume-badge-name{min-width:0;min-height:2.35rem;padding-right:2.4rem;line-height:1.2}.resume-badge-name p,.resume-badge-company{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(.95rem,1.65vw,1.35rem);font-weight:730}.resume-badge-name span{color:var(--sakura-deep,var(--primary));margin-top:.18rem;font-size:.73rem;display:block}.resume-badge-back{background:linear-gradient(150deg, #fff, var(--accent));align-content:start;gap:.7rem;padding:1rem .95rem 3rem;transform:rotateY(180deg)}.resume-badge-period,.resume-badge-signature{color:var(--muted-foreground);font-size:clamp(.68rem,1.06vw,.84rem);line-height:1.52}.resume-badge-signature{letter-spacing:.06em;font-size:.7rem;font-weight:700;position:absolute;bottom:1.1rem;left:.95rem}.resume-badge-flip{z-index:2;background:var(--primary);width:2.75rem;height:2.75rem;color:var(--primary-foreground);border-radius:999px;place-items:center;display:inline-grid;position:absolute;bottom:.6rem;right:.6rem}.resume-badge-flip svg{width:1rem;height:1rem}.resume-badge-flip:hover{background:var(--sakura-deep,var(--accent-foreground))}.resume-badge-contact{gap:.65rem;margin-top:.45rem;display:grid}.resume-badge-contact a{border-top:1px solid var(--border);color:var(--foreground);overflow-wrap:anywhere;gap:.18rem;padding-top:.52rem;font-size:clamp(.64rem,1vw,.82rem);display:grid}.resume-badge-contact a>span:first-child{color:var(--muted-foreground);letter-spacing:.1em;font-size:.58rem;font-weight:700}.resume-badge-contact a svg{width:.82rem;height:.82rem;display:inline-block}.resume-drag-hint{z-index:1;color:var(--muted-foreground);margin:.45rem 0 .85rem;font-size:.72rem;position:relative}.resume-desk{background:radial-gradient(at 53% 47%,#fff8fa,#f3dce5 95%);overflow:clip}.resume-desk-inner,.resume-studio-inner{max-width:84rem;padding-inline:var(--resume-gutter);margin-inline:auto}.resume-desk-inner{padding-block:clamp(3rem,7.5vw,6rem)}.resume-desk-inner .resume-eyebrow{color:var(--sakura-deep,var(--primary))}.resume-desk-inner h2{letter-spacing:-.052em;margin-top:.55rem;font-size:clamp(1.7rem,3.7vw,3.3rem);font-weight:690;line-height:1.1}.resume-desk-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.resume-deck-controls{border:1px solid var(--border);background:var(--card);border-radius:1.5rem;flex-wrap:wrap;gap:.25rem;padding:.25rem;display:flex}.resume-deck-controls button,.resume-desk-next{min-height:2.75rem;color:var(--foreground);border-radius:999px;align-items:center;gap:.36rem;padding:.35rem .66rem;font-size:.76rem;font-weight:670;display:inline-flex}.resume-deck-controls button:hover,.resume-deck-controls button[aria-pressed=true]{background:var(--accent)}.resume-deck-controls svg,.resume-desk-next svg{width:.95rem;height:.95rem}.resume-job-deck{--deal:calc(var(--scene-progress,1) * (1 - var(--desk-close,0)));grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.6rem,2.1vw,1.7rem);margin-top:clamp(2.4rem,6vw,4.25rem);list-style:none;display:grid;position:relative}.resume-job-deck[data-sorted]{--deal:calc(1 - var(--desk-close,0))}.resume-job-deck:has(:focus-visible){--deal:1}.resume-job-slot{--sx:0px;--sy:0px;--sr:0deg;min-width:0}.resume-job-slot:focus-within{z-index:2}@media (hover:hover){.resume-job-slot:hover{z-index:2}}.resume-job-deck:not([data-sorted]) .resume-job-slot:nth-child(5n+1){--sx:16%;--sy:7px;--sr:-10deg}.resume-job-deck:not([data-sorted]) .resume-job-slot:nth-child(5n+2){--sx:-13%;--sy:26px;--sr:8deg}.resume-job-deck:not([data-sorted]) .resume-job-slot:nth-child(5n+3){--sx:4%;--sy:-22px;--sr:-7deg}.resume-job-deck:not([data-sorted]) .resume-job-slot:nth-child(5n+4){--sx:16%;--sy:14px;--sr:10deg}.resume-job-deck:not([data-sorted]) .resume-job-slot:nth-child(5n+5){--sx:-14%;--sy:-5px;--sr:-6deg}.resume-job-placement{transform:translate(calc(var(--gather-x,0px) * (1 - var(--deal)) + var(--sx) * var(--deal)), calc(var(--gather-y,0px) * (1 - var(--deal)) + var(--sy) * var(--deal))) rotate(calc(var(--sr) * var(--deal)));transition:transform .38s cubic-bezier(.22,.74,.32,1)}.resume-job-button{text-align:start;perspective:880px;border-radius:.95rem;width:100%;display:block}.resume-job-button:focus-visible{z-index:3;outline:2px solid var(--ring);outline-offset:4px;position:relative}.resume-job-flip{aspect-ratio:.75;min-height:15.25rem;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.25,.68,.32,1) var(--flip-delay,0s);display:block;position:relative}.resume-job-flip[data-flipped]{transform:rotateY(180deg)}.resume-job-face{border:1px solid var(--border);background:var(--card);color:var(--foreground);backface-visibility:hidden;border-radius:.95rem;align-content:start;gap:.45rem;padding:.95rem .7rem .7rem;display:grid;position:absolute;inset:0;box-shadow:0 12px 25px -12px #65334865,0 3px 6px #582a3c19}.resume-job-face:before{background:var(--sakura-line,var(--border));content:"";border-radius:1rem;width:1.3rem;height:.17rem;position:absolute;top:.32rem;left:calc(50% - .65rem)}.resume-job-front{--job-ink:#7a2647;--job-start:#fbe1eb;--job-end:#efacc7;grid-template-rows:auto minmax(0,1fr) auto auto}.resume-job-front[data-tone="2"]{--job-ink:#7c3f5c;--job-start:#f5e1eb;--job-end:#e6b5ce}.resume-job-front[data-tone="3"]{--job-ink:#85394c;--job-start:#fee8e8;--job-end:#f4bac3}.resume-job-front[data-tone="4"]{--job-ink:#682842;--job-start:#fae4ee;--job-end:#eaa7c4}.resume-job-front[data-tone="0"]{--job-ink:#733749;--job-start:#fbe7e9;--job-end:#ebbac5}.resume-job-num{color:var(--muted-foreground);letter-spacing:.09em;justify-content:space-between;gap:.2rem;font-size:.56rem;font-weight:720;display:flex}.resume-job-mark{background:radial-gradient(ellipse at 22% 13%, #fff8, transparent 57%), linear-gradient(141deg, var(--job-start), var(--job-end));min-height:0;color:var(--job-ink);letter-spacing:-.08em;border:1px solid #ffffff9c;border-radius:.65rem;place-items:center;padding:clamp(.75rem,1.8vw,1.35rem);font-size:clamp(1.85rem,4vw,4rem);font-weight:760;display:grid;overflow:hidden}.resume-job-logo{object-fit:contain;filter:drop-shadow(0 6px 12px #582a3c1f);pointer-events:none;width:min(100%,5.25rem);height:min(100%,5.25rem)}.resume-job-name{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(.89rem,1.48vw,1.2rem);font-weight:730;line-height:1.25;display:block}.resume-job-role,.resume-job-period,.resume-job-note{color:var(--muted-foreground);font-size:.72rem;line-height:1.48;display:block}.resume-job-back{background:linear-gradient(150deg, var(--card), var(--accent));gap:.55rem;transform:rotateY(180deg)}.resume-job-back .resume-job-name{margin-top:.3rem}.resume-job-note{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.5rem}.resume-desk-next{width:max-content;color:var(--sakura-deep,var(--primary));text-underline-offset:.25em;margin:2rem auto 0;text-decoration:underline;display:flex}@media (min-width:70rem){.resume-desk-inner{position:relative}.resume-desk-inner:before{bottom:5rem;left:var(--resume-gutter);color:#e5b1c4;letter-spacing:-.07em;writing-mode:vertical-rl;content:"Work History";pointer-events:none;font-size:clamp(3rem,5.6vw,6rem);font-weight:720;line-height:.9;position:absolute;transform:rotate(180deg)}.resume-job-deck{margin-left:clamp(5.25rem,9vw,8rem)}}.resume-studio{color:var(--foreground);background:radial-gradient(at 68% 79%,#e596b038,#0000 44%),linear-gradient(#0000 65%,#d293a838 65.2%,#ebcdd980 100%),radial-gradient(at 69% 39%,#fffcfd 0,#f9e8ef 53%,#f3dce5 100%);overflow:clip}.resume-studio-inner{min-height:calc(100svh - var(--interview-header-height));grid-template-columns:minmax(13.5rem,.65fr) minmax(0,1.62fr);align-items:center;gap:clamp(.85rem,2.5vw,2.4rem);padding-block:clamp(2.7rem,6vw,4.6rem) 2.5rem;display:grid}.resume-case-copy{container-type:inline-size}.resume-case-copy .resume-eyebrow{color:var(--sakura-deep,var(--primary))}.resume-case-copy h2{letter-spacing:-.06em;overflow-wrap:anywhere;margin-top:.6rem;font-size:clamp(1.85rem,12.8cqi,3.7rem);font-weight:680;line-height:1.05}.resume-case-title{margin-top:.85rem;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:660}.resume-case-summary{color:var(--muted-foreground);margin-top:.6rem;font-size:.9rem;line-height:1.75}.resume-product-site{color:var(--sakura-deep,var(--primary));margin-top:.7rem}.resume-device{perspective:1050px;width:min(100%,46rem);margin-inline:auto}.resume-device-lid{z-index:1;background:linear-gradient(#22131c, #0f0a0e) padding-box, linear-gradient(125deg, var(--device-highlight), var(--device-neon) 37%, var(--device-anodized) 74%, var(--device-neon)) border-box;transform:rotateX(calc(-76deg * (1 - var(--scene-progress,1))));transform-origin:bottom;border:2px solid #0000;border-radius:.86rem .86rem .32rem .32rem;padding:.48rem .42rem .95rem;position:relative;box-shadow:0 18px 38px -14px #57223c42,0 0 24px #ff359d29}.resume-device-camera{z-index:4;pointer-events:none;background:#161017;border-radius:0 0 .38rem .38rem;width:12%;height:clamp(.55rem,1.35vw,1rem);position:absolute;top:.32rem;left:50%;transform:translate(-50%)}.resume-device-camera:after{content:"";background:#846072;border-radius:50%;width:3px;height:3px;position:absolute;top:46%;left:50%}.resume-device-wordmark{color:#c6aebd;letter-spacing:.025em;text-align:center;font-size:clamp(.34rem,.64vw,.54rem);line-height:1;position:absolute;bottom:.13rem;left:0;right:0}.resume-device-screen{aspect-ratio:1.63;background:#1e0c17;border-radius:.36rem .36rem .12rem .12rem;position:relative;overflow:hidden}.resume-screen-strip{width:100%;height:100%;transition:transform .48s cubic-bezier(.24,.6,.33,1);display:flex}.resume-screen-frame{background-color:var(--studio-surface);background-position:50%;background-size:cover;flex-direction:column;flex:0 0 100%;justify-content:center;min-width:0;padding:5% 6% 11%;display:flex}.resume-screen-frame>span,.resume-screen-frame>small{max-width:55%;color:var(--studio-ink);letter-spacing:.12em;font-size:clamp(.54rem,1.04vw,.86rem);font-weight:700;line-height:1.4}.resume-screen-frame>strong{color:#fff;letter-spacing:-.08em;margin-block:.3rem;font-size:clamp(1.85rem,6.3vw,5.9rem);font-weight:710;line-height:1;display:block}.resume-device-base{border:1px solid var(--device-highlight);background:linear-gradient(106deg, #fff0f54d, transparent 33%, #6d00431c 80%, #fff0f544), linear-gradient(#c9176b, var(--device-neon) 52%, #ff68b1 94%, #e62383);width:103%;height:clamp(3.35rem,9.8vw,8rem);box-shadow:0 5px 0 var(--device-anodized), 0 10px 0 #680e3e, 0 24px 34px -6px #57223c45;transform-origin:top;border-radius:.28rem .28rem .9rem .9rem;margin:0 -1.5% -1.4rem;padding:.48rem 7% .4rem;position:relative;transform:rotateX(57deg)}.resume-device-base:after{content:"";background:#8c1753;border-radius:.3rem .3rem 0 0;width:10%;height:4px;position:absolute;bottom:0;left:45%}.resume-device-keys{background:#24131e;border-radius:.3rem;grid-template-columns:repeat(14,minmax(0,1fr));gap:clamp(1px,.25vw,3px);width:81%;margin-inline:auto;padding:3px;display:grid;position:relative}.resume-device-keys:before,.resume-device-keys:after{content:"";background:radial-gradient(circle,#66083f .7px,#0000 1.1px) 0 0/3px 3px;border-radius:.25rem;width:8%;position:absolute;inset-block:.15rem}.resume-device-keys:before{right:102%}.resume-device-keys:after{left:102%}.resume-device-keys i{background:linear-gradient(#543143,#2b1b27);border-radius:2px;height:clamp(.14rem,.8vw,.7rem);box-shadow:inset 0 1px #b67c9c3d}.resume-device-keys i:nth-child(47){grid-column:span 6}.resume-device-trackpad{background:linear-gradient(146deg,#ff8ec4,#ff4faa);border:1px solid #97205c;border-radius:.32rem;width:37%;height:32%;margin:clamp(.18rem,.6vw,.47rem) auto 0;box-shadow:inset 0 1px #ffd5eb91}.resume-project-dock{border:1px solid var(--border);background:var(--card);border-radius:.85rem;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;width:min(100%,38rem);margin-inline:auto;padding:.45rem;display:grid;box-shadow:0 12px 28px -16px #65334845}.resume-project-dock button{min-width:0;color:var(--foreground);overflow-wrap:anywhere;border:1px solid #0000;border-radius:.5rem;grid-template-columns:minmax(0,1fr);align-content:start;gap:.3rem;padding:.32rem;font-size:clamp(.6rem,1.12vw,.82rem);font-weight:650;display:grid}.resume-project-dock button:hover,.resume-project-dock button[aria-pressed=true]{border-color:var(--sakura-line,var(--border));background:var(--accent);color:var(--accent-foreground)}.resume-project-dock button span{aspect-ratio:2.2;background-position:100%;background-size:cover;border-radius:.28rem;width:100%}.resume-case-details{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:.65rem;padding-top:.75rem;font-size:.78rem;line-height:1.55}.resume-case-details summary{width:max-content;color:var(--foreground);cursor:pointer;font-weight:650}.resume-case-details>div{margin-top:.65rem}.resume-case-details strong{color:var(--foreground)}.resume-live-preview{background:#1e0c17;width:100%;height:100%;position:relative}.resume-live-preview img{object-fit:contain}.resume-live-screen{z-index:2;pointer-events:none;animation:.49s cubic-bezier(.24,.6,.33,1) both resume-screen-slide;position:absolute;inset:0;overflow:hidden}.resume-live-screen iframe{background:#fff;border:0;width:100%;height:100%;display:block}@keyframes resume-screen-slide{0%{opacity:0;transform:translate(4%)}to{opacity:1;transform:translate(0)}}@media (min-width:62rem) and (min-height:620px) and (prefers-reduced-motion:no-preference){.resume-cover-rail{min-height:151svh}.resume-cover{top:var(--interview-header-height);min-height:calc(100svh - var(--interview-header-height));position:sticky}.resume-cover:before{z-index:-2;opacity:var(--scene-progress,0);content:"";background:#f3dce5;position:absolute;inset:0}.resume-badge-anchor{transform:translate(-50%, calc(114px * var(--scene-progress,0))) rotateX(calc(58deg * var(--scene-progress,0))) scale(calc(1 - .19 * var(--scene-progress,0)))}.resume-strap,.resume-clip{opacity:clamp(0, calc(1 - 2.4 * var(--scene-progress,0)), 1)}.resume-cover-copy,.resume-cover-aside,.resume-cover-mark,.resume-drag-hint{opacity:clamp(.12, calc(1 - 1.7 * var(--scene-progress,0)), 1)}.resume-cover-aside:focus-within{opacity:1}}@media (min-width:768px) and (max-width:1039px){.resume-job-deck{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.resume-cover{grid-template-columns:minmax(0,1fr);gap:0}.resume-cover-copy,.resume-cover-aside{padding-top:1.6rem}.resume-cover-aside{padding-bottom:2.5rem}.resume-cover-mark{opacity:.64;font-size:13vw;bottom:.42em}.resume-badge-field{max-width:25rem;height:clamp(25rem,106vw,29rem)}.resume-badge-anchor{width:clamp(12.55rem,60vw,14rem);top:24%}.resume-badge{margin-top:.85rem}.resume-strap{clip-path:inset(0 -3rem -3rem)}.resume-job-deck{--deal:1;grid-template-columns:repeat(2,minmax(0,1fr))}.resume-job-deck[data-sorted]{--deal:1}.resume-job-placement{transform:rotate(calc(var(--sr) * .32))}.resume-job-flip{min-height:17rem}.resume-studio-inner{grid-template-columns:minmax(0,1fr)}.resume-device-lid{border-radius:.6rem .6rem .25rem .25rem;padding:.4rem .29rem .65rem}.resume-device-base{margin-bottom:-1rem;padding-top:.35rem}}@media (max-width:440px){.resume-project-dock{grid-template-columns:.9fr 1fr 1fr 1.24fr;gap:.2rem;padding:.32rem}.resume-project-dock button{white-space:nowrap;padding-inline:.22rem}}@media (prefers-reduced-motion:reduce){.resume-badge-swing{cursor:auto;touch-action:auto}.resume-badge-card,.resume-job-flip,.resume-job-placement,.resume-screen-strip{transition:none}.resume-drag-hint{display:none}.resume-live-screen{animation:none}}