/* 2026-07 content and scroll consolidation */
.splash{
  display:grid!important;
  background:#d5c2a8!important;
  color:#191713;
  animation:refresh-splash 1s 1.05s forwards!important;
}
.splash div{font-size:clamp(30px,4vw,58px)!important;gap:0!important}
.splash b{font-family:Georgia,"Times New Roman","Songti SC",serif;font-weight:400;letter-spacing:-.04em}
@keyframes refresh-splash{to{opacity:0;visibility:hidden}}

.parallax-title{z-index:8!important}
.parallax-title h1{
  font-family:Georgia,"Times New Roman","Songti SC",serif!important;
  font-size:clamp(42px,4.35vw,76px)!important;
  font-weight:400!important;
  letter-spacing:-.045em!important;
  line-height:.95!important;
}

.purpose{height:400vh!important;background:transparent!important}
.purpose-sticky{height:100vh!important;background:transparent!important;overflow:hidden}
.purpose-sticky::after{content:"SCROLL / 03"!important;z-index:4}
.purpose-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}
.purpose-visual{display:none!important}
.purpose-sticky p{z-index:3;font-size:clamp(32px,4.4vw,62px)!important;transition:opacity .42s ease,transform .42s ease!important}
.purpose-sticky p.active{opacity:1!important;visibility:visible!important;transform:none!important}
.purpose-sticky p.past{opacity:0!important;visibility:hidden!important;transform:translateY(-24px)!important}

.profile-scroll{height:300vh!important;overflow:clip}
.profile-track{width:300%!important;height:100vh!important}
.profile-panel{width:33.333333%!important;height:100vh!important}
.profile-photo{padding:0!important;overflow:hidden!important;display:block!important}
.profile-photo img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important}
.profile-photo p{z-index:2}
.profile-detail{padding:7vh 6vw!important;grid-template-columns:.25fr 1.75fr!important;gap:4vw!important;overflow:hidden}
.profile-sections{grid-column:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3.2vh 4vw!important;align-content:center}
.profile-sections section{padding-left:28px!important;min-width:0}
.profile-sections h3{font-size:clamp(27px,3vw,43px)!important;margin-bottom:13px!important}
.profile-sections p{font-size:clamp(10px,.82vw,12.5px)!important;line-height:1.55!important;white-space:normal}

.report-list{margin-left:0!important}
.report-list article{
  grid-template-columns:4% minmax(190px,24%) minmax(220px,28%) 1fr auto!important;
  align-items:center!important;
  gap:22px!important;
  padding:28px 0!important;
}
.report-list article>img{width:100%;aspect-ratio:16/9;object-fit:cover;background:rgba(255,255,255,.24);border:1px solid rgba(30,30,30,.14)}
.report-list h3{font-size:clamp(24px,2.4vw,38px)!important}

.map-nodes article{opacity:0;filter:blur(7px);transform:translateY(34px)!important;transition:opacity .75s ease,filter .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)!important}
.map-nodes article.is-visible{opacity:1;filter:none;transform:none!important}
.map-nodes article:nth-child(2){transition-delay:.12s!important}.map-nodes article:nth-child(3){transition-delay:.24s!important}.map-nodes article:nth-child(4){transition-delay:.36s!important}.map-nodes article:nth-child(5){transition-delay:.48s!important}

.capability-reel{height:400vh!important}
.reel-photos,.reel-group{position:absolute;inset:0}
.reel-group{opacity:0;pointer-events:none}
.capability-reel[data-phase="0"] .reel-group.makeup,.capability-reel[data-phase="1"] .reel-group.styling,.capability-reel[data-phase="2"] .reel-group.shooting{opacity:1}
.reel-photos .reel-group img{
  position:absolute!important;
  width:11vw!important;height:15vw!important;max-width:180px!important;max-height:245px!important;
  object-fit:cover!important;box-shadow:0 14px 42px #0002!important;
  opacity:calc(1 - var(--phase-progress));
  transform:translate(calc(var(--tx) * var(--phase-progress)),calc(var(--ty) * var(--phase-progress))) scale(calc(1 - var(--phase-progress) * .48))!important;
  transition:none!important;
}
.reel-group.styling img{aspect-ratio:3/4!important}
.reel-group.shooting img{width:18vw!important;height:25vw!important;max-width:285px!important;max-height:395px!important}
.reel-group img:nth-child(1){left:3%;top:8%;--tx:41vw;--ty:32vh}
.reel-group img:nth-child(2){left:18%;top:2%;--tx:27vw;--ty:39vh}
.reel-group img:nth-child(3){right:18%;top:3%;--tx:-27vw;--ty:38vh}
.reel-group img:nth-child(4){right:3%;top:10%;--tx:-41vw;--ty:30vh}
.reel-group img:nth-child(5){left:4%;bottom:7%;--tx:40vw;--ty:-31vh}
.reel-group img:nth-child(6){left:23%;bottom:2%;--tx:22vw;--ty:-39vh}
.reel-group img:nth-child(7){right:23%;bottom:2%;--tx:-22vw;--ty:-39vh}
.reel-group img:nth-child(8){right:4%;bottom:7%;--tx:-40vw;--ty:-31vh}
.reel-group.shooting img:nth-child(1){left:2%;top:4%;--tx:39vw;--ty:28vh}.reel-group.shooting img:nth-child(2){left:21%;top:1%;--tx:24vw;--ty:35vh}.reel-group.shooting img:nth-child(3){right:21%;top:1%;--tx:-24vw;--ty:35vh}.reel-group.shooting img:nth-child(4){right:2%;top:4%;--tx:-39vw;--ty:28vh}.reel-group.shooting img:nth-child(5){left:12%;bottom:1%;--tx:33vw;--ty:-34vh}.reel-group.shooting img:nth-child(6){right:12%;bottom:1%;--tx:-33vw;--ty:-34vh}

