/* Paper has a cut edge, a little thickness, and room to breathe. */
:root{--torn-sheet:url('assets/torn-sheet.svg');--torn-label:url('assets/torn-label.svg')}
.nav-dismiss{display:none}.nav-scrim[hidden]{display:none}
.nav-scrim{position:fixed;inset:0;z-index:11;border:0;background:#20314b60;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.close,#photoClose,#videoClose{width:auto;min-width:104px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:12px;border-radius:6px;white-space:nowrap;color:#334d79;background:#fff;border:1px solid #cbd4e3}
.close span,#photoClose span,#videoClose span{font-size:23px;line-height:1}
.dialogbar{gap:12px}.dialogbar>span{line-height:1.6}
.folder-card{isolation:isolate;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;filter:drop-shadow(1px 3px 2px #30446218);transition:filter .25s}
.folder-card:hover{border:0;box-shadow:none;filter:drop-shadow(2px 6px 4px #30446220)}
.folder-card:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#edf2fa,#e2eaf5);mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;z-index:-1}
.folder-card:after{content:'';position:absolute;inset:5px 4px -4px 6px;background:#cedbee;mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;z-index:-2;transform:rotate(1deg)}
.folder-card .folder-tab{top:20px;left:24px}.folder-count{top:17px;right:23px;border:0;background:#fff8}
.folder-front{bottom:0;left:0;right:0;isolation:isolate;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:25px 25px 21px}
.folder-front:before{display:block;content:'';position:absolute;inset:-5px -1px -1px;background:linear-gradient(135deg,#fff,#fcfdfb);mask:var(--torn-label) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-label) 0 0 / 100% 100% no-repeat;z-index:-1;filter:none}
.folder-front:after{top:10px;left:26px;width:32px;height:1px;background:#3557aa66}
.paper{border-radius:0;mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;border-width:9px;box-shadow:none}
.paper.memory{border-width:7px}.folder-stack{filter:drop-shadow(1px 3px 2px #293f5d26)}
.portrait-sheet{border:0;padding:9px 9px 12px;background:transparent;box-shadow:none;filter:drop-shadow(2px 4px 2px #23395320)}
.portrait-sheet:after{content:'';position:absolute;inset:-3px;background:#fff;mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;z-index:-1}
.portrait-sheet img{height:265px;mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat}
.portrait-note{border:0;background:transparent;box-shadow:none;isolation:isolate;padding:12px 17px}
.portrait-note:before{content:'';position:absolute;inset:0;background:#fff;mask:var(--torn-label) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-label) 0 0 / 100% 100% no-repeat;z-index:-1}
.gallery-sheet{border:0;background:transparent;box-shadow:none;padding:12px 12px 16px;isolation:isolate;filter:drop-shadow(1px 3px 2px #2d416418)}
.gallery-sheet:after{content:'';position:absolute;inset:0;z-index:-1;background:#fff;mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat}
.gallery-sheet .photo-open{mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat}
.writing-card,.about-body,.about-side,.contact-box{isolation:isolate;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;filter:drop-shadow(1px 3px 2px #2b3f5d0e)}
.writing-card:before,.about-body:before,.about-side:before,.contact-box:before{content:'';position:absolute;inset:-7px;z-index:-1;background:#fff;mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat}
.about-side:before{background:#edf2fa}.about-photo-pair button{border:7px solid white;mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat}
.eyebrow{display:block;font-size:10px;letter-spacing:1.2px;line-height:1.8;color:#74839b;margin-bottom:10px}
.social-section .sectionhead{align-items:end}.social-section .sectionhead h2,.lab-section h2{margin-bottom:0}.social-profile{font-size:11px;text-decoration:none;border-bottom:1px solid #a1b0cc;padding-bottom:4px;white-space:nowrap;color:#35558e}
.social-letter{position:relative;isolation:isolate;padding:24px 30px 28px;margin:28px 0 35px;transform:rotate(-.6deg)}
.social-letter:before{content:'';position:absolute;inset:0;background:#fff;mask:var(--torn-label) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-label) 0 0 / 100% 100% no-repeat;z-index:-1}
.social-letter:after{content:'';position:absolute;width:75px;height:21px;background:#bccde875;right:40px;top:-7px;transform:rotate(6deg);mask:var(--torn-label) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-label) 0 0 / 100% 100% no-repeat}
.social-letter p{font-size:13px;line-height:2;margin:0 0 13px;color:#596a82}.social-letter>span{font:italic 15px Georgia,serif;color:#426296}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 25px}
.video-card{position:relative;isolation:isolate;text-align:left;color:inherit;border:0;background:transparent;padding:13px 13px 20px;filter:drop-shadow(1px 3px 2px #2a3c571c);transform:rotate(-.7deg);transition:transform .3s}
.video-card:nth-child(even){transform:rotate(.8deg)}.video-card:hover{transform:rotate(0) translateY(-4px)}
.video-card:before{content:'';position:absolute;inset:0;background:#fff;mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;z-index:-1}
.video-cover{display:block;position:relative;height:270px;overflow:hidden;background:#e8edf1;mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat}
.video-cover>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 30%;transition:transform .4s}
.video-card:hover .video-cover>img{transform:scale(1.035)}
.video-play{position:absolute;bottom:17px;left:17px;display:flex;align-items:center;gap:8px;color:#fff;font-size:10px;background:#273b55a3;backdrop-filter:blur(9px);border:1px solid #ffffff80;padding:8px 12px;border-radius:30px}
.video-play:before{content:'';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid white;margin-left:2px}
.video-duration{position:absolute;right:17px;bottom:20px;color:#fff;background:#23354f94;border-radius:3px;padding:5px 7px;font:10px monospace}
.video-copy{display:block;padding:19px 12px 0}.video-copy .eyebrow{font-size:9px;margin-bottom:7px}.video-copy strong{font-size:17px;line-height:1.65;display:block;font-weight:500;color:#2e446b}.video-copy>span:last-child{display:block;font-size:11px;line-height:1.9;color:#798596;margin-top:8px}
.social-footnote{font-size:10px;line-height:1.8;color:#7b8798;margin:22px 0 0}
.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}
.lab-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:start;padding:28px 27px 27px;border:0;background:transparent;text-align:left;min-height:260px;color:#30496f;transition:transform .25s;filter:drop-shadow(1px 3px 1px #273e6010)}
.lab-card:before{content:'';position:absolute;inset:0;background:#f7fafc;mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--torn-sheet) 0 0 / 100% 100% no-repeat;z-index:-1}
.lab-card:nth-child(2):before{background:#f0f2ee}.lab-card:nth-child(3):before{background:#eef2fa}.lab-card:nth-child(4):before{background:#f9f3ef}
.lab-card:hover{transform:rotate(-1deg) translateY(-3px)}.lab-card:nth-child(even):hover{transform:rotate(1deg) translateY(-3px)}
.lab-mark{font:24px 'Songti SC',serif;width:48px;height:48px;display:grid;place-items:center;border:1px solid #8ea1ba;color:#55719c;transform:rotate(-6deg);margin-bottom:22px}
.lab-stage{position:absolute;right:27px;top:30px;font-size:9px;letter-spacing:1px;color:#8591a0;border-bottom:1px dashed #bdc8d8;padding-bottom:5px}
.lab-card strong{font-size:21px;font-weight:500}.lab-card p{font-size:12px;line-height:1.9;margin:13px 0 18px;color:#69798d}.lab-card small{margin-top:auto;color:#8c99ab;font-size:9px;letter-spacing:1px}
.lab-detail-mark{font:70px 'Songti SC',serif;color:#4566a4;display:block;margin:20px 0 35px}.lab-detail-note{padding-top:20px;border-top:1px dashed #bac7db;color:#8692a4!important;font-size:12px!important}
.video-dialog{width:min(1040px,calc(100vw - 40px));height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);padding:0;overflow:hidden}
.video-dialog[open]{display:flex;flex-direction:column}.video-bar{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:12px 22px;gap:15px;border-bottom:1px dashed #c6d0df;color:#697d9b;font-size:11px;background:#fafcf9}
.video-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);min-height:0;flex:1}.video-content video{width:100%;height:100%;min-height:0;object-fit:contain;background:#1d232d}
.video-description{padding:42px 32px;overflow:auto}.video-description h2{font-size:26px;line-height:1.55;font-weight:500;margin:18px 0}.video-description p{font-size:13px;line-height:2;color:#768498}.video-description a{display:inline-block;font-size:11px;margin-top:24px;color:#4169ac;text-underline-offset:5px}.video-description #videoError{font-size:12px;color:#9c6742}
.video-open-body{overflow:hidden}
@media(max-width:1050px){.video-cover{height:240px}.video-copy{padding-left:7px;padding-right:7px}.video-copy strong{font-size:16px}.social-section .sectionhead{flex-wrap:wrap;gap:14px}}
@media(max-width:760px){
 body.menu{overflow:hidden;overscroll-behavior:none}
 body.menu #companion,body.menu #chatPanel,body.menu .scrolltop{visibility:hidden;pointer-events:none}
 .mobilemenu{min-width:44px;min-height:44px;display:inline-grid;place-items:center;margin-left:-11px;margin-right:2px;font-size:20px}
 aside.glass{inset:10px auto 10px 10px;width:min(294px,calc(100vw - 74px));padding:16px 19px 19px;max-height:calc(100dvh - 20px);border-radius:8px;transition:transform .25s var(--ease)}
 aside:after{display:none}.nav-dismiss{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-height:44px;border:0;color:#425c87;background:#edf2fb;border-radius:5px;margin:0 -4px 15px;padding:0 14px;font-size:12px;flex-shrink:0}.nav-dismiss span{font-size:24px}
 aside .avatar{width:35px;height:35px;font-size:14px}aside .brand{margin-top:12px}aside .sideintro{margin-bottom:14px}aside .nav{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding-right:2px}.nav button{min-height:44px}.nav summary{min-height:44px;display:flex;align-items:center}.sidefoot{flex-shrink:0;padding-top:12px;margin-top:12px}
 .close,#photoClose,#videoClose{min-width:105px;min-height:44px}.dialogbar{padding:10px 14px}.photo-toolbar button{min-width:44px;min-height:44px}
 .portrait-sheet{padding:5px 5px 6px}.portrait-sheet img{height:150px}.portrait-sheet:before{left:29px}.portrait-caption{font-size:6px;letter-spacing:0}
 .folder-card .folder-tab{left:24px}.folder-count{right:22px}.folder-front{padding:26px 25px 23px}.folder-front h3{font-size:22px}
 .video-grid{grid-template-columns:1fr;gap:27px}.video-card{padding:13px 13px 23px}.video-cover{height:340px}.video-copy{padding:18px 13px 0}.video-copy strong{font-size:19px}.video-copy>span:last-child{font-size:12px}
 .social-letter{padding:25px 23px;margin:26px 0 30px}.social-letter p{font-size:12px}.social-letter>span{font-size:14px}.social-profile{font-size:11px}.social-footnote{font-size:11px}
 .lab-grid{grid-template-columns:1fr;gap:21px}.lab-card{min-height:235px;padding:28px}.lab-card p{font-size:13px}.lab-card strong{font-size:23px}.lab-section .sectionhead p{line-height:1.9}
 .video-dialog{width:calc(100vw - 12px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.video-bar{padding:10px 14px}.video-content{display:flex;flex-direction:column;overflow:auto}.video-content video{height:55dvh;min-height:260px;flex-shrink:0}.video-description{padding:26px 23px;overflow:visible}.video-description h2{font-size:23px}.video-description a{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.video-card,.video-cover>img,.lab-card,aside.glass{transition:none!important}}

/* Preserve the complete original covers, including their faces and captions. */
.video-cover{height:350px;isolation:isolate;background:#e5e7e6}.video-cover:before{content:"";position:absolute;inset:-20px;background:var(--cover-image) center / cover;filter:blur(20px);opacity:.25;z-index:-1}.video-cover>img{object-fit:contain;object-position:center}.video-card:hover .video-cover>img{transform:none}@media(max-width:760px){.video-cover{height:380px}}

#videoOriginal{padding:13px 17px;background:#eaf0fb;border:1px solid #ccdaed;border-radius:4px;text-decoration:none;min-height:44px}.video-duration{font-family:inherit;font-size:10px}