/* Shared liquid glass surfaces and spacious product-page rhythm. */
body{background:#edf2f8;isolation:isolate}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 4% 12%,#bdcff385,transparent 38%),radial-gradient(ellipse at 90% 40%,#c4e2e978,transparent 42%),radial-gradient(ellipse at 30% 85%,#ded3ef62,transparent 45%),linear-gradient(150deg,#f2f5fa,#eaf0f7)}
.glass,.player-modal,.editor{background:linear-gradient(118deg,#ffffff52 0%,#ffffff0d 42%,#e9f2ff12 68%,#ffffff38 100%);border:1px solid #ffffffc7;box-shadow:inset 0 2px 3px #ffffffed,inset 2px 0 3px #ffffff65,inset -1px -2px 3px #9bb1d038,0 24px 60px #4d688714,0 3px 8px #6f8caf08;backdrop-filter:blur(23px) saturate(1.45);-webkit-backdrop-filter:blur(23px) saturate(1.45);border-radius:38px}
.btn:not(.primary),.circle,.play-icon,.duration,.tabs button.active{background:linear-gradient(125deg,#ffffff70,#ffffff18);border:1px solid #ffffffd6;box-shadow:inset 0 1px 2px #fff,inset 0 -1px 2px #a6bdd326,0 5px 16px #5a739b08;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}
.wrap{max-width:1240px;padding:0 40px}.nav{height:104px}.navlinks{gap:35px}.hero{padding:94px 0 72px}.hero h1{font-size:70px;line-height:1.22;margin:28px 0 30px;letter-spacing:-2.8px}.hero p{font-size:16px;max-width:520px;line-height:2.1}.hero .actions{margin-top:36px;gap:18px}.btn{padding:14px 26px;font-size:13px}.eyebrow{letter-spacing:2px;color:#788ba5}
.credentials{max-width:870px;margin:22px auto 114px;padding:27px 36px;flex-direction:column;gap:13px;border-radius:99px}.credentials strong{font-size:14px}.credentials span{font-size:11px}.section-head{margin-bottom:40px}.section-head h2{font-size:34px;line-height:1.4}.section-head p{margin-top:14px;font-size:14px}.category-grid{grid-template-columns:1fr;gap:76px}.category-card{min-height:515px;padding:58px 64px;display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:auto auto 1fr auto;column-gap:55px;border-radius:44px;overflow:hidden}.category-top{grid-column:1;grid-row:1;justify-content:start;gap:25px;font-size:11px}.category-card h3{grid-column:1;grid-row:2;font-size:42px;letter-spacing:-1.5px;margin:26px 0 18px;line-height:1.3}.category-card>p{grid-column:1;grid-row:3;font-size:17px;line-height:1.9;max-width:310px}.category-art{grid-column:2;grid-row:1/5;height:380px;margin:0;align-self:center}.category-foot{grid-column:1;grid-row:4;margin-top:45px;padding-top:25px;max-width:340px;font-size:13px;border-color:#b5c8de50}.category-foot .circle{width:37px;height:37px}.category-card:hover{transform:translateY(-4px);box-shadow:inset 0 2px 3px #fff,inset -1px -2px 3px #9bb1d038,0 30px 70px #4d68871e}.sheet{height:auto;width:94%;aspect-ratio:16/9;border-radius:25px;background:linear-gradient(125deg,#ffffff68,#d8e6f525);border-color:#ffffffe0;box-shadow:inset 0 1px 3px white,0 20px 40px #566e8f16;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.sheet.front{gap:18px}.sheet .ratio{font-size:50px;color:#708daf}.sheet .empty-label{font-size:12px}.sheet.portrait{width:185px;height:auto;aspect-ratio:9/16;border-radius:22px}.sheet.back1{transform:rotate(-11deg) translate(-20px,-7px);opacity:.65}.sheet.back2{transform:rotate(9deg) translate(19px,-1px);opacity:.8}.about-strip{grid-template-columns:1fr;margin:110px 0 85px;padding:56px 64px;gap:37px;border-radius:44px}.about-strip h2{font-size:36px;margin:20px 0 22px}.about-strip p{max-width:640px;font-size:15px;line-height:2.2}.about-strip .right{border-left:0;border-top:1px solid #b9cadb55;padding:30px 0 0}.about-strip .right b{font-size:19px;font-weight:500}.contact{margin:75px 0 65px;gap:35px}.contact h2{font-size:33px;margin-bottom:21px}.contact p{font-size:13px;line-height:2.1}footer{padding:30px 0;margin-top:60px}
.breadcrumb{margin:42px 0 35px}.category-hero{padding:15px 0 57px}.category-hero h1{font-size:53px;margin:24px 0}.category-hero p{font-size:16px;line-height:2;max-width:540px}.filter-row{padding:22px 0 40px}.videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px}.video-card{border-radius:35px;padding:18px}.video-poster{border-radius:24px;overflow:hidden;max-width:330px;margin:0 auto;width:100%}.video-poster.landscape{max-width:none}.video-copy{padding:28px 14px 19px}.video-copy h3{font-size:21px;line-height:1.6;margin-bottom:15px}.video-copy p{font-size:14px;line-height:2;max-width:440px}.player-modal,.editor{background:linear-gradient(120deg,#f3f7f9ed,#ebf2fae8);backdrop-filter:blur(38px);padding:29px}.modal-info{padding:24px 5px}.modal-info p{line-height:2.1}.empty{padding:100px 35px}.empty h2{font-size:30px}.admin-row{padding:22px 26px;border-radius:26px}.admin-list{gap:20px}.admin-head{margin-bottom:40px}.toolbar{margin:26px 0}.login-card{padding:42px}.admin-shell{padding-top:35px}.admin-note{line-height:2}
/* Resume uses the same transparent surfaces, with one group per row. */
.one .hero{padding:60px 0 65px}.one .hero h1{font-size:50px;margin:24px 0 18px}.one .hero .intro{max-width:640px;font-size:15px;line-height:2.1}.one .section-title{margin:65px 0 30px;font-size:29px}.one .grid3{grid-template-columns:1fr;gap:30px}.one .card{min-height:0;padding:38px 44px}.one .card h3{font-size:23px;margin:15px 0}.one .card p{font-size:14px;line-height:2;max-width:760px}.one .achievement{margin:62px 0;padding:44px;gap:40px}.one .career{padding:44px;margin-top:60px}.one .career>h2{font-size:28px;margin-bottom:32px}.one .career article{padding:34px 0}.one .career li{font-size:14px;line-height:2.1}.one .career ul{gap:18px}.one .career .job-summary{line-height:2}.one .education{margin:55px 0;padding:42px 44px}.one .education p{line-height:2.2;font-size:14px}.one .contact{margin:55px 0;padding:35px 44px}.one .contact h2{font-size:26px}.one .platforms{gap:14px;margin-top:26px}.one .platforms span{background:#ffffff30;border:1px solid #ffffffb0;box-shadow:inset 0 1px 2px white;backdrop-filter:blur(15px)}
@media(min-width:1500px){.wrap{max-width:1360px}.category-card{min-height:550px}.category-art{height:400px}}
@media(max-width:800px){.wrap{padding:0 23px}.nav{height:84px}.navlinks{gap:18px}.hero{padding:60px 0 45px}.hero h1{font-size:43px;letter-spacing:-1.5px;margin:24px 0}.hero p{font-size:14px;line-height:2}.hero .actions{gap:12px;margin-top:29px}.btn{padding:12px 21px;font-size:12px}.credentials{margin:15px auto 70px;padding:25px 24px;gap:14px;border-radius:29px}.credentials strong{font-size:12px;line-height:1.9}.credentials span{font-size:10px}.section-head{margin-bottom:29px}.section-head h2{font-size:28px}.section-head small{display:none}.section-head p{font-size:12px}.category-grid{gap:42px}.category-card{display:flex;min-height:540px;padding:32px 29px;border-radius:34px}.category-card h3{font-size:32px;margin:23px 0 15px}.category-card>p{font-size:15px}.category-top{justify-content:space-between;font-size:10px;gap:15px}.category-art{height:270px;width:100%;margin:20px 0;flex-shrink:0}.sheet{width:91%;max-width:310px;border-radius:19px}.sheet.portrait{width:137px;max-width:137px;border-radius:17px}.sheet .ratio{font-size:40px}.sheet .empty-label{font-size:10px}.category-foot{max-width:none;width:100%;margin-top:auto;padding-top:22px;font-size:12px}.about-strip{padding:34px 29px;margin:70px 0 60px;gap:28px;border-radius:34px}.about-strip h2{font-size:29px}.about-strip p{font-size:14px;line-height:2.1}.about-strip .right b{font-size:17px;line-height:1.8}.contact{margin:55px 0 45px;gap:25px}.contact h2{font-size:27px;line-height:1.6}.contact p{font-size:12px}footer{margin-top:40px;padding:27px 0}.breadcrumb{margin:32px 0 25px}.category-hero{padding:12px 0 35px}.category-hero h1{font-size:37px;margin:20px 0}.category-hero p{font-size:14px}.filter-row{gap:20px;padding:17px 0 32px}.tabs button{padding:10px 15px}.videos{grid-template-columns:1fr;gap:38px}.video-card{padding:14px;border-radius:30px}.video-poster{max-width:none;border-radius:20px}.video-copy{padding:25px 13px 18px}.video-copy h3{font-size:20px}.video-copy p{font-size:13px;line-height:2}.player-modal,.editor{padding:20px}.empty{padding:65px 25px}.admin-row{padding:19px}.admin-shell{padding:20px}.login-card{padding:30px}.one .hero{padding:40px 0}.one .hero h1{font-size:35px}.one .hero .intro{font-size:13px}.one .section-title{font-size:25px;margin:45px 0 26px}.one .card{padding:30px 27px}.one .card h3{font-size:21px}.one .card p{font-size:13px}.one .achievement{padding:30px 27px;margin:40px 0}.one .career{padding:30px 27px;margin-top:42px}.one .career>h2{font-size:25px}.one .career li{font-size:13px}.one .career article div b{font-size:16px;line-height:1.7}.one .education{padding:30px 27px;margin:40px 0}.one .education p{font-size:13px}.one .contact{padding:30px 27px;margin:40px 0}.one .contact .details{gap:12px}.one .contact h2{font-size:24px}}
@media(prefers-reduced-transparency:reduce){.glass,.player-modal,.editor{background:#eef3fa;backdrop-filter:none}}
/* Apple-style collection bands: horizontal, level, and spacious. */
.category-grid{display:flex;flex-direction:column;gap:68px}.collection-band{background:linear-gradient(120deg,#e8ebf1a6,#eef0f4d9);border:1px solid #ffffffb5;border-radius:38px;padding:44px 42px 29px;overflow:hidden;box-shadow:inset 0 1px 2px #fff,0 18px 45px #556c8707}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:40px}.collection-heading h3{font-size:37px;letter-spacing:-1px;margin:16px 0 14px}.collection-heading p{font-size:16px;line-height:1.8}.horizontal-stack{display:flex;align-items:center;padding:10px 12px 24px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#bcc8d955 transparent;isolation:isolate;min-height:290px}.stack-frame{position:relative;margin:0;flex-shrink:0;width:235px;border:1px solid #ffffffdf;border-radius:23px;overflow:hidden;background:#fff5;box-shadow:inset 0 1px 2px #fff,9px 8px 25px #1d304528;transform:none!important;scroll-snap-align:start;transition:translate .2s}.stack-frame+.stack-frame{margin-left:-32px}.stack-frame:hover{translate:0 -7px}.stack-frame img{width:100%;aspect-ratio:9/16;object-fit:contain;display:block;background:#142030}.stack-frame figcaption{font-size:11px;line-height:1.8;background:#f6f8fcdf;padding:13px 15px;color:#3f5777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landscape-stack .stack-frame{width:410px}.landscape-stack .stack-frame img{aspect-ratio:16/9}.collection-caption{font-size:11px;color:#8291a6;margin:20px 12px 0}.collection-placeholder{width:100%;min-height:285px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.collection-placeholder>span:not(.line-symbol){font-size:42px;font-weight:300;color:#8d9fb8}.collection-placeholder p{font-size:13px}.frame-picker{padding:22px;margin-top:25px;border-radius:20px}.frame-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.frame-header h3{font-size:15px}.frame-header span{font-size:11px;color:#7b8fa9;font-variant-numeric:tabular-nums}.frame-picker video{width:100%;height:280px;object-fit:contain;background:#172336;border-radius:13px}.frame-picker input[type=range]{padding:0;accent-color:#486b9b}.frame-actions{display:flex;align-items:center;gap:20px;margin:17px 0}.frame-actions img{height:85px;max-width:150px;object-fit:contain;border:2px solid white;border-radius:9px}.frame-picker .status{margin-top:13px}.collection-band .btn{flex-shrink:0}
@media(max-width:800px){.collection-band{padding:29px 22px 25px;border-radius:28px}.category-grid{gap:42px}.collection-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:26px}.collection-heading h3{font-size:30px;margin:14px 0}.collection-heading p{font-size:14px}.horizontal-stack{padding:8px 3px 20px}.stack-frame{width:175px;border-radius:18px}.stack-frame+.stack-frame{margin-left:-23px}.landscape-stack .stack-frame{width:265px}.collection-caption{margin-left:0;font-size:10px}.collection-placeholder{min-height:220px}.frame-picker{padding:16px}.frame-picker video{height:250px}.frame-header{align-items:start;flex-direction:column}.frame-actions{flex-wrap:wrap}.frame-actions .btn{font-size:11px;padding:11px 16px}}
@media(prefers-reduced-motion:reduce){.stack-frame:hover{translate:none}}
.cms-editor{width:min(920px,94vw)}.cms-editor .modal-top p{font-size:12px;margin-top:8px}.cms-group{padding:20px 0;border-bottom:1px solid #ced8e5}.cms-group summary{cursor:pointer;font-size:15px;font-weight:600;line-height:1.7}.cms-group textarea{min-height:86px}.cms-editor .save-actions{position:sticky;bottom:-27px;background:#edf2f8f5;padding:18px 0;backdrop-filter:blur(20px)}
.navlinks .account-entry{display:inline-flex!important;align-items:center;gap:8px;white-space:nowrap;font-size:12px}.account-avatar{width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffffd9;border-radius:50%;background:linear-gradient(135deg,#ffffff88,#ffffff20);box-shadow:inset 0 1px 2px #fff9;backdrop-filter:blur(12px)}.account-avatar svg{width:21px;height:21px}.navlinks .account-entry:hover{color:#2a68ac}
@media(max-width:800px){nav:has(.account-entry){height:auto;min-height:84px;flex-wrap:wrap;padding-block:18px;gap:14px}.navlinks:has(.account-entry){flex-wrap:wrap;gap:14px}.account-avatar{width:29px;height:29px}}

.player-modal.returning-card::backdrop{animation:player-backdrop-out .9s ease both}
@keyframes player-backdrop-out{to{background:transparent;backdrop-filter:blur(0)}}
/* Keep the viewport layout stable when a video dialog locks page scrolling. */
html{scrollbar-gutter:stable}

.player-modal.returning-stack::backdrop{animation-duration:.68s}