:root{color-scheme:light;--ink:#291b16;--paper:#f7eadb;--edge:clamp(24px,5vw,88px);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body,h1,p{margin:0}.portfolio{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;align-items:end;padding:var(--edge);gap:2rem;overflow:hidden}
.scene{position:absolute;inset:0;z-index:-1;display:grid;place-items:center;background:#f4d7b9}.scene video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7eadbb8,transparent 54%),linear-gradient(0deg,#f7eadbee,transparent 32%);pointer-events:none}
h1{align-self:center;grid-column:1/-1;font-size:clamp(74px,11.4vw,194px);font-weight:900;letter-spacing:-.075em;line-height:.96;white-space:nowrap;transform:translateY(-8%)}
.intro{align-self:end;display:grid;justify-items:start;gap:1.15rem}.intro p{font-size:clamp(15px,1.5vw,21px);line-height:1.5;max-width:29ch}.intro a{display:inline-flex;align-items:center;min-height:50px;padding:.75rem 1.4rem;border-radius:100vw;background:white;text-decoration:none;color:var(--ink);font-weight:700;font-size:.95rem}.intro a:hover{background:#f2d8bc}.intro a:focus-visible{outline:2px solid #9b3426;outline-offset:5px}
.welcome{text-align:right;font-weight:800;font-size:clamp(19px,3.3vw,54px);letter-spacing:-.06em;line-height:1.03}.welcome p+p{color:#8a4233}
@media(max-width:700px){.portfolio{padding:24px;gap:24px 12px;grid-template-columns:1fr 1fr}.scene video{object-position:68% center}.scene::after{background:linear-gradient(0deg,#f7eadb 0%,transparent 30%),linear-gradient(180deg,#f7eadba0,transparent 40%)}h1{align-self:start;font-size:clamp(49px,13vw,90px);margin-top:5svh;transform:none}.intro{gap:12px}.intro a{font-size:.8rem;min-height:44px;padding:.6rem 1rem}.welcome{font-size:clamp(16px,5vw,30px)}}
h1{justify-self:start;font-size:clamp(48px,6.2vw,98px);letter-spacing:-.025em;line-height:1.12;transform:translateY(-18%)}
h1::after{content:"";display:block;width:2.4rem;height:2px;margin-top:.3em;background:#963722}
.intro{gap:.85rem}.intro p{font-size:clamp(14px,1.15vw,17px);max-width:28ch}.intro a{min-height:44px;font-size:.83rem;font-weight:600}
.welcome{font-size:clamp(18px,2.15vw,34px);font-weight:600;letter-spacing:-.025em;line-height:1.18}.welcome p+p{color:#884637;font-size:.72em;font-weight:400;letter-spacing:.01em;margin-top:.2em}
@media(max-width:700px){h1{font-size:clamp(38px,10vw,64px);transform:none}.welcome{font-size:clamp(15px,4.2vw,24px)}.intro p{font-size:13px}}
.video-filters{position:absolute;pointer-events:none}
.scene video{filter:url(#video-detail)}
h1{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-weight:700;font-size:clamp(46px,6vw,90px);letter-spacing:.035em;line-height:1.16}
h1 .title-accent{font-size:.77em;font-weight:400;color:#963722;letter-spacing:.09em}
h1::after{width:3.1rem;height:1px;margin-top:.35em}
.welcome{font-family:Georgia,"Songti SC",SimSun,serif;font-style:italic;font-weight:400;font-size:clamp(20px,2.55vw,38px);letter-spacing:-.045em}
.welcome span{font-family:"Songti SC",SimSun,serif;font-style:normal;letter-spacing:.06em}
.welcome p{font-size:.73em;color:#854335;letter-spacing:.025em}
.intro a{letter-spacing:.025em}
@media(max-width:700px){h1{font-size:clamp(39px,10vw,63px)}.welcome{font-size:clamp(16px,4.8vw,25px)}}