.resume-page{--resume-floor-height:clamp(5.2rem, 18dvh, 9.8rem);min-height:calc(100dvh - var(--header-height));padding-inline:clamp(1rem,4vw,4rem);position:relative}.resume-content{inset:0 0 var(--resume-floor-height);pointer-events:none;place-items:center;width:100%;padding:clamp(4.75rem,9vh,7rem) clamp(1.25rem,4vw,4rem) 0;display:grid;position:absolute}.resume-gallery{pointer-events:auto;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:center;gap:clamp(6rem,9vw,8rem);width:min(100%,60rem);margin-inline:auto;display:grid}.resume-frame{--room-light-hot:var(--wall-light,#f4f1e9);--resume-label-ink:var(--room-label-ink,var(--wall-light,#f4f1e9));--resume-outline:var(--room-outline,var(--wall-light,#f4f1e9));--resume-frame-width:20.5rem;width:min(100%, var(--resume-frame-width));color:color-mix(in srgb, var(--resume-label-ink) 72%, transparent);user-select:none;-webkit-user-drag:none;outline:none;justify-self:center;text-decoration:none;display:block;position:relative}.resume-frame__recess{box-sizing:border-box;contain:paint;width:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--resume-outline) 24%, transparent), 0 0 0 .32rem #0b0b0b, .65rem .85rem 1.15rem #000000a8, 0 0 2.6rem color-mix(in srgb, var(--room-light-hot) 8%, transparent), inset 0 0 2.2rem #000000e0;background:#020202;border:.7rem solid #050505;padding:.3rem;transition:box-shadow .32s cubic-bezier(.2,.75,.25,1),border-color .32s;display:block;position:relative;overflow:hidden}.resume-frame__glass{box-sizing:border-box;aspect-ratio:71/100;contain:paint;width:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--resume-outline) 26%, transparent);background:#0b0b0a;display:block;position:relative;overflow:hidden}.resume-frame__preview{z-index:1;object-fit:cover;object-position:50% 50%;pointer-events:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.resume-frame__glass:after{z-index:2;content:"";opacity:1;pointer-events:none;background:#00000024;transition:opacity .32s cubic-bezier(.2,.75,.25,1);position:absolute;inset:0}.resume-frame__reflection{z-index:3;background:linear-gradient(112deg, transparent 12%, color-mix(in srgb, var(--wall-light,#f4f1e9) 6%, transparent) 27%, transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--wall-light,#f4f1e9) 2%, transparent), transparent 38%);pointer-events:none;position:absolute;inset:.45rem}.resume-frame__sill{border-top:1px solid color-mix(in srgb, var(--resume-outline) 24%, transparent);background:#050505;width:calc(100% + 1.3rem);height:.55rem;margin:-.1rem -.65rem 0;display:block;position:relative;box-shadow:0 .5rem .65rem #00000094}.resume-frame__label{color:color-mix(in srgb, var(--resume-label-ink) 58%, transparent);font-family:var(--font-sans,system-ui, sans-serif);letter-spacing:.16em;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;margin-top:1.45rem;font-size:.7rem;font-weight:400;line-height:1.35;transition:color .26s;display:grid;position:relative}.resume-frame__index{color:color-mix(in srgb, var(--resume-label-ink) 38%, transparent);font-variant-numeric:tabular-nums}.resume-frame__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-block:.08em .12em;overflow:hidden}.resume-frame__arrow{opacity:0;place-items:center;width:.9rem;height:.9rem;transition:opacity .26s,transform .26s;display:grid;transform:translate(-.2rem,.2rem)}.resume-frame__arrow svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block;overflow:visible}@media (hover:hover) and (pointer:fine){.resume-frame:hover{color:var(--resume-label-ink)}.resume-frame:hover .resume-frame__recess{box-shadow:0 0 0 1px color-mix(in srgb, var(--resume-outline) 36%, transparent), 0 0 0 .32rem #0d0d0d, .65rem .85rem 1.15rem #000000ad, 0 0 2.8rem color-mix(in srgb, var(--room-light-hot) 32%, transparent), inset 0 0 1.5rem #00000094;border-color:#080808}.resume-frame:hover .resume-frame__glass:after{opacity:0}.resume-frame:hover .resume-frame__label{color:color-mix(in srgb, var(--resume-label-ink) 92%, transparent)}.resume-frame:hover .resume-frame__arrow{opacity:1;transform:translate(0)}}.resume-frame:focus-visible .resume-frame__recess{outline:2px solid color-mix(in srgb, var(--resume-outline) 82%, transparent);outline-offset:.5rem}@media (width<=48rem){.resume-page{min-height:calc(100dvh - var(--header-height))}.resume-content{pointer-events:auto;padding:2rem 0 clamp(8rem,18vh,10rem);display:block;position:static}.resume-gallery{grid-template-columns:1fr;gap:3.25rem;width:100%}.resume-frame{--resume-frame-width:min(82vw, 20.5rem)}.resume-frame__label{font-size:.76rem}}@media (prefers-reduced-motion:reduce){.resume-frame__recess,.resume-frame__glass:after,.resume-frame__label,.resume-frame__arrow{transition:none}}