footer{min-height:100vh!important;padding:7vh 5vw 3vh!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow:hidden;position:relative}
.footer-top{display:grid!important;grid-template-columns:minmax(220px,.7fr) 2fr!important;gap:6vw!important;align-items:start}
footer .brand span{display:none!important}
footer .brand b{font:400 clamp(20px,2vw,32px) Georgia,"Times New Roman",serif!important}
.contact-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:20px!important;align-items:start!important}
.contact-list>div{display:grid!important;gap:10px!important;min-width:0}
.contact-list span{font-size:8px!important;letter-spacing:.08em;color:#6d675f!important}
.contact-list b{font:400 clamp(11px,1vw,15px) Georgia,"Times New Roman",serif!important;overflow-wrap:anywhere}
.footer-visual-wrap{position:relative;flex:1;min-height:50vh;width:100%;margin-top:4vh}
.footer-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
footer small{border-top:1px solid var(--line);padding-top:16px;width:100%;font-size:9px}

@media(max-width:760px){
  .parallax-title h1{font-size:clamp(31px,9vw,43px)!important;letter-spacing:-.035em!important}
  .purpose-sticky p{font-size:36px!important;padding:24px!important}
  .profile-detail{padding:72px 24px 30px!important;display:block!important;overflow-y:auto}
  .profile-index{margin-bottom:28px}.profile-sections{display:grid!important;grid-template-columns:1fr!important;gap:25px!important}
  .report-list article{grid-template-columns:32px 1fr!important}.report-list article>img,.report-list h3,.report-list p,.report-list a{grid-column:2!important}.report-list article>img{margin-bottom:8px}
  .reel-photos .reel-group img{width:22vw!important;height:30vw!important}.reel-group.shooting img{width:30vw!important;height:42vw!important}
  .footer-top{grid-template-columns:1fr!important}.contact-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-visual-wrap{min-height:45vh}
}

@media(prefers-reduced-motion:reduce){.map-nodes article{opacity:1;filter:none;transform:none!important}}

/* Profile uses exactly three panels; no dead scroll remains before Portfolio. */
.profile-scroll{overscroll-behavior:auto}
.profile-track{transform:translate3d(0,0,0);will-change:transform;backface-visibility:hidden}
.profile-timeline{padding:8vh 6vw!important;display:grid!important;grid-template-columns:.58fr 1.42fr;gap:6vw;align-items:center;background:transparent!important}
.profile-timeline header>span{font-size:9px;letter-spacing:.13em}.profile-timeline header h2{font:400 clamp(54px,6.5vw,104px)/.82 Georgia,"Times New Roman",serif;margin:28px 0}.profile-timeline header p{font:13px/1.7 Georgia,"Songti SC",serif;max-width:300px}
.career-line{position:relative;display:grid;gap:4.5vh;padding-block:3vh}.career-line::before{content:"";position:absolute;left:145px;top:0;bottom:0;width:1px;background:var(--line)}.career-line article{display:grid;grid-template-columns:125px 14px 1fr;gap:14px;align-items:start}.career-line time{font:9px/1.4 Arial,sans-serif;letter-spacing:.04em;text-align:right;padding-top:4px}.career-line i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 6px rgba(238,230,220,.84)}.career-line h3{font:400 clamp(20px,2vw,31px)/1.1 Georgia,"Songti SC",serif;margin:0 0 7px}.career-line b{display:block;font:11px/1.4 Georgia,"Songti SC",serif;margin-bottom:9px}.career-line p{font:10px/1.65 Georgia,"Songti SC",serif;margin:0;max-width:520px}
.profile-detail .profile-sections{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4vw!important}.profile-detail .profile-sections section{align-self:start}.profile-detail .profile-sections h3{font-size:clamp(25px,2.6vw,40px)!important}

/* Research reports enter one by one in a deliberately slow vertical stack. */
.research-flow{padding-bottom:18vh!important}.report-list{position:relative!important}.report-list article{position:sticky!important;top:13vh;min-height:72vh;margin-bottom:34vh!important;padding:5vh 4vw!important;grid-template-columns:5% minmax(240px,32%) minmax(250px,1fr) minmax(220px,.9fr) auto!important;background:rgba(239,234,226,.94)!important;box-shadow:0 20px 55px rgba(30,25,21,.08);transform:translateY(calc((1 - var(--report-progress,0)) * 28px)) scale(calc(.985 + var(--report-progress,0) * .015));opacity:calc(.48 + var(--report-progress,0) * .52);will-change:transform,opacity}.report-list article:nth-child(2){top:15vh;background:rgba(218,209,199,.95)!important}.report-list article:nth-child(3){top:17vh;margin-bottom:0!important;background:rgba(222,220,214,.96)!important}.report-list article>img{max-height:52vh}.report-list article h3{font-size:clamp(30px,3.1vw,49px)!important}

/* RedNote cards become a pinned horizontal film strip. */
.social{height:220vh;padding:0!important;display:block!important;border-radius:0!important;position:relative;overflow:visible!important}.social-sticky{position:sticky;top:0;height:100vh;overflow:clip;display:grid;grid-template-columns:34vw 1fr;align-items:center;background:rgba(239,211,209,.76)}.social-copy{position:relative;z-index:3;padding:7vh 0 7vh 7vw}.social-copy h2{font-size:clamp(48px,5.5vw,78px)!important}.social-feed{display:flex!important;align-items:center;gap:2vw;width:max-content;padding:7vh 7vw 4vh 2vw;will-change:transform}.social-feed article{flex:0 0 23vw;min-width:250px!important;margin:0}.social-feed article:nth-child(2){transform:translateY(5vh)}.social-feed article:nth-child(3){transform:translateY(-3vh)}.social-feed img{width:100%;height:57vh!important;aspect-ratio:auto!important;object-fit:cover}.social-feed h3{font-size:17px!important;max-width:260px}.social-film-note{font-size:8px}

.social-entry-link{display:inline-block;margin:0 5px;color:var(--ink);font-size:8px;letter-spacing:.08em;text-decoration:none;border-bottom:1px solid currentColor}

