/* Clear glass: quiet light, generous space, identity first. */
:root{--bg:#080a0d;--surface:rgba(255,255,255,.025);--surface2:rgba(255,255,255,.035);--ink:#f5f5f7;--muted:#a4a7af;--line:rgba(255,255,255,.09);--accent:#b2e7ce;--accent-ink:#0b2118;--diagram:rgba(255,255,255,.015);--glass:linear-gradient(145deg,#ffffff09,#ffffff02);--glass-rim:rgba(255,255,255,.12);--glass-shadow:inset 0 1px 0 #ffffff0b;--contact-ink:var(--ink);--skeleton:#ffffff0b;--skeleton-shine:#ffffff11}
:root[data-theme=light]{--bg:#f5f5f7;--surface:rgba(255,255,255,.38);--surface2:rgba(0,0,0,.025);--ink:#1d1d1f;--muted:#62656b;--line:rgba(0,0,0,.085);--accent:#29785b;--accent-ink:#fff;--diagram:rgba(255,255,255,.2);--glass:linear-gradient(145deg,#ffffff65,#ffffff18);--glass-rim:rgba(0,0,0,.08);--glass-shadow:inset 0 1px 0 #ffffffc0;--skeleton:#00000006;--skeleton-shine:#00000009}
body{isolation:isolate;overflow-x:clip;background:var(--bg)}main,.footer{position:relative;z-index:1}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.light-field{position:absolute;width:75vw;height:75vw;max-width:1100px;max-height:1100px;min-width:500px;min-height:500px;border-radius:50%;opacity:.18;background:radial-gradient(circle,var(--glow),transparent 65%)}.field-mint{--glow:#498f7730;top:-45%;left:-30%}.field-blue{--glow:#6887b12a;top:-10%;right:-35%}.field-violet{--glow:#84769616;top:55%;left:20%}.ambient-grid{display:none}.reading-progress{position:fixed;top:0;left:0;z-index:100;height:1px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none;opacity:.6}
.header{top:14px;width:1320px;max-width:calc(100% - 40px);margin:14px auto 0;background:rgba(19,21,26,.45);border:1px solid var(--line);border-radius:22px;backdrop-filter:blur(24px) saturate(110%);-webkit-backdrop-filter:blur(24px) saturate(110%);box-shadow:inset 0 1px 0 #ffffff07}:root[data-theme=light] .header{background:#f5f5f7a8}.nav-wrap{min-height:76px;width:calc(100% - 48px);gap:22px}.brand{display:flex;align-items:flex-start;flex-direction:column;gap:7px}.brand-name{display:block;font-size:16px;font-weight:600;letter-spacing:-.4px}.brand .logo-lazy{font-size:17px;letter-spacing:.6px}.brand .logo-dev{font-size:12px}.logo-dev{color:var(--accent)}.header nav{border:0;background:none;gap:6px;padding:0}nav a{font-size:12px;padding:10px 14px;border-radius:20px;transition:color .25s,background .25s}nav a:hover,nav a[aria-current=location]{color:var(--ink);background:var(--surface2)}.nav-tools{gap:9px}.nav-tools .lang{padding:8px;font-size:11px}.nav-tools .theme,.nav-tools .motion-toggle{display:grid;place-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;transition:background .2s}.nav-tools .theme{font-size:20px}.nav-tools .motion-toggle{font-size:23px}.nav-tools .motion-toggle[aria-pressed=true]{opacity:.5}.nav-tools button:hover{background:var(--surface2)}.nav-contact{border-radius:22px;padding:11px 17px;font-size:11px;border-color:var(--line);background:transparent}
.hero{grid-template-columns:1.15fr 1fr;gap:80px;padding-block:88px 86px;align-items:center}.eyebrow{width:fit-content;border:0;background:none;padding:0;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.eyebrow .status-dot{color:var(--accent);width:5px;height:5px;box-shadow:0 0 0 4px #b2e7ce07}.identity-role{font:10px var(--mono);letter-spacing:2.4px;margin:31px 0 14px;color:var(--muted)}.hero h1{font-size:clamp(74px,7.4vw,112px);font-weight:550;line-height:.98;letter-spacing:-6px;margin:0 0 28px;width:100%;max-width:100%}.name-dot{color:var(--accent)}.hero-statement{font-size:clamp(20px,2.1vw,29px);font-weight:500;letter-spacing:-.8px;line-height:1.3;margin-bottom:17px;color:var(--ink)}.intro{font-size:14px;line-height:1.85;max-width:440px;color:var(--muted)}.hero-actions{margin-top:28px;gap:26px}.hero-note{font-size:8px;margin-top:30px;color:var(--muted)}.button{border:1px solid #e5f3ec2a;border-radius:28px;background:#d8eee2;color:#12231b;padding:15px 21px;box-shadow:none;gap:32px;transition:transform .3s,background .3s}.button:hover{transform:translateY(-2px);background:#e7f7ed}.button:after{display:none}:root[data-theme=light] .button{background:#245c48;color:white;border-color:transparent}:root[data-theme=light] .button:hover{background:#164c38}.download{font-size:12px;gap:15px;padding-inline:4px;border-color:var(--line)}
.hero-visual,.project,.certifications{background:var(--glass);border:1px solid var(--glass-rim);box-shadow:var(--glass-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hero-visual{position:relative;isolation:isolate;border-radius:30px;overflow:hidden;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .6s ease-out}.hero-visual:after,.project:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(380px circle at var(--shine-x,20%) var(--shine-y,0%),#ffffff05,transparent 70%)}.visual-top{padding:24px;border-color:var(--line);font-size:8px;color:var(--muted)}.mini-mark{font-size:9px;color:var(--muted)}.orbit{height:290px;background-image:none;perspective:700px}.orbit:before{border-color:var(--line);width:210px;height:210px}.orbit:after{border-color:rgba(155,189,176,.18);box-shadow:none;width:310px;height:140px}.orbit-label{font-size:7px;letter-spacing:2px;color:var(--muted);opacity:.7;top:25px}.orbit-wordmark{position:relative;z-index:2;display:grid;place-content:center;width:278px;max-width:85%;height:94px;transform:rotate(-7deg);background:linear-gradient(145deg,#ffffff0b,#ffffff01);border:1px solid var(--glass-rim);border-radius:20px;box-shadow:inset 0 1px 0 #ffffff13,0 16px 40px #00000018;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.orbit-wordmark .logo-lazy{font-size:31px}.orbit-wordmark .logo-dev{font-size:22px}.orbit-node{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:inset 0 1px 0 #ffffff0a;backdrop-filter:blur(10px);color:var(--muted)}.n1,.n3{color:var(--accent)}.n2{right:10%;top:70px}.lab-stack{margin-inline:24px}.lab-stack>div{padding-block:17px;border-color:var(--line);font-size:8px}.stack-tech{font-size:9px}.stack-index{color:var(--muted)}.visual-bottom{background:transparent;padding:19px 24px;border-top:1px solid var(--line);font-size:8px;margin-top:0}.visual-bottom>span:last-child{color:var(--muted)}
.tech-strip{border-color:var(--line);background:none}.tech-strip>.wrap{min-height:92px}.tech-strip span:not(.mono){font-size:17px;font-weight:500}.tech-strip i{color:var(--muted);opacity:.3;font-size:9px}.section{padding-block:112px}.section-kicker{font-size:9px;letter-spacing:1.5px}.section-kicker>span:first-child{color:var(--muted)}h2{font-size:clamp(33px,3.6vw,49px);font-weight:500;letter-spacing:-2px;line-height:1.16}.section-heading{margin-bottom:39px}.text-link{font-size:12px;border-color:var(--line)}.filters{width:fit-content;padding:5px;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:28px;backdrop-filter:blur(12px)}.filters>button{border:0;padding:10px 17px;border-radius:22px;font-size:11px;transition:background .3s,color .3s}.filters>button[aria-pressed=true]{background:var(--surface2);color:var(--ink);box-shadow:inset 0 1px 0 #ffffff0c}
.project{position:relative;isolation:isolate;border-radius:28px;margin-top:25px;overflow:hidden;transition:border-color .4s,translate .4s}.project:hover{border-color:rgba(160,190,176,.22);translate:0 -3px;box-shadow:var(--glass-shadow)}.project>*{position:relative;z-index:1}.project-art{background:var(--diagram);border-color:var(--line);padding:30px;min-height:380px}.network-art{background-image:radial-gradient(circle at 50% 40%,#b0e0c905,transparent 65%)}.network-box{background:linear-gradient(140deg,#ffffff05,#ffffff01);border:1px solid var(--line);border-radius:13px;box-shadow:inset 0 1px 0 #ffffff08;color:var(--ink);backdrop-filter:blur(8px)}.connector{background:var(--line)}.connector:after{border-left-color:var(--muted)}.connector:before{content:'';position:absolute;width:4px;height:4px;border-radius:50%;left:0;top:-1.5px;background:var(--accent);opacity:.7;box-shadow:none}.cluster{border:1px dashed var(--line);border-radius:12px;background:transparent;font-size:9px}.cluster>span{color:var(--muted)}.core-dots b{border-radius:4px}.art-caption{font-size:7px;line-height:1.8;letter-spacing:.6px}.art-title{font-size:8px}.art-title>span:last-child{color:var(--muted)}.project-content{padding:37px}.project-type{color:var(--muted);font-size:9px}.project h3{font-weight:500;font-size:28px;letter-spacing:-1px}.project-content>p:not(.project-type){font-size:14px}.tags span{border-radius:14px;padding:6px 10px;background:transparent;border-color:var(--line);font-size:9px}.project-link{border-color:var(--line)}.project-link>span:last-child{color:var(--muted);transition:transform .3s}.project-link:hover>span:last-child{transform:translate(2px,-2px)}.ops-art{background:radial-gradient(ellipse at 50% 60%,#98a7c006,transparent 65%)}.ops-window{background:linear-gradient(140deg,#ffffff07,#ffffff01);border-color:var(--line);border-radius:15px;box-shadow:0 14px 35px #00000012;backdrop-filter:blur(8px)}.window-top{background:transparent}.ops-code i{color:var(--muted)}
.experience-section{background:rgba(255,255,255,.008);border-color:var(--line)}.experience-layout{gap:95px}.timeline article,.timeline article:last-child{border:0;border-bottom:1px solid var(--line);padding:0 0 30px 23px;margin-bottom:33px;border-radius:0;background:none;box-shadow:none}.timeline article:last-child{border:0;margin-bottom:0;padding-bottom:0}.timeline article:before{left:0;top:5px;width:5px;height:5px;background:var(--muted);box-shadow:none}.timeline h3{font-size:20px;font-weight:500}.role{color:var(--muted)}.job-top{font-size:9px}.about-layout{gap:95px}.about-copy>p:first-child{font-size:23px;line-height:1.6}.education{padding:24px 0 0;margin-top:35px;border:0;border-top:1px solid var(--line);border-radius:0;background:none}.edu-icon{color:var(--muted)}.skills>div{padding:0 0 22px 34px;margin-bottom:24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}.skills>div>span{left:0;top:4px;color:var(--muted)}.skills h3{font-size:17px}.skills p{font-size:11px}.certifications{padding:32px;border-radius:25px}.cert-heading h3{font-size:25px}.cert-list a{font-size:12px;padding:17px 0;border-color:var(--line);transition:padding .3s,color .3s}.cert-list a:hover{padding-inline:5px}.cert-list a>span{color:var(--muted)}
.contact-section{position:relative;width:min(1300px,calc(100% - 48px));margin:0 auto 20px;padding-block:57px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(130deg,#ffffff04,#ffffff01);color:var(--ink);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}.contact-section>.wrap{width:calc(100% - 96px)}.contact-main{padding-block:43px}.contact-main h2{font-size:clamp(38px,5vw,67px);font-weight:500;letter-spacing:-2.5px}.contact-status{color:var(--muted)}.contact-arrow{background:var(--surface);border-color:var(--line);box-shadow:none;transition:transform .4s,background .4s}.contact-arrow:hover{background:var(--surface2);transform:rotate(45deg)}.contact-bottom{border-color:var(--line)}.email-row>button{border-color:var(--line);border-radius:7px;color:inherit}.footer{padding-block:32px}
/* Short, intentional movement; the existing motion control governs everything. */
html[data-motion=on] .field-blue{animation:quiet-light 35s ease-in-out infinite alternate}html[data-motion=on] .orbit-wordmark{animation:glass-float 9s ease-in-out infinite}html[data-motion=on] .orbit-node{animation:node-float 8s ease-in-out infinite}html[data-motion=on] .n2{animation-delay:-2s}html[data-motion=on] .n3{animation-delay:-4s}html[data-motion=on] .connector:before{animation:packet 3.5s ease-in-out infinite}.reveal-item{transition:opacity .7s ease,translate .9s cubic-bezier(.16,1,.3,1)}html[data-motion=on] .reveal-pending{opacity:0;translate:0 22px}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] .hero-visual{transform:none}
@keyframes quiet-light{to{transform:translate(-8%,12%)}}@keyframes glass-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-6px) rotate(-4deg)}}@keyframes node-float{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes packet{0%{left:0;opacity:0}15%,85%{opacity:.7}100%{left:calc(100% - 4px);opacity:0}}
::view-transition-group(root){animation-duration:.65s}::view-transition-old(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){animation:theme-reveal .65s cubic-bezier(.22,1,.36,1) both;mix-blend-mode:normal}@keyframes theme-reveal{from{clip-path:circle(0 at var(--theme-x,90vw) var(--theme-y,40px))}to{clip-path:circle(150vmax at var(--theme-x,90vw) var(--theme-y,40px))}}
/* Skeletons correspond to real font/document loading, with stable geometry. */
.lab-skeleton{display:none;position:absolute;inset:0;z-index:5;padding:30px;background:var(--bg);flex-direction:column;gap:18px;pointer-events:none}.lab-loading>.lab-skeleton{display:flex}.lab-loading>:not(.lab-skeleton){visibility:hidden}.skeleton-line,.skeleton-orbit{display:block;position:relative;overflow:hidden;background:var(--skeleton);border:1px solid var(--line);border-radius:7px;flex-shrink:0}.skeleton-line{height:11px;width:100%}.skeleton-line.short{width:38%}.skeleton-line.medium{width:72%}.skeleton-orbit{height:230px;width:100%;margin:15px 0 22px;border-radius:25px}.skeleton-gap{height:30px}.skeleton-line:after,.skeleton-orbit:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,var(--skeleton-shine) 50%,transparent 85%);transform:translateX(-100%);animation:skeleton-sweep 1.9s ease-in-out infinite}@keyframes skeleton-sweep{to{transform:translateX(100%)}}
.document-dialog{position:fixed;inset:0;width:min(920px,calc(100% - 48px));max-width:100%;height:min(880px,calc(100dvh - 60px));max-height:calc(100dvh - 60px);margin:auto;padding:0;color:var(--ink);background:var(--bg);border:1px solid var(--glass-rim);border-radius:25px;box-shadow:0 32px 110px #0008;overflow:hidden}.document-dialog[open]{display:flex;flex-direction:column;animation:dialog-in .35s cubic-bezier(.16,1,.3,1)}.document-dialog::backdrop{background:#0008;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.document-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;border-bottom:1px solid var(--line)}.document-kicker{font:8px var(--mono);letter-spacing:1.5px;color:var(--muted)}.document-toolbar h2{font-size:19px;line-height:1.4;letter-spacing:-.4px;margin-top:5px}#document-close{display:grid;place-content:center;width:34px;height:34px;flex-shrink:0;background:var(--surface2);border:1px solid var(--line);border-radius:50%;font-size:24px;line-height:1}.document-stage{position:relative;flex:1;min-height:0;background:var(--surface)}#document-frame{width:100%;height:100%;display:block;border:0}#document-frame[hidden]{display:none}.document-skeleton{position:absolute;inset:0;padding:25px;overflow:hidden;background:var(--bg);z-index:2}.document-skeleton[hidden]{display:none}.skeleton-paper{max-width:540px;height:100%;margin:auto;padding:42px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:17px;border-radius:8px}.document-footer{border-top:1px solid var(--line);padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.document-footer>p{font-size:11px;color:var(--muted);line-height:1.6}.document-footer>div{display:flex;gap:22px;flex-shrink:0}.document-footer a{font-size:11px;text-decoration:underline;text-underline-offset:4px}#document-error{padding:50px 30px;text-align:center;font-size:14px;color:var(--muted);line-height:1.8}@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero{padding-block:105px 100px}.hero-visual{max-width:500px}}
@media(max-width:1100px){.hero{gap:44px}.hero h1{font-size:84px;letter-spacing:-5px}.nav-wrap{gap:16px}nav a{padding:9px 11px}.nav-tools{gap:7px}.hero-statement{font-size:24px}.contact-section>.wrap{width:calc(100% - 70px)}}
@media(max-width:800px){.header{top:10px;max-width:calc(100% - 24px);margin-top:10px;border-radius:19px}.nav-wrap{width:calc(100% - 30px);min-height:68px;gap:12px}.brand-name{font-size:14px}.brand .logo-lazy{font-size:15px}.brand .logo-dev{font-size:10px}.nav-contact{display:none}nav a{font-size:10px;padding:8px 9px}.nav-tools{gap:6px}.hero{gap:32px;padding-block:58px}.hero h1{font-size:66px;letter-spacing:-4px}.identity-role{font-size:8px;letter-spacing:1.6px}.eyebrow{font-size:7px;letter-spacing:.8px}.hero-statement{font-size:21px}.intro{font-size:13px}.hero-actions{gap:18px}.button{font-size:11px;padding:13px 16px;gap:20px}.download{font-size:11px}.hero-visual{border-radius:24px}.orbit{height:245px}.orbit-wordmark{width:225px;height:83px}.orbit-wordmark .logo-lazy{font-size:26px}.orbit-wordmark .logo-dev{font-size:19px}.orbit:after{width:260px}.visual-top{padding:20px 17px;font-size:7px}.mini-mark{font-size:8px}.lab-stack{margin-inline:17px}.lab-stack>div{font-size:7px;padding-block:15px}.stack-tech{font-size:8px}.visual-bottom{padding:17px;font-size:7px}.section{padding-block:80px}.project-art{min-height:330px;border-right:0}.project-content{padding:30px}.experience-layout{gap:45px}.contact-main h2{font-size:47px}.contact-section{width:calc(100% - 28px);border-radius:25px}.contact-section>.wrap{width:calc(100% - 50px)}.certifications{padding:26px}.light-field{min-width:400px;min-height:400px}}
@media(max-width:560px){html{scroll-padding-top:100px}.header nav{display:none}.nav-wrap{min-height:65px}.brand{gap:5px}.brand-name{font-size:14px}.brand .logo-lazy{font-size:15px}.brand .logo-dev{font-size:10px}.nav-tools .lang{font-size:10px;padding:6px 2px}.lang>span{display:none}.nav-tools .theme,.nav-tools .motion-toggle{width:30px;height:30px}.nav-tools .theme{font-size:19px}.nav-tools .motion-toggle{font-size:21px}.hero{grid-template-columns:1fr;padding-block:46px 48px;gap:40px}.eyebrow{font-size:8px;letter-spacing:.8px}.identity-role{font-size:9px;margin:28px 0 15px;letter-spacing:2px}.hero h1,html[lang=en] .hero h1{font-size:clamp(65px,18vw,88px);letter-spacing:-4.8px;margin:0 0 24px;line-height:.98}.hero-statement{font-size:23px;letter-spacing:-.6px;margin-bottom:15px}.intro{font-size:14px;max-width:100%}.hero-actions{gap:22px;margin-top:26px}.button{font-size:12px;padding:14px 18px;gap:24px}.download{font-size:12px}.hero-note{font-size:7px;margin-top:26px}.hero-visual{border-radius:24px}.orbit{height:250px}.orbit-wordmark{width:255px;height:88px}.orbit-wordmark .logo-lazy{font-size:29px}.orbit-wordmark .logo-dev{font-size:21px}.n2{right:11%;top:55px}.visual-top{padding:20px;font-size:8px}.mini-mark{font-size:8px;white-space:nowrap}.visual-top .mono{font-size:7px;letter-spacing:.5px;white-space:nowrap}.lab-stack{margin-inline:20px}.lab-stack>div{font-size:8px}.stack-tech{font-size:9px}.visual-bottom{padding:18px 20px;font-size:8px}.tech-strip>.wrap{min-height:0}.tech-strip span:not(.mono){font-size:14px}.section{padding-block:64px}h2{font-size:34px;letter-spacing:-1.5px}.section-heading{margin-bottom:28px}.filters>button{font-size:10px;padding:9px 12px}.project{border-radius:23px}.project-art{padding:23px 19px;min-height:295px}.project-content{padding:27px 22px}.project h3{font-size:25px}.network-box{border-radius:12px}.project-content>p:not(.project-type){font-size:13px}.certifications{padding:24px 20px;border-radius:23px}.cert-list a{font-size:11px}.about-copy>p:first-child{font-size:22px}.about-layout{gap:36px}.skills>div{margin-bottom:22px;padding-bottom:21px}.contact-section{padding-block:35px}.contact-section>.wrap{width:calc(100% - 40px)}.contact-main{gap:15px;padding-block:31px}.contact-main h2{font-size:35px;letter-spacing:-1.5px}.contact-arrow{width:55px;height:55px;font-size:32px}.contact-bottom{gap:28px}.contact-top{gap:18px}.contact-status{font-size:10px}.document-dialog{width:calc(100% - 20px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:19px}.document-toolbar{padding:18px}.document-toolbar h2{font-size:16px}.document-footer{padding:16px 18px;align-items:flex-start;flex-direction:column;gap:10px}.document-footer a{font-size:11px}.document-skeleton{padding:20px}.skeleton-paper{padding:25px}.skeleton-orbit{height:210px}}
@media(max-width:360px){.hero h1,html[lang=en] .hero h1{font-size:65px;letter-spacing:-4.7px}.hero-statement{font-size:21px}.eyebrow{font-size:7px}.hero-actions{gap:15px}.button{padding:13px 15px;font-size:11px}.download{font-size:11px}.nav-tools{gap:5px}.contact-main h2{font-size:30px}.contact-arrow{width:48px;height:48px;font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1!important;translate:none!important}.hero-visual{transform:none!important}::view-transition-group(root),::view-transition-new(root),::view-transition-old(root){animation:none!important}}
html[data-motion=off] .skeleton-line:after,html[data-motion=off] .skeleton-orbit:after,html[data-motion=off] .document-dialog{animation:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header{background:#111318f5}.document-dialog::backdrop{background:#000c}:root[data-theme=light] .header{background:#f5f5f7f5}}
#document-pages{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:25px;scrollbar-gutter:stable}#document-pages[hidden]{display:none}#document-pages img{display:block;width:100%;max-width:740px;height:auto;margin:0 auto 22px;background:white;border-radius:3px;box-shadow:0 8px 25px #0002}@media(max-width:560px){#document-pages{padding:12px}#document-pages img{margin-bottom:14px}}