:root{--paper:#eeece4;--red:#e66359;--bg:#191919}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;height:76px;padding:0 5%;background:#191919ed;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff25}header>a{font-size:20px;letter-spacing:2px}small{font-size:10px;color:#aaa;margin-left:15px}nav{display:flex;gap:30px;font-size:12px}nav a:hover{color:var(--red)}#progress{position:fixed;top:0;height:3px;background:var(--red);z-index:20}.hero{position:relative;padding:30px 5%;min-height:calc(100svh - 76px);overflow:hidden}.eyebrow{position:relative;z-index:2;color:var(--red);font-size:10px;letter-spacing:3px;display:flex;justify-content:space-between}.eyebrow span{color:#aaa}.cover{position:absolute;right:-5%;top:10%;width:68%;opacity:.7;transform:rotate(-5deg);mask-image:linear-gradient(90deg,transparent,#000 30%);animation:float 9s ease-in-out infinite}.hero-copy{position:relative;padding:10vh 0 7vh;animation:enter 1.2s both}.hero-copy p{color:#bbb;font-size:13px;letter-spacing:4px}h1{font-size:clamp(70px,8.6vw,140px);font-weight:400;letter-spacing:-5px;line-height:1;margin:35px 0}h1 em{font-family:Georgia,serif;font-weight:400}.hero-bottom{position:relative;border-top:1px solid #ffffff35;padding-top:25px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px}.hero-bottom a{color:var(--red)}.about{padding:90px 6%;background:var(--paper);color:#262521}.label{font-size:11px;letter-spacing:3px;color:var(--red);margin-bottom:35px}.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:7%;align-items:center}h2{font-size:clamp(38px,4.3vw,68px);font-weight:400;letter-spacing:-2px;line-height:1.25;margin:0 0 25px}h2 span{color:var(--red)}.about p{font-size:14px;line-height:1.9;max-width:430px;color:#65625c}.tags{margin-top:30px;font-size:11px;color:#706b62;line-height:2}.image{border:0;background:none;padding:0;width:100%;display:block;overflow:hidden}.image img{display:block;width:100%;transition:transform .7s}.image:hover img{transform:scale(1.025)}.about .image{transform:rotate(2deg);box-shadow:0 20px 40px #0002}.works{padding:90px 6% 20px}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head p{font-size:12px;color:#aaa;margin-bottom:32px}.filters{display:flex;gap:28px;border-bottom:1px solid #ffffff35;margin:10px 0 45px}.filters button{background:none;border:0;border-bottom:2px solid transparent;padding:18px 0;font-size:12px;color:#aaa}.filters .active{color:var(--paper);border-color:var(--red)}.project{margin-bottom:65px}.project-cover{position:relative}.hint{position:absolute;bottom:22px;right:22px;background:#19191990;border:1px solid #ffffff70;padding:10px 18px;font-size:11px;border-radius:30px;pointer-events:none}.meta{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #ffffff25}.meta h3{margin:0;font-size:25px;font-weight:400}.meta span{font-size:11px;color:#aaa;letter-spacing:1px}summary{list-style:none;cursor:pointer;font-size:12px;color:#aaa;padding:22px 0;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{font-size:20px;color:var(--red)}details[open] summary span{transform:rotate(45deg)}.pages{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:15px}.pages .image:last-child:nth-child(odd){grid-column:1/-1;width:75%;justify-self:center}.closing{padding:90px 6% 100px;position:relative;background:var(--paper);color:#262521;overflow:hidden}.closing h2{font-size:clamp(45px,6vw,95px);position:relative;z-index:1}.closing>a{display:inline-block;padding:16px 0;border-bottom:1px solid #888;font-size:13px;position:relative;z-index:1}.star{position:absolute;right:8%;top:25px;font-size:330px;color:#d7d4ca;line-height:1;animation:spin 60s linear infinite}footer{padding:30px 6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#aaa}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}[hidden]{display:none!important}dialog{width:min(96vw,1800px);max-height:96vh;padding:0;border:1px solid #555;background:#191919;color:white}dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}dialog img{display:block;width:100%}.dialogbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;position:sticky;top:0;background:#191919ed;font-size:12px}.dialogbar button{background:none;border:1px solid #666;padding:8px 15px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:rotate(-3deg) translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){header{height:64px}header>a{font-size:16px}small{display:none}nav{gap:17px;font-size:11px}.hero{min-height:710px}.eyebrow{font-size:8px;letter-spacing:1px}.cover{width:130%;right:-25%;top:18%}.hero-copy{padding:17vh 0 11vh}.hero-copy p{font-size:11px;letter-spacing:2px}h1{font-size:64px;letter-spacing:-3px}.hero-bottom{font-size:10px;letter-spacing:0}.about,.works{padding:60px 5%}.about-grid{grid-template-columns:1fr;gap:30px}.about .image{transform:none}.section-head{display:block}.section-head p{margin:0 0 20px}.filters{gap:20px}.filters button{font-size:10px}.meta{gap:12px}.meta h3{font-size:20px}.meta span{font-size:9px;max-width:140px;text-align:right;line-height:1.6}.pages{grid-template-columns:1fr;gap:12px}.pages .image:last-child:nth-child(odd){width:100%}.hint{bottom:12px;right:12px;padding:8px 12px;font-size:10px}.closing{padding:60px 5%}.star{right:-65px;top:70px;font-size:280px}footer{font-size:9px}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Portfolio-first revision */
.hero{min-height:0;padding:24px 5% 28px}.portfolio-cover{display:block;width:100%;margin:24px auto 0;overflow:hidden}.portfolio-cover img{display:block;width:100%;height:auto;max-height:76vh;object-fit:contain}.hero-bottom{margin-top:22px}.about-grid{grid-template-columns:1fr 1fr;gap:6%;align-items:start}.about .image{transform:none;margin-top:10px}.software{margin-top:28px;padding:22px 0 0;border-top:1px solid #bdb9af}.software h3{font-size:11px;letter-spacing:2px;font-weight:400;margin:0 0 20px}.software>img{width:min(100%,390px);height:auto;display:block;image-rendering:auto}.software .tool-names{font-size:11px;color:#6c675d;line-height:1.9}.software p{font-size:12px;margin:18px 0 8px}.project-assets{display:grid;gap:30px;padding-top:22px}.asset-page h4{font-size:14px;font-weight:400;margin:0 0 14px}.asset-page h4 span{color:var(--red);font-size:10px;letter-spacing:2px;margin-right:12px}.asset-page .image{border:1px solid #ffffff18}.film-slot{margin-top:25px;padding:22px 25px;border:1px solid #ffffff24;background:#202020}.film-slot-label{font-size:11px;color:var(--red);letter-spacing:2px}.film-slot p{font-size:15px;margin:14px 0 8px}.film-slot small{font-size:11px;color:#aaa}.film-player{width:100%;display:block;background:#000;aspect-ratio:16/9;object-fit:contain;margin:24px 0}.video-note{font-size:11px;color:#aaa}@media(max-width:700px){.hero{min-height:0;padding-top:20px}.portfolio-cover{margin-top:24px;width:calc(100% + 10vw);margin-left:-5vw}.portfolio-cover img{max-height:none}.about-grid{grid-template-columns:1fr}.software>img{width:100%;max-width:370px}.project-assets{gap:23px}.film-slot{padding:18px}.asset-page h4{font-size:12px}}

.cinema{position:relative;isolation:isolate;overflow:hidden;margin:26px -2vw 34px;padding:55px 5%;background:#171717;border-radius:4px}.cinema:before{content:"";position:absolute;inset:-45px;z-index:-2;background-image:var(--film-bg);background-size:cover;background-position:center;filter:blur(30px);transform:scale(1.15);opacity:.7}.cinema:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08080850,#080808b0)}.cinema-inner{max-width:1100px;margin:auto}.cinema .film-player{margin:0;border-radius:3px;box-shadow:0 22px 65px #0009}.cinema .video-note{margin:18px 0 0;color:#ddd;text-align:center;font-size:11px;letter-spacing:1px}@media(max-width:700px){.cinema{padding:30px 12px;margin-left:-3vw;margin-right:-3vw}.cinema .video-note{font-size:10px;line-height:1.7}}

/* Fast project discovery */
.quick-look{padding:55px 5% 35px;border-top:1px solid #ffffff18;overflow:hidden}.quick-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.quick-heading .label{margin-bottom:18px}.quick-heading h2{font-size:clamp(30px,3.4vw,48px);margin-bottom:12px}.quick-heading p{font-size:12px;color:#aaa;margin:0}.quick-actions{display:flex;gap:8px;padding-bottom:4px}.quick-actions button{background:none;border:1px solid #ffffff35;padding:10px 13px;font-size:11px;border-radius:20px}.quick-actions button:hover{border-color:var(--red)}.quick-track{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;padding:30px 12px 24px;margin:0 -12px;scrollbar-width:thin;scrollbar-color:#6d514d #252525;overscroll-behavior-x:contain}.quick-card{display:block;flex:0 0 34%;min-width:300px;position:relative;transition:transform .4s cubic-bezier(.2,.8,.2,1);transform-origin:center;will-change:transform}.quick-card:hover,.quick-card:focus-visible{transform:scale(1.035);z-index:2}.quick-media{position:relative;aspect-ratio:16/10;background:#252525;overflow:hidden;border:1px solid #ffffff20;border-radius:3px}.quick-poster{width:100%;height:100%;object-fit:cover;display:block}.quick-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111;opacity:0;transition:opacity .25s}.previewing .quick-video{opacity:1}.quick-slides{position:absolute;inset:0;opacity:0;transition:opacity .3s}.previewing .quick-slides{opacity:1}.quick-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}.quick-slides img.active{opacity:1}.quick-open{position:absolute;bottom:12px;right:12px;background:#1119;backdrop-filter:blur(8px);padding:8px 12px;font-size:10px;border-radius:20px}.quick-caption{padding:18px 0 5px;position:relative}.quick-caption>span{font-size:10px;color:#aaa;letter-spacing:1px}.quick-caption h3{font-size:21px;font-weight:400;margin:9px 0}.quick-caption small{position:absolute;right:0;bottom:9px;font-size:10px;color:var(--red)}.quick-mobile-hint{font-size:10px;color:#888;margin:0}.project{scroll-margin-top:95px}.about-grid{grid-template-columns:1fr;gap:35px}.about-grid>div:first-child{display:grid;grid-template-columns:1fr 1fr;column-gap:7%}.about-grid>div:first-child>h2,.about-grid>div:first-child>p{grid-column:1}.software{grid-column:2;grid-row:1/5;margin-top:0;border-top:0;padding-top:0}.about .about-sheet{width:100%;max-width:1450px;margin:10px auto 0;box-shadow:0 16px 40px #0002}.logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 12px}.tool-item{text-align:center;opacity:0;transform:translateY(20px) scale(.9);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--order)*65ms)}.tools-visible .tool-item{opacity:1;transform:none}.tool-item img{display:block;width:65px;height:65px;object-fit:contain;margin:0 auto 9px;border-radius:10px}.tool-item span{font-size:10px;line-height:1.4;display:block;color:#625e56}.closing{padding:35px 6%}.closing .label{margin-bottom:6px}.closing>a{padding:12px 0}.software .tool-names{display:none}@media(min-width:1500px){.quick-card{flex-basis:29%}}@media(max-width:700px){.quick-look{padding:35px 5% 25px}.quick-heading{display:block}.quick-actions{margin-top:20px}.quick-card{flex-basis:84%;min-width:0}.quick-track{gap:17px}.quick-caption h3{font-size:18px}.quick-caption small{position:static;margin:0}.about-grid>div:first-child{display:block}.software{margin-top:30px;padding-top:25px;border-top:1px solid #bbb}.logo-grid{gap:17px 9px}.tool-item img{width:53px;height:53px}.tool-item span{font-size:9px}.about .about-sheet{width:calc(100% + 6vw);margin-left:-3vw;max-width:none}.closing{padding:28px 5%}}@media(prefers-reduced-motion:reduce){.tool-item{opacity:1;transform:none}.quick-card:hover,.quick-card:focus-visible{transform:none}}

/* Motion refinement: native text corners, reflective interlude, 30-degree tool orbit. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero{padding-top:26px;padding-bottom:34px}.portfolio-cover{position:relative;background:#202020;overflow:visible;animation:cover-drift 8s ease-in-out infinite;transform-origin:center;box-shadow:0 12px 35px #0002}.portfolio-cover .cover-art{clip-path:inset(6.5% 0 6.5% 0);width:100%;display:block}.cover-corner{position:absolute;z-index:2;font-size:clamp(8px,.8vw,13px);line-height:1.3;letter-spacing:2px;white-space:nowrap}.corner-tl{left:1.8%;top:2.1%;--dx:-30px;--dy:-20px;--turn:-15deg}.corner-tr{right:1.8%;top:2.1%;color:var(--red);--dx:30px;--dy:-20px;--turn:15deg;font-size:clamp(7px,.7vw,11px)}.corner-bl{left:1.8%;bottom:2.1%;color:var(--red);--dx:-25px;--dy:20px;--turn:-15deg;font-family:Georgia,serif}.corner-br{right:1.8%;bottom:2.1%;--dx:25px;--dy:20px;--turn:15deg}.corner-letter{display:inline-block;animation:corner-arrive .85s cubic-bezier(.18,.8,.3,1.22) both,corner-bounce 7s ease-in-out infinite;animation-delay:calc(var(--char)*45ms),calc(2s + var(--char)*85ms)}.eyebrow{animation:label-arrive .85s cubic-bezier(.2,.8,.2,1) both}.hero-bottom{animation:bottom-arrive 1s .2s both}.quick-track{scroll-behavior:auto}.reflection{display:grid;grid-template-columns:1fr 2.2fr;gap:6%;padding:38px 6% 42px;background:#242322;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;align-items:start}.reflection-heading .label{display:block;font-size:9px;line-height:1.8;margin:0 0 16px;color:var(--red)}.reflection h2{font-size:24px;letter-spacing:0;line-height:1.6;margin:0}.reflection-copy p{font-size:13px;line-height:1.95;color:#bfbab0;margin:0}.reflection-copy .reflection-lead{font-size:15px;color:var(--paper);margin-bottom:15px;line-height:1.85}.about-label{overflow:hidden;display:flex;gap:7px;align-items:center}.about-english{display:inline-block;opacity:0;transform:translateX(-130%)}.about.visible .about-english{animation:about-arrive .95s .1s cubic-bezier(.16,1,.3,1) both}.about-grid{gap:35px}.about-grid>div:first-child{grid-template-columns:1fr 1.2fr}.software{min-width:0}.software h3{margin-bottom:5px}.software-orbit{position:relative;max-width:620px;margin:auto}.orbit-scene{height:300px;perspective:850px;position:relative;isolation:isolate}.orbit-plane{position:absolute;left:50%;top:47%;width:0;height:0;transform:rotateX(30deg);transform-style:preserve-3d}.orbit-tool{position:absolute;left:0;top:0;transform-style:preserve-3d;will-change:transform}.orbit-face{width:76px;position:absolute;left:-38px;top:-42px;text-align:center;backface-visibility:hidden}.orbit-face img{width:64px;height:64px;object-fit:contain;display:block;margin:0 auto 9px;filter:drop-shadow(0 9px 8px #0002);transition:transform .3s}.orbit-face:hover img{transform:translateY(-5px) scale(1.08)}.orbit-face span{display:block;color:#625e56;font-size:9px;line-height:1.3;white-space:nowrap}.orbit-center{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:10px;line-height:1.7;letter-spacing:3px;color:#aca69a;text-align:center;pointer-events:none;z-index:-1}.orbit-guide{position:absolute;width:360px;height:360px;border:1px solid #a39e912f;border-radius:50%;left:-180px;top:-180px;transform:rotateX(90deg)}.orbit-toggle{display:block;margin:-10px auto 12px;background:none;border:1px solid #bdb6a7;border-radius:20px;padding:7px 15px;font-size:10px;color:#787165}.software p{text-align:center;margin:10px auto 0}.about .about-sheet{margin-top:20px}.about .about-sheet img{width:100%;height:auto}
@keyframes cover-drift{0%,100%{transform:translateY(0) rotate(-.18deg)}50%{transform:translateY(-8px) rotate(.18deg)}}@keyframes corner-arrive{0%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn)) scale(.7)}70%{opacity:1;transform:translate(0,-3px) rotate(-2deg) scale(1.05)}100%{opacity:1;transform:none}}@keyframes corner-bounce{0%,75%,100%{transform:translateY(0) rotate(0)}81%{transform:translateY(-4px) rotate(-4deg)}87%{transform:translateY(1px) rotate(3deg)}93%{transform:translateY(-1px) rotate(0)}}@keyframes about-arrive{from{opacity:0;transform:translateX(-130%) skewX(-10deg)}to{opacity:1;transform:translateX(0) skewX(0)}}@keyframes label-arrive{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}@keyframes bottom-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:700px){.cover-corner{font-size:7px;letter-spacing:1px}.corner-tr{font-size:6px;letter-spacing:.6px}.reflection{grid-template-columns:1fr;gap:18px;padding:30px 5%}.reflection h2{font-size:22px}.reflection-heading .label{margin-bottom:8px}.reflection-copy p{font-size:12px;line-height:1.9}.reflection-copy .reflection-lead{font-size:14px}.orbit-scene{height:270px}.orbit-face{width:64px;left:-32px;top:-36px}.orbit-face img{width:52px;height:52px}.orbit-face span{font-size:8px}.orbit-guide{width:230px;height:230px;left:-115px;top:-115px}.software{padding-bottom:5px}}@media(prefers-reduced-motion:reduce){.portfolio-cover,.corner-letter,.eyebrow,.hero-bottom,.about.visible .about-english{animation:none!important}.about-english{opacity:1;transform:none}.quick-track{scroll-behavior:auto}}

/* Emphasis and one-shot conceptual typography */
.portfolio-cover{animation:cover-breathe 7s ease-in-out infinite;margin-top:32px;margin-bottom:25px}.cover-corner{font-size:clamp(10px,1.05vw,17px);letter-spacing:2.4px}.corner-tr{font-size:clamp(9px,1vw,16px)}.corner-bl{font-size:clamp(11px,1.12vw,18px)}.corner-br{font-size:clamp(10px,1.05vw,17px)}@keyframes cover-breathe{0%,100%{transform:translateY(2px) scale(.985)}50%{transform:translateY(-8px) scale(1.015)}}
.reflection{position:relative;background:#f0ece2;color:#282720;grid-template-columns:1fr 1.6fr;gap:7%;padding:62px 6%;border-top:3px solid var(--red);border-bottom:0}.reflection:before{content:'“';position:absolute;top:12px;left:5%;font:130px Georgia,serif;color:#d7d0c1;line-height:1;pointer-events:none}.reflection-heading{position:relative;padding-top:8px}.reflection-heading .label{font-size:9px;letter-spacing:2px;margin-bottom:30px}.reflection h2{font-size:clamp(29px,3.2vw,48px);font-weight:400;line-height:1.45;letter-spacing:-1px}.reflection h2 span{color:var(--red)}.reflection-sign{display:block;margin-top:25px;font-size:11px;letter-spacing:2px;color:#817969}.reflection-copy p{color:#716a5d;line-height:1.95;font-size:13px;margin:0 0 14px}.reflection-copy .reflection-lead{font-size:clamp(16px,1.5vw,22px);line-height:1.8;color:#38342d;margin-bottom:23px}.reflection-copy strong{font-weight:600;color:#38342d}.reflection-lead strong:last-child{box-shadow:inset 0 -.35em #e6635935}.reflection-rule{height:1px;background:#c7bead;margin-bottom:25px;transform-origin:left;transform:scaleX(0);transition:transform 1s .2s}.reflection.visible .reflection-rule{transform:scaleX(1)}.reflection blockquote{margin:22px 0 24px;padding:3px 0 3px 20px;border-left:3px solid var(--red);font-size:clamp(18px,2vw,28px);line-height:1.65;letter-spacing:.5px;color:#29271f}.reflection-copy>p:last-child{margin-bottom:0}.sand-panel{position:relative;overflow:hidden;padding:54px 7% 25px;border-radius:2px;isolation:isolate}.sand-paper{background:#eeeadf;color:#56534a}.sand-dark{background:radial-gradient(ellipse at top,#493d39,#302a28);color:#e7e1d2}.sand-copy h3{font-size:23px;font-weight:400;text-align:center;letter-spacing:2px;margin:0 0 40px}.sand-copy p{font-size:16px;line-height:2.1;letter-spacing:.4px;margin:0 0 22px}.sand-paragraphs{max-width:900px;margin:auto;text-align:center}.sand-blocks{display:grid;grid-template-columns:1fr 1fr;gap:30px 45px}.sand-blocks h4{font-size:16px;line-height:1.7;font-weight:500;margin:0 0 16px}.sand-blocks p{font-size:13px;line-height:2;text-align:justify;margin:0}.sand-dark .sand-copy h3{text-align:left;font-size:21px}.sand-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:0;transition:opacity .18s}.sand-ready .sand-copy{opacity:0}.sand-gathering .sand-canvas{opacity:1}.sand-settled .sand-copy{opacity:1;transition:opacity .18s}.sand-original{display:block;margin:28px 0 0 auto;background:none;color:inherit;font-size:10px;border:0;border-bottom:1px solid currentColor;padding:6px 0;opacity:.65}.closing{padding:55px 6% 45px;text-align:center}.closing .label{font-size:9px;letter-spacing:3px}.closing .closing-title{font-size:26px;letter-spacing:5px;font-weight:400;margin:20px 0 13px}.closing-wish{font-size:14px;letter-spacing:2px;margin:0 0 20px;color:#726d62}.closing>a{font-size:11px}
@media(max-width:700px){.portfolio-cover{margin-top:26px;margin-bottom:15px}.cover-corner{font-size:8px;letter-spacing:.7px}.corner-tr{font-size:7px;letter-spacing:.5px}.corner-bl{font-size:9px}.corner-br{font-size:8px}.reflection{grid-template-columns:1fr;padding:38px 6%;gap:28px}.reflection h2{font-size:32px}.reflection-heading .label{margin-bottom:22px}.reflection-sign{margin-top:18px}.reflection-copy .reflection-lead{font-size:17px}.reflection-copy p{font-size:13px}.reflection blockquote{font-size:20px;padding-left:15px}.desktop-break{display:none}.sand-panel{padding:35px 7% 20px}.sand-copy h3{font-size:19px;margin-bottom:26px}.sand-copy p{font-size:14px;line-height:2}.sand-blocks{grid-template-columns:1fr;gap:28px}.sand-blocks h4{font-size:15px}.sand-blocks p{font-size:13px;line-height:1.95}.sand-dark .sand-copy h3{font-size:18px;line-height:1.7}.closing .closing-title{font-size:23px}.closing-wish{font-size:12px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.portfolio-cover{animation:none!important}.sand-ready .sand-copy{opacity:1}.sand-canvas{display:none}.reflection-rule{transform:none}}

.reflection{background:#e9e7df;border:0;padding:75px 9% 78px;grid-template-columns:.85fr 1.6fr;gap:10%;color:#56564f}.reflection:before{display:none}.reflection-heading .label{font-size:8px;letter-spacing:2.4px;color:#97988c;margin-bottom:32px}.reflection h2{font-family:Georgia,"SimSun",serif;font-size:clamp(22px,2.3vw,34px);line-height:1.9;font-weight:400;letter-spacing:3px}.reflection h2 span{color:#777b6d}.reflection-sign{font-size:10px;letter-spacing:2px;margin-top:38px;color:#96958a}.reflection-copy{max-width:650px}.reflection-copy .reflection-lead{font-size:16px;line-height:2.2;color:#575b50;font-family:Georgia,"SimSun",serif;letter-spacing:1px}.reflection-copy strong{font-weight:400;color:#565c4c}.reflection-lead strong:last-child{box-shadow:none}.reflection-copy p{font-size:12px;line-height:2.25;letter-spacing:.6px;color:#7c7e73;margin-bottom:22px}.reflection blockquote{font-family:Georgia,"SimSun",serif;border:0;padding:10px 0;margin:20px 0 28px;font-size:clamp(17px,1.65vw,24px);line-height:2;letter-spacing:2px;color:#4f594b}.reflection-rule{background:#bfc4b6;width:42px;margin:30px 0}.exhibit-fragment{opacity:0;transform:translateY(13px);filter:blur(3px);transition:opacity .55s,transform .65s,filter .55s;transition-delay:var(--fragment-delay)}.exhibit-entered .exhibit-fragment{opacity:1;transform:none;filter:blur(0)}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center;padding:10px 0 30px}.photo-piece{padding:0;border:0;background:none;opacity:0;transform:translateY(24px) scale(.98);transition:opacity .65s,transform .8s;transition-delay:var(--photo-delay);cursor:zoom-in}.photo-piece img{display:block;width:100%;height:320px;object-fit:cover}.photo-piece:nth-child(3n+2){margin-top:65px}.photo-piece:nth-child(4) img,.photo-piece:nth-child(6) img{height:390px}.photos-entered .photo-piece{opacity:1;transform:none}.paper-passage{position:fixed;inset:0;z-index:30;pointer-events:none;visibility:hidden;perspective:1100px}.paper-leaf{position:absolute;left:10%;top:27%;width:min(460px,65vw);aspect-ratio:1.55;background:linear-gradient(115deg,#c1af8d40,transparent 40%,#74654b25),url(assets/page-05.jpg) center/cover;box-shadow:15px 28px 40px #0004;clip-path:polygon(0 1%,98% 0,100% 96%,2% 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;color:#625a49}.paper-leaf span{font-family:"SimSun",serif;font-size:25px;letter-spacing:5px;background:#eeeadfe8;padding:15px}.paper-leaf small{font-size:8px;letter-spacing:2px;background:#eeeadf;padding:5px}.paper-passage.passing{visibility:visible;animation:paper-pass 1.65s cubic-bezier(.2,.65,.35,1) both}.passing .paper-leaf{animation:paper-turn 1.65s ease-in-out both}@keyframes paper-pass{0%{opacity:0;transform:translate(-80vw,12vh)}22%{opacity:.9}65%{opacity:.8}100%{opacity:0;transform:translate(110vw,-35vh)}}@keyframes paper-turn{0%{transform:rotate(-24deg) rotateY(35deg)}50%{transform:rotate(8deg) rotateY(-18deg)}100%{transform:rotate(35deg) rotateY(45deg)}}@media(max-width:700px){.reflection{padding:45px 7%;gap:25px}.reflection h2{font-size:25px;line-height:1.8}.reflection-heading .label{margin-bottom:15px}.reflection-sign{margin-top:15px}.reflection-copy .reflection-lead{font-size:15px}.photo-gallery{grid-template-columns:1fr 1fr;gap:12px}.photo-piece img{height:220px}.photo-piece:nth-child(3n+2){margin-top:0}.photo-piece:nth-child(even){margin-top:35px}.photo-piece:nth-child(4) img,.photo-piece:nth-child(6) img{height:260px}.paper-leaf span{font-size:17px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){.exhibit-fragment,.photo-piece{opacity:1;transform:none;filter:none}.paper-passage{display:none}}

/* Restrained transitions between chapters. */
.hero,.quick-look,.reflection,.about,.works{position:relative}.quick-look{border-top:0;background:linear-gradient(180deg,#202020 0,#191919 90px);padding-top:55px}.reflection{background:linear-gradient(180deg,#191919 0,#77776d 22px,#d1d1c6 50px,#e9e7df 90px);padding-top:125px}.about{background:linear-gradient(180deg,#e9e7df 0,#eeece4 100px);padding-top:65px}.works{background:linear-gradient(180deg,#eeece4 0,#8d8a82 22px,#292826 55px,#191919 95px);padding-top:135px}.closing{background:linear-gradient(180deg,#191919 0,#77766d 24px,#eeece4 75px);padding-top:110px}.section-thread{position:absolute;left:6%;top:20px;width:36px;height:1px;background:currentColor;opacity:.2;pointer-events:none;animation:thread-breathe 6s ease-in-out infinite}.reflection .section-thread{top:90px;color:#777a6b}.about .section-thread{top:28px;color:#858370}.quick-look .section-thread{color:#e66359}@keyframes thread-breathe{0%,100%{transform:scaleX(.65);opacity:.14}50%{transform:scaleX(1);opacity:.3}}@media(max-width:700px){.reflection{padding-top:110px}.about{padding-top:55px}.works{padding-top:115px}.closing{padding-top:100px}}@media(prefers-reduced-motion:reduce){.section-thread{animation:none}}