/* Five-part practice reel with a stable, asymmetrical editorial scatter. */
.capability-reel{height:600vh!important;--phase-progress:0;--reel-total-progress:0}.reel-title h2{min-width:min(76vw,920px);min-height:1.05em;place-items:center}.reel-title em{font-size:clamp(48px,7vw,100px);letter-spacing:0}.reel-progress{width:min(260px,48vw);height:2px;margin:20px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.reel-progress i{height:2px;background:rgba(28,25,23,.18);position:relative;overflow:hidden}.reel-progress i::after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s}.reel-progress i.past::after{transform:scaleX(1)}.reel-progress i.active::after{transform:scaleX(var(--phase-progress))}
.reel-group{opacity:0!important;pointer-events:none}.capability-reel[data-phase="0"] .reel-group.handcraft,.capability-reel[data-phase="1"] .reel-group.makeup,.capability-reel[data-phase="2"] .reel-group.styling,.capability-reel[data-phase="3"] .reel-group.shooting,.capability-reel[data-phase="4"] .reel-group.drawing{opacity:1!important}
.reel-photos .reel-group img{width:clamp(105px,12vw,185px)!important;height:clamp(145px,17vw,255px)!important;max-width:none!important;max-height:none!important;opacity:calc(1 - var(--phase-progress))!important;transform:translate(calc(var(--tx) * var(--phase-progress)),calc(var(--ty) * var(--phase-progress))) rotate(var(--rot,0deg)) scale(calc(1 - var(--phase-progress) * .34))!important;filter:saturate(.9);border:0!important}
.reel-photos .reel-group img:not([src]){display:none!important}
.reel-group img:nth-child(1){left:3%;top:9%;--rot:-4deg}.reel-group img:nth-child(2){left:21%;top:3%;--rot:2deg}.reel-group img:nth-child(3){right:20%;top:5%;--rot:-2deg}.reel-group img:nth-child(4){right:4%;top:15%;--rot:4deg}.reel-group img:nth-child(5){left:7%;bottom:5%;--rot:3deg}.reel-group img:nth-child(6){left:29%;bottom:0;--rot:-3deg}.reel-group img:nth-child(7){right:27%;bottom:2%;--rot:4deg}.reel-group img:nth-child(8){right:5%;bottom:7%;--rot:-2deg}.reel-group img:nth-child(2),.reel-group img:nth-child(7){width:clamp(120px,14vw,215px)!important;height:clamp(165px,19vw,285px)!important}.reel-group.shooting img{width:clamp(145px,18vw,285px)!important;height:clamp(200px,25vw,395px)!important}
.reel-photos .reel-group img{--rot:0deg!important}

@media(max-width:760px){.profile-timeline{padding:75px 24px 30px!important;grid-template-columns:1fr;gap:25px;overflow-y:auto}.profile-timeline header h2{font-size:51px}.profile-timeline header p{display:none}.career-line{gap:26px}.career-line::before{left:97px}.career-line article{grid-template-columns:78px 12px 1fr;gap:9px}.career-line h3{font-size:18px}.career-line p{font-size:9px}.profile-detail .profile-sections{grid-template-columns:1fr!important}.report-list article{top:10vh!important;min-height:76vh;margin-bottom:28vh!important;padding:24px!important;display:grid!important}.social{height:230vh}.social-sticky{grid-template-columns:1fr}.social-copy{position:absolute;left:0;top:0;padding:8vh 6vw;width:70vw}.social-copy p,.social-copy .pill{display:none}.social-feed{padding-left:42vw;padding-top:15vh}.social-feed article{flex-basis:58vw!important;min-width:220px!important}.social-feed img{height:59vh!important}.reel-photos .reel-group img{width:25vw!important;height:34vw!important}.reel-group.shooting img{width:31vw!important;height:43vw!important}}

/* RedNote background study A: database-ratio backdrop with consistent light glass. */
.social-sticky{isolation:isolate;background:#8f7a80!important}.social-sticky::before{content:"";position:absolute;z-index:0;left:0;top:50%;width:100%;height:auto;aspect-ratio:1125/1000;transform:translateY(-50%);background:url('preview-assets/rednote-space-bg.png') center 48%/cover no-repeat;pointer-events:none}.social-copy,.social-feed{position:relative;z-index:1}.social-copy{background:rgba(248,242,238,.16);border:1px solid rgba(255,255,255,.22);backdrop-filter:saturate(.82) blur(12px);box-shadow:0 1px 18px rgba(255,247,241,.18)}.social-feed article{background:rgba(248,242,238,.16);border:1px solid rgba(255,255,255,.22);backdrop-filter:saturate(.82) blur(12px);overflow:hidden}.social-feed article h3,.social-entry-link{margin-inline:16px}.social-entry-link{display:block;margin-bottom:16px}
@media(max-width:760px){.social-sticky::before{width:auto;height:100%;aspect-ratio:1125/1000;left:50%;top:0;transform:translateX(-50%);background-position:46% center}.social-copy{background:rgba(248,242,238,.16)}}
.social-sticky::before{background-image:url('preview-assets/rednote-space-bg.png?v=20260717-3')}
.social-sticky{width:100%;max-width:100%;height:calc(100vw * 590 / 730);min-height:0;aspect-ratio:730/590;grid-template-columns:34vw minmax(0,1fr)}.social-sticky::before{inset:0;width:100%;height:100%;aspect-ratio:730/590;transform:none;background-position:center 48%}
@media(max-width:760px){.social-sticky{height:100svh;min-height:100svh;aspect-ratio:auto;grid-template-columns:1fr}.social-sticky::before{width:auto;height:100%;aspect-ratio:1/1;left:50%;transform:translateX(-50%)}}
@media(min-width:761px){.social-sticky{height:auto}}
@media(min-width:761px){.social-sticky{height:100vh;min-height:100vh;aspect-ratio:auto}.social-sticky::before{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;background-position:center 48%;background-size:cover}}

@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .22s ease both}::view-transition-new(root){animation:page-in .38s ease both}@keyframes page-out{to{opacity:0;transform:translateY(-5px)}}@keyframes page-in{from{opacity:0;transform:translateY(7px)}}

