@font-face{font-family:Title;src:url('assets/title.ttf')}@font-face{font-family:Heavy;src:url('assets/heavy.otf')}@font-face{font-family:Light;src:url('assets/light.otf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#f8f8f4;color:#242622;font-family:Light,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #d5d6cf;background:#f8f8f4;position:relative;z-index:5}.brand{font:30px Title}.brand span{font:14px Arial;vertical-align:top}nav{display:flex;gap:32px;font:13px Heavy,Arial}.header-note,.small,.eyebrow,.gallery-foot{font-size:12px;letter-spacing:.08em}.hero{min-height:760px;height:calc(100svh - 82px);max-height:1050px;padding:26px 4% 35px;position:relative;overflow:hidden}.eyebrow{display:flex;justify-content:space-between}.hero-type{position:absolute;left:4%;right:4%;top:12%;font:clamp(95px,15.5vw,240px)/.92 Title,Arial;letter-spacing:-.055em;display:flex;flex-direction:column;pointer-events:none}.hero-type>span:last-child{text-align:right;margin-top:50px}.dot{color:#becd38}.portrait{position:absolute;width:470px;height:480px;left:50%;top:45%;transform:translate(-50%,-50%)}.portrait>img{width:100%;height:100%;object-fit:contain;animation:arrival 1.2s cubic-bezier(.2,.8,.2,1) both}.social{position:absolute;display:flex;align-items:center;gap:14px;background:#e7ed75;padding:14px 20px;border:1px solid #242622;font:13px Heavy;transform:rotate(-9deg);transition:transform .3s}.social img{width:29px;height:29px;object-fit:contain}.social:hover{transform:rotate(0) scale(1.06)}.bili{left:-130px;top:45%}.douyin{right:-145px;top:64%;transform:rotate(8deg);background:#f8f8f4}.cross{position:absolute;font-size:40px;font-family:Arial}.c1{left:-70px;top:5%}.c2{right:-40px;bottom:0}.hero-bottom{position:absolute;bottom:35px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:end}h1{font:42px Title;margin:0}h1 span{font:14px Heavy;letter-spacing:.04em}p{font-size:16px;line-height:1.8;margin:10px 0}.scroll{display:flex;gap:28px;align-items:center;font-size:14px}.scroll span{border:1px solid #bbbfb2;border-radius:50%;padding:16px 21px;font-size:22px}.works{padding:76px 4% 25px;border-top:1px solid #cdd0c5;overflow:hidden}.section-head{display:flex;justify-content:space-between;align-items:end}h2{font:clamp(54px,7.7vw,118px)/.92 Title,Arial;letter-spacing:-.035em;margin:24px 0 0}h2 i{font-style:normal;color:#9a9e94}h2 sup{font:14px Heavy;letter-spacing:0;vertical-align:top;margin-left:18px}.section-side{text-align:right}.layouts{display:flex;gap:6px;margin-top:24px}.layouts button{border:1px solid #c4c7bd;border-radius:30px;background:transparent;padding:9px 19px;font-size:14px}.layouts button[aria-pressed=true]{background:#272923;color:#fafaf5;border-color:#272923}.gallery{height:680px;position:relative;margin:24px auto;max-width:1480px}.gallery::before{content:'＋';position:absolute;left:50%;top:46%;color:#a5a99d;font:34px Arial}.card{position:absolute;left:50%;top:50%;width:var(--w,24%);border:0;padding:0;background:transparent;text-align:left;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r));transition:transform .8s cubic-bezier(.2,.8,.2,1);z-index:1}.card-inner{display:block;transform:scale(var(--scale,1));transition:transform .28s ease;background:#f8f8f4}.card:hover,.card:focus-visible{z-index:10}.card:focus-visible{outline:2px solid #758324;outline-offset:8px}.frame{display:block;aspect-ratio:16/10;overflow:hidden;position:relative;background:#e8e9e2}.frame img,.frame video{width:100%;height:100%;object-fit:cover;display:block}.frame video{position:absolute;inset:0;opacity:0;transition:opacity .3s}.card.preview video{opacity:1}.caption{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:9px 5px;background:#f8f8f4}.play{position:absolute;right:12px;bottom:12px;background:#f8f8f4ed;padding:8px 11px;border-radius:50%;font-size:12px}.gallery-foot{display:flex;justify-content:space-between;border-top:1px solid #d4d7cd;padding-top:18px;margin-bottom:30px}footer{padding:48px 4% 24px;background:#e4eb70}footer h2{font-size:clamp(45px,8vw,130px);position:relative;margin:55px 0 65px}footer h2 span{font-size:.82em}footer h2>a{position:absolute;right:0;top:0;font-family:Arial}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #adb550;padding-top:22px;font-size:12px}.footer-bottom div{display:flex;gap:26px}dialog{border:0;background:#f8f8f4;width:min(1100px,94vw);max-height:94svh;padding:60px 30px 25px}dialog::backdrop{background:#20231fd9;backdrop-filter:blur(8px)}.close{position:absolute;right:22px;top:17px;background:transparent;border:0;font-size:16px}.detail-media img,.detail-media video{display:block;max-height:66svh;max-width:100%;margin:auto}.detail-copy h3{font:26px Heavy;margin:12px 0}.detail-copy{margin-top:20px}.detail-copy p:empty{display:none}body:has(dialog[open]){overflow:hidden}@keyframes arrival{from{opacity:0;transform:translateY(50px) rotate(-12deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@media(min-width:1600px){.portrait{width:570px;height:570px}}@media(max-width:750px){header{height:70px}.header-note{display:none}nav{gap:14px;font-size:10px}.hero{height:760px;min-height:0}.hero-type{top:16%;font-size:20vw}.hero-type>span:last-child{margin-top:180px}.portrait{width:300px;height:330px;top:43%}.bili{left:-20px;top:20%}.douyin{right:-22px;top:90%}.social{font-size:11px;padding:8px 12px;gap:8px}.social img{width:20px;height:20px}.cross{display:none}.hero-bottom .small{display:none}h1{font-size:36px}.hero-bottom p{font-size:14px}.scroll{gap:10px}.scroll span{padding:10px 14px}.works{padding-top:45px}.section-head{align-items:start;gap:10px}h2{font-size:14vw}.section-side p{font-size:13px;margin-top:0}.layouts{flex-direction:column;margin-top:16px}.layouts button{font-size:12px;padding:7px 13px}.gallery{height:auto!important;display:grid;grid-template-columns:1fr 1fr;gap:24px 12px;padding:30px 0}.gallery::before{display:none}.card{position:relative;left:auto;top:auto;width:100%!important;transform:none!important}.caption{font-size:11px}.gallery-foot{font-size:10px;letter-spacing:0}.footer-bottom{flex-wrap:wrap;font-size:11px}footer h2{margin:45px 0}footer .eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card-inner{transform:none!important}}