:root{color-scheme:light;--ink: #151515;--muted: #696761;--paper: #f5f5f2;--surface: #ffffff;--line: #d8d8d2;--accent-dark: #7a2b24;--shadow: 0 12px 34px rgba(18, 18, 18, .1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink)}a{color:inherit}button{font:inherit}img,video{display:block;max-width:100%}h1,h2,h3,p{overflow-wrap:anywhere}.eyebrow{margin:0 0 12px;color:var(--accent-dark);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;max-width:12ch;font-size:clamp(2.8rem,6.4vw,5.9rem);line-height:.96;letter-spacing:0}.about-page{padding:clamp(32px,4vw,48px) clamp(18px,4vw,56px) clamp(52px,6vw,88px)}.about-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:clamp(32px,4vw,48px)}.school-badge{display:block;width:clamp(164px,18vw,248px);margin-top:27px}.school-badge img{width:100%;max-height:72px;object-fit:contain;object-position:right top}.about-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.7fr);gap:clamp(40px,6vw,96px);align-items:start}.about-main{min-width:0}.about-content{display:grid;grid-template-columns:218px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}.profile-card{margin:0;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow)}.about-image{overflow:hidden}.about-image img{width:100%;aspect-ratio:3 / 4;object-fit:cover}.portrait-info{display:grid;gap:6px;margin:13px 0 0}.portrait-info div{display:flex;gap:8px;color:var(--muted);font-size:.88rem;line-height:1.45}.portrait-info dt,.info-list dt,.profile-records dt{color:var(--accent-dark);font-weight:800}.portrait-info dd,.info-list dd,.profile-records dd{margin:0}.about-copy p{max-width:620px;margin:0;color:var(--muted);font-size:1.08rem;line-height:1.8}.info-list{display:grid;gap:16px;margin:34px 0 0}.info-list div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;padding-top:16px}.info-list dd{color:var(--muted)}.info-list dd span{display:block;margin-top:6px}.copy-contact{appearance:none;margin:0;padding:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-align:left;border:0;background:none;cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent-dark) 46%,transparent);text-underline-offset:4px}.copy-contact:hover,.copy-contact:focus-visible{color:var(--accent-dark);text-decoration-color:currentColor}.copy-contact:focus-visible{outline:2px solid var(--accent-dark);outline-offset:4px}.profile-records h2{margin:0;font-size:clamp(1.75rem,3.2vw,2.55rem);line-height:1.05}.profile-records dl{display:grid;gap:16px;margin:24px 0 0}.profile-records dl div{padding-top:12px}.profile-records dt{margin-bottom:8px;font-size:.9rem}.profile-records dd{color:var(--muted);font-size:.92rem;line-height:1.6}.profile-records dl div:first-child{padding:18px 20px 20px;border:1px solid rgba(122,43,36,.24);border-left:4px solid var(--accent-dark);background:#fbf3f1}.profile-records dl div:first-child dt{margin-bottom:10px;font-size:.98rem}.profile-records dl div:first-child dd{color:var(--ink);font-size:clamp(1.04rem,1.25vw,1.2rem);font-weight:700;line-height:1.82}.profile-records dl div:nth-child(2){padding-top:4px}.profile-records dl div:nth-child(2) dt{margin-bottom:10px;font-size:.98rem}.profile-records dl div:nth-child(2) dd{font-size:clamp(1rem,1.12vw,1.1rem);line-height:1.75}.section-heading{padding:34px clamp(18px,4vw,56px) 24px}.section-heading h2{margin:0;font-size:clamp(2rem,5vw,4.8rem);line-height:1;letter-spacing:0}.gallery-shell{padding:0 clamp(18px,4vw,56px) 84px}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px);align-items:start}.art-card{min-width:0}.art-card[id]{scroll-margin-block:18vh}.art-link{position:relative;display:block;overflow:hidden;background:#deded8}.art-link img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;transition:transform .26s ease}.art-link-hint{position:absolute;right:12px;bottom:12px;padding:7px 9px;background:#151515d1;color:#fff;font-size:.78rem;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.art-link:hover img,.art-link:focus-visible img{transform:scale(1.035)}.art-link:hover .art-link-hint,.art-link:focus-visible .art-link-hint{opacity:1;transform:translateY(0)}.art-link:focus-visible{outline:2px solid var(--accent-dark);outline-offset:3px}.art-card-info{display:flex;justify-content:space-between;gap:14px;padding-top:12px}.art-card-info h3,.art-card-info p{margin:0;font-size:.95rem;line-height:1.35}.art-card-info p{color:var(--muted);text-align:right}.project-page{--project-paper: #f5f5f2;--project-ink: #151515;--project-accent: var(--accent-dark);--project-panel: #e8e8e3;padding:clamp(92px,9vw,148px) clamp(18px,6vw,96px) clamp(56px,8vw,120px);background:radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--project-accent) 13%,transparent) 0,transparent min(42vw,540px)),linear-gradient(180deg,color-mix(in srgb,var(--project-paper) 94%,var(--project-panel)) 0%,var(--project-paper) 38%,color-mix(in srgb,var(--project-paper) 92%,var(--project-panel)) 100%);color:var(--project-ink)}.back-link{position:fixed;z-index:20;top:clamp(16px,3vw,36px);left:clamp(18px,6vw,96px);isolation:isolate;display:inline-flex;align-items:center;min-height:42px;overflow:hidden;padding:0 16px;color:#111713;text-decoration:none;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:#f7f9f55c;box-shadow:0 8px 28px #0a120e29,inset 0 1px #ffffff9e,inset 0 -1px #ffffff3d;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);transition:border-color .18s ease,box-shadow .18s ease}.back-link:before{position:absolute;z-index:-2;inset:0;content:"";background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.92),transparent 34%),radial-gradient(circle at 82% 88%,color-mix(in srgb,var(--project-accent) 18%,transparent),transparent 46%);opacity:.38}.back-link:after{position:absolute;z-index:-1;inset:1px;content:"";border-radius:inherit;background:linear-gradient(118deg,#ffffff75,#f3f7f22e 48%,#ffffff52);box-shadow:inset 0 -8px 18px color-mix(in srgb,var(--project-accent) 13%,transparent)}.back-link span{position:relative;z-index:1;font-weight:750;text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 7px rgba(255,255,255,.74)}.back-link:hover,.back-link:focus-visible{color:#101510;border-color:color-mix(in srgb,var(--project-accent) 52%,white);box-shadow:0 12px 34px #0a120e3d,0 0 0 3px color-mix(in srgb,var(--project-accent) 14%,transparent),inset 0 1px #fff}.back-link.is-scrolling{transform:translate3d(0,var(--liquid-shift, 0),0) scaleX(var(--liquid-stretch-x, 1)) scaleY(var(--liquid-stretch-y, 1))}.back-link.is-scrolling:before{transform:translateY(var(--liquid-glow-shift, 0)) scale(1.12);opacity:.54}.back-link:focus-visible{outline:2px solid var(--project-accent);outline-offset:3px}.back-link-liquid-defs{position:fixed;width:0;height:0;overflow:hidden;pointer-events:none}.project-hero{display:grid;grid-template-columns:minmax(70px,.22fr) minmax(0,.78fr) minmax(260px,.78fr);gap:clamp(22px,4vw,66px);align-items:start;max-width:1280px;margin:0 auto}.project-index{color:var(--project-accent);font-size:clamp(4.5rem,12vw,10.5rem);font-weight:800;letter-spacing:-.09em;line-height:.73}.project-hero-copy{padding-top:clamp(12px,3vw,54px)}.project-hero h1{max-width:8ch;font-size:clamp(3rem,6.2vw,7rem)}.project-hero .eyebrow{color:var(--project-accent)}.project-concept{max-width:28rem;margin:clamp(20px,3vw,38px) 0 0;color:var(--project-ink);font-size:clamp(1.08rem,1.65vw,1.45rem);line-height:1.65}.project-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:470px;margin:clamp(26px,4vw,54px) 0 0}.project-facts div{border-top:1px solid color-mix(in srgb,var(--project-ink) 35%,transparent);padding-top:8px}.project-facts dt{color:var(--project-accent);font-size:.72rem;font-weight:800;letter-spacing:.08em}.project-facts dd{margin:5px 0 0;font-size:.88rem;line-height:1.4}.project-cover{position:relative;margin:0;align-self:stretch;min-height:min(62vw,670px);overflow:hidden;background:var(--project-panel)}.project-cover:after{position:absolute;right:13px;bottom:10px;content:"COVER";color:#fff;font-size:.65rem;letter-spacing:.16em;mix-blend-mode:difference}.project-cover img{width:100%;height:100%;object-fit:contain}.project-introduction{display:grid;grid-template-columns:minmax(180px,.62fr) minmax(0,1.2fr) minmax(180px,.6fr);gap:clamp(18px,4vw,66px);max-width:1120px;margin:clamp(76px,14vw,200px) auto clamp(54px,9vw,126px);padding-top:16px;border-top:1px solid color-mix(in srgb,var(--project-ink) 38%,transparent)}.project-introduction-number{margin:0;color:var(--project-accent);font-size:.72rem;font-weight:800;letter-spacing:.09em}.project-introduction>p:not(.project-introduction-number){max-width:38rem;margin:0;font-size:clamp(1.18rem,2vw,1.85rem);line-height:1.55}.project-introduction ul{display:grid;gap:8px;margin:0;padding:0;color:color-mix(in srgb,var(--project-ink) 66%,transparent);font-size:.9rem;list-style:none}.project-introduction li{border-bottom:1px solid color-mix(in srgb,var(--project-ink) 16%,transparent);padding-bottom:7px}.project-showcase{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(32px,6vw,88px) clamp(14px,2.5vw,36px);max-width:1360px;margin:0 auto;align-items:start}.project-chapter{position:relative;grid-column:1 / -1;display:grid;grid-template-columns:minmax(130px,.35fr) minmax(0,1fr);gap:clamp(18px,4vw,64px);margin-top:clamp(50px,8vw,110px);padding-top:14px;border-top:1px solid color-mix(in srgb,var(--project-ink) 38%,transparent)}.project-chapter:first-child{margin-top:0}.project-chapter p{margin:0;color:var(--project-accent);font-size:.68rem;font-weight:800;letter-spacing:.1em}.project-chapter h2{max-width:12ch;margin:0;font-size:clamp(1.8rem,4vw,4.8rem);line-height:1.02;letter-spacing:-.045em}.project-chapter>span{position:absolute;right:0;top:8px;color:color-mix(in srgb,var(--project-ink) 15%,transparent);font-size:clamp(3.5rem,9vw,8rem);font-weight:800;line-height:.8;letter-spacing:-.08em}.project-asset{grid-column:span 6;margin:0;content-visibility:auto;contain-intrinsic-size:520px}.project-asset--feature{grid-column:1 / -1}.project-asset--spread,.project-asset--cinema{grid-column:2 / span 10}.project-asset--pair,.project-asset--poster{grid-column:span 6}.project-asset--portrait{grid-column:span 5}.project-asset--portrait:nth-of-type(2n){grid-column:2 / span 5}.project-asset--portrait:nth-of-type(odd){grid-column:7 / span 5;margin-top:clamp(36px,8vw,110px)}.project-asset--portrait-feature{grid-column:2 / span 7}.project-asset--portrait-support{grid-column:8 / span 5;margin-top:clamp(80px,14vw,190px)}.project-asset--triptych{grid-column:span 4}.project-asset-frame{position:relative;aspect-ratio:var(--asset-ratio, auto);overflow:hidden;background:var(--project-panel)}.project-image-frame:before{position:absolute;inset:0;z-index:0;content:"";background:color-mix(in srgb,var(--project-panel) 86%,var(--project-ink));opacity:.42;animation:image-placeholder-pulse 1.4s ease-in-out infinite alternate}.project-image-frame.is-loaded:before{opacity:0;animation:none;transition:opacity .24s ease}.project-image-frame.has-error:before{content:"图片加载失败，请刷新重试";display:grid;place-items:center;padding:20px;color:var(--project-ink);font-size:.8rem;text-align:center;animation:none}.project-image-frame.has-error img{opacity:0}.project-asset img,.project-asset video{display:block;width:100%;height:auto;background:#171717}.project-asset--cinema .project-asset-frame{aspect-ratio:16 / 9}.project-asset--cinema video{height:100%;object-fit:contain}.project-image--pending{opacity:0}.project-image--loaded{animation:project-image-in .36s ease-out both}@keyframes project-image-in{0%{opacity:0}to{opacity:1}}@keyframes image-placeholder-pulse{0%{opacity:.22}to{opacity:.5}}@media(prefers-reduced-motion:reduce){.project-image-frame:before,.project-image--loaded{animation:none}}.project-asset figcaption{display:flex;gap:12px;justify-content:space-between;padding-top:8px;color:color-mix(in srgb,var(--project-ink) 62%,transparent);font-size:.68rem;letter-spacing:.04em}.project-asset figcaption span:last-child{max-width:75%;text-align:right}.project-footer{display:grid;grid-template-columns:minmax(120px,.26fr) minmax(0,1fr);gap:clamp(22px,4vw,64px);align-items:stretch;max-width:1360px;margin:clamp(72px,12vw,160px) auto 0}.project-footer>p{margin:0;padding-top:18px;color:var(--project-accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.project-next-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;gap:8px 24px;min-height:clamp(126px,15vw,190px);overflow:hidden;padding:clamp(24px,4vw,46px);color:var(--project-ink);text-decoration:none;border:1px solid color-mix(in srgb,var(--project-ink) 18%,transparent);border-radius:clamp(22px,3vw,36px);background:linear-gradient(135deg,color-mix(in srgb,var(--project-panel) 88%,var(--project-paper)),color-mix(in srgb,var(--project-accent) 16%,var(--project-paper)));box-shadow:0 16px 46px color-mix(in srgb,var(--project-ink) 14%,transparent);transition:transform .32s cubic-bezier(.2,.75,.25,1),border-color .26s ease,box-shadow .32s ease}.project-next-card:before{position:absolute;right:-8%;bottom:-80%;width:min(42vw,520px);aspect-ratio:1;content:"";border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--project-accent) 36%,transparent),transparent 68%);transition:transform .52s cubic-bezier(.2,.75,.25,1)}.project-next-card:after{position:absolute;inset:0;content:"";background:linear-gradient(112deg,transparent 26%,rgba(255,255,255,.24) 47%,transparent 66%);transform:translate(-120%);transition:transform .76s ease}.project-next-meta,.project-next-card strong,.project-next-arrow{position:relative;z-index:1}.project-next-meta{align-self:end;color:var(--project-accent);font-size:.67rem;font-weight:800;letter-spacing:.14em}.project-next-card strong{align-self:start;max-width:16ch;font-size:clamp(1.55rem,4vw,4rem);line-height:1.04;letter-spacing:-.04em}.project-next-arrow{grid-column:2;grid-row:1 / 3;align-self:center;display:grid;width:clamp(52px,7vw,82px);aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--project-ink) 24%,transparent);border-radius:50%;background:color-mix(in srgb,var(--project-paper) 72%,transparent);font-size:clamp(1.35rem,3vw,2.4rem);transition:transform .32s ease,background .26s ease}.project-next-card:hover,.project-next-card:focus-visible{color:var(--project-ink);border-color:color-mix(in srgb,var(--project-accent) 68%,transparent);box-shadow:0 24px 60px color-mix(in srgb,var(--project-ink) 22%,transparent);transform:translateY(-5px)}.project-next-card:hover:before,.project-next-card:focus-visible:before{transform:scale(1.18) translate(-5%,-5%)}.project-next-card:hover:after,.project-next-card:focus-visible:after{transform:translate(120%)}.project-next-card:hover .project-next-arrow,.project-next-card:focus-visible .project-next-arrow{background:var(--project-accent);transform:rotate(-8deg) scale(1.06)}.project-next-card:focus-visible{outline:2px solid var(--project-accent);outline-offset:4px}.project-next-card--home{background:linear-gradient(135deg,color-mix(in srgb,var(--project-accent) 22%,var(--project-paper)),color-mix(in srgb,var(--project-panel) 82%,var(--project-paper)))}.portfolio-complete-toast{position:fixed;z-index:60;left:50%;bottom:clamp(20px,4vw,42px);display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 36px);margin:0;padding:12px 17px;color:#f7f8f3;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#121915e0;box-shadow:0 16px 42px #0a0e0c47;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);opacity:0;pointer-events:none;transform:translate(-50%,18px) scale(.96);transition:opacity .28s ease,transform .32s cubic-bezier(.2,.8,.25,1)}.portfolio-complete-toast[hidden]{display:none}.portfolio-complete-toast.is-visible{opacity:1;transform:translate(-50%) scale(1)}.portfolio-complete-toast span{display:grid;width:24px;aspect-ratio:1;place-items:center;color:#172019;border-radius:50%;background:#d8e943;font-weight:900}.copy-toast{position:fixed;z-index:70;top:50%;left:50%;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 36px);margin:0;padding:13px 18px;color:#f7f8f3;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#121915e6;box-shadow:0 16px 42px #0a0e0c4d;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);opacity:0;pointer-events:none;transform:translate(-50%,calc(-50% + 14px)) scale(.96);transition:opacity .24s ease,transform .28s cubic-bezier(.2,.8,.25,1)}.copy-toast[hidden]{display:none}.copy-toast.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.copy-toast span{display:grid;width:24px;aspect-ratio:1;place-items:center;color:#172019;border-radius:50%;background:#d8e943;font-weight:900}.project-page--lotus-brand{--project-paper: #151515;--project-ink: #f4f0e9;--project-accent: #f58224;--project-panel: #252525}.project-page--lotus-brand .project-cover{min-height:min(74vw,760px)}.project-page--lotus-brand .project-showcase{gap:clamp(36px,6vw,84px) clamp(14px,2.5vw,36px)}.project-page--lotus-brand .project-asset--pair:nth-of-type(4n+2){transform:translateY(clamp(20px,4vw,54px))}.project-page--book-binding{--project-paper: #ece9e0;--project-accent: #1841a8;--project-panel: #d8d4c9}.project-page--book-binding .project-showcase{max-width:1180px}.project-page--poster-design{--project-paper: #20203d;--project-ink: #f9f6ee;--project-accent: #ffe124;--project-panel: #302f59}.project-page--poster-design .project-hero{grid-template-columns:.2fr .9fr .65fr}.project-page--poster-design .project-showcase{max-width:1120px;align-items:end}.project-page--poster-design .project-asset--poster:nth-child(2){margin-top:clamp(70px,12vw,160px)}.project-page--packaging-product{--project-paper: #f7ddea;--project-accent: #171717;--project-panel: #efc3d8;background:linear-gradient(105deg,#f7ddea 0% 34%,#f6dfc5 58%,#f2d36f)}.project-page--packaging-product .project-cover{min-height:min(48vw,520px)}.project-page--packaging-product .project-asset--portrait-feature{grid-column:1 / span 6}.project-page--packaging-product .project-asset--portrait-support{grid-column:7 / span 6;margin-top:0}.project-page--packaging-product .project-asset-frame{position:relative;aspect-ratio:.69;background:#fff3}.project-page--packaging-product .project-asset-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.project-page--interface-design{--project-paper: #f3efe3;--project-accent: #07368c;--project-panel: #e6e0cf}.project-page--interface-design .project-showcase,.project-page--solar-terms .project-showcase{gap:clamp(18px,3vw,38px)}.project-page--window-space{--project-paper: #f4eee8;--project-accent: #ba6f70;--project-panel: #eaded8}.project-page--window-space .project-cover{min-height:min(70vw,740px)}.project-page--solar-terms{--project-paper: #eef4eb;--project-accent: #67834e;--project-panel: #dfe9db}.project-page--motion-video{--project-paper: #111715;--project-ink: #f4f4f0;--project-accent: #d8e943;--project-panel: #18201d}.project-page--motion-video .project-cover{background:linear-gradient(145deg,#18231f,#0c1110)}.project-page--motion-video .project-showcase{max-width:1180px}.project-page--motion-video .project-asset-frame{padding:clamp(8px,1.4vw,18px);background:#111715;border:1px solid #35403b}.project-page--cultural-creative{--project-paper: #071949;--project-ink: #f7f2e8;--project-accent: #c7a45a;--project-panel: #10255b}.project-page--ip-design{--project-paper: #edf2e8;--project-accent: #3c781b;--project-panel: #dce7d4}.project-page--ip-design .project-asset--feature:first-of-type{grid-column:1 / span 8}.project-page--ip-design .project-asset--feature:nth-of-type(2){grid-column:5 / span 8}@media(min-width:861px){.project-footer{grid-template-columns:1fr;gap:26px}.project-footer>p{display:flex;align-items:center;gap:18px;padding-top:0;font-size:clamp(1.3rem,2vw,2rem);letter-spacing:.07em}.project-footer>p:after{flex:1;height:1px;content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--project-accent) 72%,transparent),transparent)}.project-next-card{min-height:clamp(220px,22vw,300px);padding:clamp(42px,5.5vw,76px)}.project-next-card strong{max-width:18ch;font-size:clamp(2.8rem,5.4vw,5.8rem)}.project-next-arrow{width:clamp(84px,8vw,112px);font-size:clamp(2rem,3.4vw,3rem)}}@media(max-width:860px){.about-layout{grid-template-columns:1fr;gap:36px}.about-content{grid-template-columns:160px minmax(0,1fr);gap:clamp(24px,4vw,56px)}.profile-card{padding:9px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-page{padding-left:clamp(18px,5vw,42px);padding-right:clamp(18px,5vw,42px)}.back-link{left:clamp(18px,5vw,42px)}.project-hero{grid-template-columns:72px minmax(0,1fr)}.project-cover{grid-column:2;min-height:min(92vw,600px)}.project-introduction{grid-template-columns:minmax(150px,.6fr) minmax(0,1.2fr)}.project-introduction ul{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr))}.project-page--poster-design .project-hero{grid-template-columns:72px minmax(0,1fr)}.project-asset--triptych{grid-column:span 6}.project-asset--triptych:last-child{grid-column:4 / span 6}}@media(max-width:560px){.school-badge{width:118px}.school-badge img{max-height:42px}h1{max-width:10ch}.about-page{padding-top:28px}.about-content{grid-template-columns:112px minmax(0,1fr);gap:18px}.portrait-info{gap:4px;margin-top:8px}.portrait-info div{display:block;font-size:.76rem}.about-copy p{font-size:.96rem;line-height:1.65}.info-list div{grid-template-columns:1fr;gap:6px}.art-grid{grid-template-columns:1fr}.art-card-info{align-items:flex-start;flex-direction:column;gap:4px}.art-card-info p{text-align:left}.art-link-hint{opacity:1;transform:none}.project-page{padding-bottom:48px}.project-hero{grid-template-columns:1fr;gap:24px}.project-page--poster-design .project-hero{grid-template-columns:1fr}.project-index{font-size:5.1rem;letter-spacing:-.08em}.project-hero-copy{padding-top:0}.project-hero h1{max-width:10ch}.project-facts{max-width:none}.project-cover{grid-column:auto;min-height:106vw}.project-page--poster-design .project-cover{min-height:0;aspect-ratio:354 / 500}.project-introduction{grid-template-columns:1fr;gap:20px;margin-top:82px}.project-introduction ul{grid-column:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.project-showcase{display:block}.project-chapter{display:block;margin:58px 0 28px}.project-chapter h2{max-width:9ch}.project-chapter>span{top:42px}.project-asset,.project-asset--feature,.project-asset--spread,.project-asset--pair,.project-asset--poster,.project-asset--portrait,.project-asset--portrait-feature,.project-asset--portrait-support,.project-asset--triptych,.project-asset--cinema,.project-page--ip-design .project-asset--feature:first-of-type,.project-page--ip-design .project-asset--feature:nth-of-type(2){width:100%;margin:0 0 42px!important;transform:none!important}.project-page--packaging-product .project-asset--portrait-feature,.project-page--packaging-product .project-asset--portrait-support{width:100%;margin:0 0 42px!important}.project-asset-frame{width:100%}.project-asset figcaption{font-size:.61rem}.project-footer{grid-template-columns:1fr;gap:12px;margin-top:84px}.project-footer>p{padding-top:0}.project-next-card{min-height:142px;padding:24px 20px;border-radius:24px}.project-next-card strong{max-width:12ch;font-size:clamp(1.5rem,8vw,2.2rem)}.project-next-arrow{width:54px}.portfolio-complete-toast{border-radius:18px;font-size:.88rem;line-height:1.4}}@media(prefers-reduced-motion:reduce){.back-link.is-scrolling{transform:none}.back-link,.project-next-card,.project-next-card:before,.project-next-card:after,.project-next-arrow,.portfolio-complete-toast,.copy-toast{transition-duration:.01ms}}