/* Follow-up adjustments: consistent overlay, original reports, clear film handoff. */
.profile-timeline{background:rgba(246,239,226,.60)!important}
.research-flow{padding:150px 7vw!important}.report-list{position:relative!important;margin-left:0!important}.report-list article,.report-list article:nth-child(2),.report-list article:nth-child(3){position:relative!important;top:auto!important;min-height:0!important;margin:0!important;padding:28px 0!important;display:grid!important;grid-template-columns:4% minmax(190px,24%) minmax(220px,28%) 1fr auto!important;align-items:center!important;gap:22px!important;background:transparent!important;box-shadow:none!important;transform:none!important;opacity:1!important;will-change:auto;border-top:1px solid #9db2ab}.report-list article>img{width:100%;max-height:none;aspect-ratio:16/9;object-fit:cover}.report-list article h3{font-size:clamp(24px,2.4vw,38px)!important}
.social-copy{opacity:clamp(0,calc(1.5 - var(--social-copy-progress,0) * 1.5),1);transform:none;transition:opacity .16s linear;will-change:opacity}.social-feed img:not([src]){display:block;background:rgba(255,255,255,.24);border:1px solid rgba(28,25,23,.12)}
.social-feed{height:100%;padding-top:4vh!important;padding-bottom:4vh!important}
.social-feed article{flex:0 0 auto!important;min-width:0!important;width:auto!important;height:auto!important;overflow:visible!important}
.social-feed img{display:block!important;width:auto!important;height:58vh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
@media(max-width:760px){.social-feed article{flex-basis:auto!important;min-width:0!important}.social-feed img{width:auto!important;height:52vh!important;max-width:none!important;max-height:none!important}}
@media(max-width:760px){.research-flow{padding:100px 20px!important}.report-list article,.report-list article:nth-child(2),.report-list article:nth-child(3){grid-template-columns:32px 1fr!important;padding:28px 0!important}.report-list article>img,.report-list h3,.report-list p,.report-list a{grid-column:2!important}.social-copy{opacity:clamp(0,calc(1 - var(--social-progress,0) * 14),1)}}

.prompt-archive{height:300vh;position:relative;background:#d8d7d0;color:#1b1917}
.prompt-archive-sticky{height:100vh;position:sticky;top:0;overflow:hidden;padding:10vh 0 7vh}
.prompt-archive-sticky header{position:absolute;z-index:2;left:7vw;top:11vh;width:min(34vw,470px);opacity:calc(1 - var(--prompt-title-progress,0));transform:translateY(calc(var(--prompt-title-progress,0) * -34px));pointer-events:none}
.prompt-archive-sticky header>span{font-size:9px;color:#625f5a}
.prompt-archive-sticky h2{margin:28px 0 20px;font:400 clamp(58px,6vw,92px)/.9 Georgia,"Songti SC",serif}
.prompt-archive-sticky p{max-width:330px;margin:0;color:#625f5a;font:13px/1.7 "Songti SC",serif}
.prompt-archive-actions{display:flex;margin-top:32px;pointer-events:auto}.prompt-archive-actions a{width:min(330px,100%);padding:15px 17px;border:1px solid rgba(27,25,23,.32);color:inherit;text-decoration:none;transition:background .25s ease-out,color .25s ease-out}.prompt-archive-actions a span{display:block;font:400 16px "Songti SC",serif}.prompt-archive-actions a b{display:block;margin-top:6px;font-size:8px;font-weight:400;color:#625f5a}
.prompt-archive-actions a:hover{background:#1b1917;color:#fff}
.prompt-photo-track{position:absolute;left:46vw;top:10vh;display:flex;align-items:start;gap:2.2vw;width:max-content;transform:translate3d(calc(var(--prompt-track-progress,0) * -108vw),0,0);will-change:transform}
.prompt-photo-track figure{width:32vw;min-width:360px;margin:0;display:grid;grid-template-rows:57vh auto;gap:12px}
.prompt-photo-track figure:nth-child(even){transform:translateY(13vh)}
.prompt-photo-track img{display:block;width:100%;height:57vh;object-fit:cover;filter:saturate(.78) contrast(.96)}
.prompt-photo-track figcaption{max-width:360px;font-size:9px;line-height:1.55;color:#625f5a}.prompt-photo-track figcaption b{display:block;margin-bottom:5px;color:#1b1917;font:400 17px Georgia,"Songti SC",serif}.prompt-photo-track figcaption span{display:block}
@media(max-width:760px){.prompt-archive{height:260vh}.prompt-archive-sticky{padding-top:8vh}.prompt-archive-sticky header{left:20px;top:8vh;width:calc(100% - 40px)}.prompt-archive-sticky h2{font-size:48px}.prompt-archive-sticky p{display:none}.prompt-archive-actions{margin-top:20px}.prompt-photo-track{left:20px;top:45vh;gap:14px;transform:translate3d(calc(var(--prompt-track-progress,0) * -220vw),0,0)}.prompt-photo-track figure{width:72vw;min-width:240px;grid-template-rows:43vh auto}.prompt-photo-track figure:nth-child(even){transform:translateY(7vh)}.prompt-photo-track img{height:43vh}}
@media(prefers-reduced-motion:reduce){.prompt-photo-track{transform:none;overflow-x:auto}.prompt-archive{height:110vh}}

.portfolio-single-gate{height:100svh!important;min-height:680px!important;padding:8vh 7vw!important;display:grid!important;place-items:center!important;overflow:hidden;background:rgba(229,238,238,.62)!important}
.portfolio-single{position:relative;display:block;width:min(72vw,940px);height:min(72vh,680px);overflow:hidden;color:#fff;text-decoration:none;background:rgba(255,255,255,.2)}
.portfolio-single img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.72);transition:transform .8s ease-out,filter .5s ease-out}
.portfolio-single>span{position:absolute;left:22px;top:20px;font-size:8px;letter-spacing:.1em}
.portfolio-single>div{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px}
.portfolio-single h2{margin:0;font:400 clamp(62px,9vw,132px)/.8 Georgia,"Songti SC",serif}
.portfolio-single p{margin:27px 0 32px;font:14px/1.7 "Songti SC",serif}
.portfolio-single b{padding-bottom:6px;border-bottom:1px solid;font-size:9px;font-weight:400}
.portfolio-single:hover img{transform:scale(1.025);filter:saturate(.78) brightness(.62)}
@media(max-width:760px){.portfolio-single-gate{padding:70px 20px!important}.portfolio-single{width:100%;height:72vh}.portfolio-single h2{font-size:54px}.portfolio-single p{max-width:230px}}
.portfolio-single-gate.portfolio-3d-home{width:100%!important;height:100svh!important;min-height:680px!important;padding:0!important;display:block!important;background:transparent!important;overflow:hidden!important}.portfolio-3d-frame{display:block;width:100%;height:100%;border:0;background:transparent}
@media(max-width:760px){.portfolio-single-gate.portfolio-3d-home{padding:0!important;min-height:100svh!important}}
@media(min-width:761px){.workflow-sticky{padding:5vh 7vw 4vh;justify-content:space-between}.workflow-sticky .mindmap-head{margin:0 0 4vh;max-width:760px}.workflow-sticky .mindmap-head h2{font-size:clamp(54px,5.6vw,76px);line-height:.88;margin:18px 0}.workflow-sticky .mindmap-head p{max-width:720px;font-size:13px;line-height:1.55}.workflow-sticky .map-nodes article b{margin:16px 0 9px;font-size:clamp(17px,1.8vw,24px)}.workflow-sticky .map-nodes article p{font-size:9px;line-height:1.55}}

/* Scroll-driven five-step workflow progress. */
.mindmap{height:360vh;padding:0!important;overflow:visible!important;--workflow-progress:0}
.workflow-sticky{position:sticky;top:0;height:100vh;overflow:hidden;padding:10vh 7vw 7vh;display:flex;flex-direction:column;justify-content:center}
.workflow-sticky .mindmap-head{margin:0 0 10vh;max-width:700px}
.workflow-sticky .map-nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;align-items:start}
.workflow-sticky .map-nodes::before,.workflow-sticky .map-nodes::after{content:"";position:absolute;left:4%;right:4%;top:22px;height:2px}
.workflow-sticky .map-nodes::before{background:rgba(28,25,23,.16)}
.workflow-sticky .map-nodes::after{background:var(--ink);transform:scaleX(var(--workflow-progress));transform-origin:left;transition:transform .1s linear}
.workflow-sticky .map-nodes article{position:relative;z-index:1;min-height:0!important;padding:0 14px!important;text-align:center;display:flex;flex-direction:column;align-items:center;opacity:.3;filter:none;transform:scale(.94)!important;transition:opacity .4s ease-out,transform .4s ease-out!important}
.workflow-sticky .map-nodes article::before{display:none}
.workflow-sticky .map-nodes article i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(220,216,208,.96);border:1px solid rgba(28,25,23,.22);font:12px/1 Arial,sans-serif;opacity:.65;transform:scale(.92);transition:background-color .4s ease-out,color .4s ease-out,opacity .4s ease-out,transform .4s ease-out}
.workflow-sticky .map-nodes article b{margin:24px 0 13px;font-size:clamp(18px,2vw,27px);opacity:.62;transition:opacity .4s ease-out}
.workflow-sticky .map-nodes article p{margin:0;font-size:10px;line-height:1.8;opacity:.48;transition:opacity .4s ease-out}
.workflow-sticky .map-nodes article.is-complete{opacity:.76;transform:scale(1)!important}
.workflow-sticky .map-nodes article.is-active{opacity:1;transform:scale(1.06)!important}
.workflow-sticky .map-nodes article.is-complete i,.workflow-sticky .map-nodes article.is-active i{background:var(--ink);color:#fff;border-color:var(--ink);opacity:1;transform:scale(1)}
.workflow-sticky .map-nodes article.is-active i{transform:scale(1.14)}
.workflow-sticky .map-nodes article.is-active b,.workflow-sticky .map-nodes article.is-active p,.workflow-sticky .map-nodes article.is-complete b{opacity:1}
@media(max-width:760px){.mindmap{height:420vh}.workflow-sticky{padding:6vh 7vw 4vh;justify-content:flex-start}.workflow-sticky .mindmap-head{margin:0 0 4vh}.workflow-sticky .mindmap-head h2{font-size:clamp(38px,11vw,54px);margin:16px 0}.workflow-sticky .mindmap-head p{font-size:12px;line-height:1.5}.workflow-sticky .map-nodes{grid-template-columns:1fr;gap:12px}.workflow-sticky .map-nodes::before,.workflow-sticky .map-nodes::after{left:21px;right:auto;top:22px;bottom:22px;width:2px;height:auto}.workflow-sticky .map-nodes::after{transform:scaleY(var(--workflow-progress));transform-origin:top}.workflow-sticky .map-nodes article{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:18px;align-items:center;text-align:left;padding:0!important;min-height:0!important;transform:scale(.97)!important}.workflow-sticky .map-nodes article.is-active{transform:translateX(7px) scale(1)!important}.workflow-sticky .map-nodes article i{grid-row:1/3;grid-column:1}.workflow-sticky .map-nodes article b{grid-row:1;grid-column:2;margin:2px 0 4px;font-size:20px}.workflow-sticky .map-nodes article p{grid-row:2;grid-column:2;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.workflow-sticky .map-nodes::after,.workflow-sticky .map-nodes article,.workflow-sticky .map-nodes article i,.workflow-sticky .map-nodes article b,.workflow-sticky .map-nodes article p{transition:none!important}}

/* Database portal: a full-bleed image grid with quiet editorial information blocks. */
.library{position:relative;isolation:isolate;min-height:100svh;height:100svh;padding:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr) minmax(0,1.15fr) minmax(0,.85fr) minmax(0,.8fr);grid-template-rows:minmax(0,1.25fr) minmax(0,.8fr) minmax(0,1fr);gap:2px;overflow:hidden;background:#b9a19c url('database-bg.png?v=20260717-2') center/cover no-repeat!important}
.library::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(44,35,32,.06);pointer-events:none}
.library-title{grid-column:1/3;grid-row:1;margin:0!important;padding:clamp(24px,4vw,64px);position:relative;top:auto;align-self:stretch;background:rgba(246,239,226,.86);backdrop-filter:saturate(.75);display:flex;flex-direction:column;justify-content:flex-end;z-index:1}
.library-title>span{font-size:9px;letter-spacing:.14em}.library-title h2{font-size:clamp(42px,5.4vw,82px);line-height:.86;margin:18px 0 20px}.library-title p{max-width:360px;margin:0;font:13px/1.65 var(--serif)}
.library .project-grid{display:contents}.database-portal{position:relative;grid-column:auto;grid-row:auto;min-width:0;min-height:0;padding:clamp(18px,2.2vw,34px);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;overflow:hidden;backdrop-filter:saturate(.78) blur(1px);transition:background-color .3s ease-out}.database-portal:hover{background-color:rgba(255,250,243,.9)}.database-portal>span{font-size:9px;letter-spacing:.12em;opacity:.58}.database-portal>div{margin-top:auto}.database-portal h3{font:400 clamp(25px,3vw,46px)/.95 var(--serif);margin:0 0 10px}.database-portal p{margin:0;font:11px/1.5 var(--serif);max-width:180px;opacity:.7}.database-portal strong{position:absolute;right:22px;top:20px;font:18px var(--serif);font-weight:400;opacity:.65}.database-portal>i{position:absolute;right:20px;bottom:18px;font-style:normal;font-size:20px;opacity:.55}.portal-1{grid-column:4/6;grid-row:1;background:rgba(214,225,219,.72)}.portal-2{grid-column:3;grid-row:2/4;background:rgba(238,216,212,.7)}.portal-3{grid-column:5;grid-row:2;background:rgba(226,214,197,.72)}.portal-4{grid-column:1/3;grid-row:3;background:rgba(207,220,215,.72)}.portal-5{grid-column:5;grid-row:3;margin:15% 8% 8% 18%;background:rgba(234,221,210,.78)}.portal-2 h3{font-size:clamp(29px,3.4vw,52px)}.portal-5 h3{font-size:clamp(18px,1.8vw,28px)}
.static-library-page{min-height:calc(100svh - 76px)}.static-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);margin-top:8vh}.static-index-card{min-height:270px;background:rgba(242,235,226,.94);padding:28px;display:flex;flex-direction:column}.static-index-card>span{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;opacity:.55}.static-index-card h2{font:400 clamp(28px,3vw,46px)/1 var(--serif);margin:auto 0 18px}.static-index-card p{font:13px/1.6 var(--serif);max-width:420px;margin:0 0 18px}.static-index-card .tag-row{margin-top:auto}.platform-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.library{height:auto;min-height:100svh;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);grid-template-rows:minmax(280px,42svh) minmax(190px,1fr) minmax(150px,.8fr) minmax(190px,1fr);overflow:visible}.library-title{grid-column:1/3;grid-row:1;padding:30px 24px}.library-title h2{font-size:48px}.portal-1{grid-column:1/3;grid-row:2}.portal-2{grid-column:1;grid-row:3/5}.portal-3{grid-column:2;grid-row:3}.portal-4{grid-column:2;grid-row:4}.portal-5{grid-column:1/3;grid-row:5;min-height:115px;margin:18px 28% 18px 8%}.database-portal{padding:18px}.database-portal h3,.portal-2 h3,.portal-3 h3{font-size:28px}.database-portal p{font-size:10px}.static-index-grid,.platform-index-grid{grid-template-columns:1fr;margin-top:5vh}}

/* Restored first portal composition; its height follows the source image ratio. */
.library{width:100%;height:auto;min-height:0;aspect-ratio:1125/953;grid-template-columns:minmax(0,41fr) minmax(0,24fr) minmax(0,16fr) minmax(0,19fr);grid-template-rows:minmax(0,42fr) minmax(0,26fr) minmax(0,18fr) minmax(0,14fr);gap:2px;background-position:center!important;background-size:100% 100%!important}
.library-title{grid-column:1;grid-row:1;padding:clamp(28px,5vw,82px);background:rgba(251,249,244,.94);justify-content:flex-end}
.library-title h2{font-size:clamp(48px,6.5vw,104px);margin:22px 0 26px}.library-title p{font-size:14px;line-height:1.7;max-width:330px}
.database-portal{margin:0;padding:clamp(18px,2.2vw,34px);background:rgba(251,249,244,.91);backdrop-filter:saturate(.75) blur(1px)}
.database-portal:hover{background:rgba(255,252,246,.97)}
.portal-1{grid-column:4;grid-row:1}.portal-2{grid-column:2;grid-row:2}.portal-3{grid-column:1;grid-row:3}.portal-4{grid-column:3;grid-row:3}.portal-5{grid-column:4;grid-row:4;margin:0;background:rgba(251,249,244,.88)}
.portal-2 h3,.portal-3 h3{font-size:clamp(25px,3vw,46px)}.portal-5 h3{font-size:clamp(18px,2vw,30px)}
.portal-2,.portal-4{text-align:left;align-items:stretch}.portal-4{padding:clamp(18px,2.2vw,34px)}.portal-4 h3{font-size:clamp(22px,2.6vw,40px);margin-bottom:10px}.portal-4 p{font-size:10px}.portal-5{padding:14px 20px}.portal-5 h3{font-size:clamp(20px,2vw,30px);margin-bottom:6px}.portal-5 p{font-size:9px}.portal-5>i{right:14px;bottom:10px}
/* Cursor spotlight stays inside each database text block and below its content. */
.library-title,.database-portal{--spot-x:50%;--spot-y:50%;isolation:isolate;overflow:hidden}.library-title::after,.database-portal::after{content:"";position:absolute;z-index:0;inset:-80px;pointer-events:none;opacity:0;background:radial-gradient(circle 150px at calc(var(--spot-x) + 80px) calc(var(--spot-y) + 80px),rgba(255,255,255,.72) 0%,rgba(255,240,220,.34) 32%,transparent 70%);filter:blur(80px);transition:opacity .28s ease-out}.library-title:hover::after,.database-portal:hover::after{opacity:.3}.library-title>*,.database-portal>*{position:relative;z-index:1}
@media(max-width:760px),(pointer:coarse){.library-title::after,.database-portal::after{display:none}}
@media(prefers-reduced-motion:reduce){.library-title::after,.database-portal::after{display:none}}
.library-title{background:rgba(251,249,244,.16);backdrop-filter:saturate(.82) blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.database-portal{background:rgba(251,249,244,.1);backdrop-filter:saturate(.82) blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.database-portal:hover{background:rgba(255,252,246,.18)}.portal-5{background:rgba(251,249,244,.12)}
@media(max-width:760px){.library{aspect-ratio:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(330px,48svh) repeat(3,minmax(160px,1fr));background-size:auto 100%!important;overflow:visible}.library-title{grid-column:1/3;grid-row:1;padding:30px 24px}.library-title h2{font-size:52px}.portal-1,.portal-2,.portal-3,.portal-4{grid-column:auto;grid-row:auto}.portal-5{grid-column:2;grid-row:auto;margin:16px}.database-portal{padding:18px}.database-portal h3,.portal-2 h3,.portal-3 h3{font-size:28px}}

.work-flow-lab{position:relative!important;isolation:isolate;min-height:100svh!important;height:100svh!important;aspect-ratio:auto!important;display:grid!important;grid-template-columns:minmax(360px,.82fr) minmax(390px,1.18fr)!important;grid-template-rows:minmax(0,1fr) 142px!important;gap:0!important;padding:0!important;overflow:hidden!important;background:#eee8dd!important;color:#111!important}
.work-flow-lab::before{content:"";position:absolute;inset:0;z-index:-3;background:url('视觉/00_全站公共/01_全站背景/替换图片.jpg') center/cover no-repeat;filter:saturate(.35) contrast(1.08) brightness(1.04);opacity:.72;transform:scale(1.03)}
.work-flow-lab::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(246,240,229,.96) 0%,rgba(246,240,229,.78) 34%,rgba(246,240,229,.22) 63%,rgba(246,240,229,.52) 100%),radial-gradient(circle at 78% 42%,rgba(255,255,255,.18),transparent 38%);pointer-events:none}
.flow-model-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;display:block;opacity:.92;mix-blend-mode:multiply}
.flow-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.flow-field i{position:absolute;left:-12%;right:-12%;height:1px;background:linear-gradient(90deg,transparent,rgba(10,10,10,.22),transparent);transform:translateY(var(--line-y)) rotate(var(--line-r));animation:flowLine calc(9s + var(--line-speed)) linear infinite;opacity:.42}
.flow-field i:nth-child(1){--line-y:28vh;--line-r:-4deg;--line-speed:0s}.flow-field i:nth-child(2){--line-y:40vh;--line-r:2deg;--line-speed:2s}.flow-field i:nth-child(3){--line-y:55vh;--line-r:-1deg;--line-speed:4s}.flow-field i:nth-child(4){--line-y:68vh;--line-r:3deg;--line-speed:1s}.flow-field i:nth-child(5){--line-y:82vh;--line-r:-2deg;--line-speed:3s}
@keyframes flowLine{from{background-position:-30vw 0;transform:translateX(-7vw) translateY(var(--line-y)) rotate(var(--line-r))}to{background-position:70vw 0;transform:translateX(7vw) translateY(var(--line-y)) rotate(var(--line-r))}}
.flow-copy{grid-column:1;grid-row:1;align-self:center;padding:44px 24px 20px clamp(28px,6.4vw,118px);max-width:610px;z-index:2}
.flow-copy span,.flow-panel-head span{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.flow-copy h2{font:400 clamp(50px,5.8vw,88px)/.86 var(--serif);margin:20px 0 22px;text-wrap:balance}.flow-copy p{font:13px/1.7 var(--serif);max-width:480px;margin:0;color:rgba(17,17,17,.72)}
.flow-panel{grid-column:2;grid-row:1;align-self:center;justify-self:center;margin:42px 6vw 18px 32px;width:min(360px,calc(100% - 64px));padding:22px 22px 24px;background:rgba(248,244,236,.44);backdrop-filter:blur(16px) saturate(.85);box-shadow:inset 0 0 0 1px rgba(20,20,20,.11);z-index:3}
.flow-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.flow-panel-head strong{font:12px/1 Arial,sans-serif;letter-spacing:.08em}.flow-panel label{display:grid;gap:9px;margin:17px 0;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.flow-panel input{width:100%;accent-color:#111}.flow-view-copy{border-top:1px solid rgba(20,20,20,.18);margin-top:18px;padding-top:18px}.flow-view-copy b{display:block;font:400 28px/1 var(--serif);margin-bottom:10px}.flow-view-copy p{font:12px/1.65 var(--serif);margin:0;color:rgba(17,17,17,.7)}
.flow-node-track{grid-column:1/3;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;margin:0 clamp(28px,7vw,120px) 22px;z-index:4;position:relative}.flow-node-track::before,.flow-node-track::after{content:"";position:absolute;left:2%;right:2%;top:30px;height:2px}.flow-node-track::before{background:rgba(17,17,17,.24)}.flow-node-track::after{right:auto;width:calc(var(--flow-node-progress,0) * 96%);background:#111;transition:width .45s cubic-bezier(.2,.8,.2,1)}
.flow-node{position:relative;border:0;background:transparent;color:#111;text-align:center;padding:0 12px;cursor:pointer;display:grid;justify-items:center;gap:12px;font-family:Arial,"Microsoft YaHei",sans-serif}.flow-node i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(50,48,45,.78);color:#fff;font:12px/1 Arial,sans-serif;font-style:normal;box-shadow:0 0 0 8px rgba(246,240,229,.66);transition:background .35s,transform .35s}.flow-node b{font:400 clamp(22px,2.1vw,32px)/1 var(--serif);opacity:.58;transition:opacity .35s,transform .35s}.flow-node span{font:10px/1.45 var(--serif);opacity:.45;transition:opacity .35s}.flow-node.active i{background:#050505;transform:scale(1.18)}.flow-node.active b,.flow-node.active span{opacity:1}.flow-node.active b{transform:translateY(-2px)}
@media(min-width:761px) and (max-height:680px){.work-flow-lab{grid-template-rows:minmax(0,1fr) 132px!important}.flow-copy{padding-top:56px}.flow-copy h2{font-size:clamp(48px,5.2vw,72px);margin:15px 0 17px}.flow-copy p{font-size:12px;line-height:1.58}.flow-panel{margin-top:54px;padding:16px 18px 18px}.flow-panel-head{margin-bottom:12px}.flow-panel label{margin:11px 0}.flow-view-copy{margin-top:12px;padding-top:12px}.flow-view-copy b{font-size:23px;margin-bottom:7px}.flow-node-track{margin-bottom:14px}.flow-node{gap:8px}.flow-node i{width:52px;height:52px}.flow-node-track::before,.flow-node-track::after{top:27px}.flow-node b{font-size:clamp(18px,1.8vw,25px)}}
#projectGrid[hidden]{display:none!important}
@media(max-width:760px){.work-flow-lab{height:auto!important;min-height:100svh!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;padding-top:76px!important}.flow-copy{grid-column:1;grid-row:1;padding:28px 24px 0}.flow-copy h2{font-size:clamp(48px,16vw,76px)}.flow-panel{grid-column:1;grid-row:2;align-self:auto;margin:28px 24px 34px;width:auto}.flow-node-track{grid-column:1;grid-row:3;grid-template-columns:1fr;gap:18px;margin:0 24px 42px}.flow-node-track::before,.flow-node-track::after{left:29px;right:auto;top:0;bottom:0;width:2px;height:auto}.flow-node-track::after{height:calc(var(--flow-node-progress,0) * 100%);transition:height .45s cubic-bezier(.2,.8,.2,1)}.flow-node{grid-template-columns:58px 1fr;grid-template-rows:auto auto;justify-items:start;text-align:left;column-gap:18px}.flow-node i{grid-row:1/3}.flow-node b{grid-column:2;font-size:24px}.flow-node span{grid-column:2}.flow-model-canvas{opacity:.42}}
@media(prefers-reduced-motion:reduce){.flow-field i{animation:none}.flow-node-track::after,.flow-node i,.flow-node b,.flow-node span{transition:none}}

/* 2026-07-19 home comments: lighter portfolio gates, editable profile images, cleaner footer. */
.portfolio-gate{height:auto;min-height:100svh;padding:10vh 7vw;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(32px,6vw,96px);align-items:center;overflow:hidden;background:rgba(229,238,238,.62)!important}
.portfolio-gate .orbit-copy{text-align:left;position:relative;z-index:2}.portfolio-gate .orbit-copy>span{font-size:9px;letter-spacing:.12em}.portfolio-gate .orbit-copy h2{font-size:clamp(54px,8.5vw,132px);line-height:.78;margin:28px 0}.portfolio-gate .orbit-copy p{font-size:13px;line-height:1.75;max-width:360px}
.portfolio-entry-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(35,30,26,.16);box-shadow:0 24px 80px rgba(30,25,22,.08)}
.portfolio-entry{min-height:clamp(210px,24vw,310px);padding:clamp(20px,2.4vw,34px);display:flex;flex-direction:column;color:var(--ink);text-decoration:none;background:rgba(245,249,248,.58);backdrop-filter:blur(16px) saturate(.92);transition:background .28s ease-out,transform .28s ease-out}
.portfolio-entry:hover{background:rgba(255,252,246,.72);transform:translateY(-3px)}.portfolio-entry span{font-size:8px;letter-spacing:.12em;opacity:.58}.portfolio-entry h3{font:400 clamp(27px,3.2vw,48px)/1 Georgia,"Times New Roman","Songti SC",serif;margin:auto 0 14px}.portfolio-entry p{font:11px/1.65 Georgia,"Songti SC",serif;margin:0;max-width:250px;color:rgba(26,24,22,.72)}
.portfolio-entry.is-pool{background:linear-gradient(145deg,rgba(219,236,238,.62),rgba(245,249,248,.5))}.portfolio-entry.is-dream{background:linear-gradient(145deg,rgba(232,224,238,.6),rgba(245,249,248,.46))}.portfolio-entry.is-styling{background:linear-gradient(145deg,rgba(237,223,219,.62),rgba(245,249,248,.48))}.portfolio-entry.is-material{background:linear-gradient(145deg,rgba(220,226,212,.62),rgba(245,249,248,.48))}
.profile-detail{position:relative;grid-template-columns:.2fr 1fr .42fr!important;gap:3.5vw!important;align-items:center!important}.profile-detail .profile-index{align-self:center}.profile-detail .profile-sections{grid-column:2!important;align-self:center!important}.profile-mini-gallery{position:absolute;right:5vw;top:50%;transform:translateY(-50%);width:min(20vw,300px);height:90vh;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}.profile-mini-gallery figure{margin:0;position:relative;min-height:0;overflow:hidden;background:rgba(255,255,255,.26);border:1px solid rgba(35,30,26,.1)}.profile-mini-gallery img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78)}.profile-mini-gallery figcaption{position:absolute;left:9px;bottom:8px;font-size:7px;letter-spacing:.08em;color:rgba(26,24,22,.6);background:rgba(238,230,220,.58);padding:4px 6px}
.profile-detail .profile-sections>section,.profile-detail .profile-sections>section p{text-align:left}.profile-detail .profile-sections>section p{margin-left:0;margin-right:0}
.profile-mini-gallery figure:nth-child(n+3){display:none}
@media(min-width:761px){.profile-detail .profile-sections{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3vh 4vw!important}.profile-detail .profile-sections>section:nth-child(3){grid-column:1/-1;max-width:100%}.profile-detail .profile-sections>section:nth-child(3) h3{white-space:nowrap}}
.contact-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.reel-title>span{display:block;font-size:9px;letter-spacing:.12em;color:rgba(26,24,22,.56);text-align:center}.reel-title>span small{display:block;margin-top:5px;font-size:8px;letter-spacing:.08em;color:rgba(26,24,22,.42)}
.reel-title h2{min-width:min(66vw,800px)}.reel-title em{display:none;font-size:clamp(42px,5.8vw,82px)!important;line-height:.88;text-align:center}.reel-title em.active{display:grid}.reel-title em small{display:block;margin-top:12px;font:400 clamp(13px,1.25vw,18px)/1.2 "Songti SC","Microsoft YaHei",serif;color:rgba(26,24,22,.56);letter-spacing:0}
.portal-5 h3{font-size:clamp(22px,2.6vw,40px)!important;line-height:.96}.portal-5 p{font-size:10px}
@media(max-width:760px){.portfolio-gate{grid-template-columns:1fr;padding:76px 24px}.portfolio-entry-grid{grid-template-columns:1fr}.portfolio-entry{min-height:170px}.profile-detail{grid-template-columns:1fr!important}.profile-detail .profile-sections{grid-column:auto!important}.profile-mini-gallery{position:relative;right:auto;top:auto;transform:none;width:100%;height:auto;grid-template-columns:repeat(2,1fr);grid-template-rows:none;margin-top:26px}.profile-mini-gallery figure{aspect-ratio:4/5}.contact-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.reel-title h2{min-width:80vw}.reel-title em{font-size:clamp(38px,11vw,58px)!important}}