:root{--ink:#100b12;--wine:#28101e;--paper:#f3eced;--lav:#d0a2d5;--pink:#e7a1cb;--gold:#d8b783;--mist:#9e90ad;--line:rgba(243,236,237,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.55}.shell{width:min(1200px,calc(100% - 64px));margin:auto}.noise{pointer-events:none;position:fixed;inset:0;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{font-size:18px;letter-spacing:.06em;color:var(--paper);text-decoration:none;font-weight:800}.wordmark span{font-size:10px;color:var(--lav);margin-left:2px}.nav nav{display:flex;gap:25px}.nav nav a,.contact{font-size:12px;color:var(--mist);text-decoration:none;letter-spacing:.06em}.contact{color:var(--paper);border-bottom:1px solid var(--lav);padding-bottom:3px}.contact span{color:var(--lav);font-size:15px}.hero{min-height:760px;padding:95px 0 75px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;position:relative;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--lav);margin:0 0 21px;font-weight:700}.hero h1,.section-head h2,.case-title-row h2,.about h2,.footer h2{font-size:clamp(42px,5vw,75px);line-height:1.13;letter-spacing:-.065em;margin:0;font-weight:800}.hero h1 em,.footer h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--pink);letter-spacing:-.075em}.intro{color:#c8bdc6;margin:29px 0 35px;font-size:15px}.hero-actions{display:flex;gap:12px}.button{padding:12px 18px;text-decoration:none;font-size:13px;transition:.25s}.primary{color:var(--ink);background:var(--paper);font-weight:700}.primary:hover{background:var(--pink)}.ghost{border:1px solid var(--line);color:var(--paper)}.ghost:hover{border-color:var(--pink)}.hero-art{margin:0;position:relative;z-index:1;transform:rotate(2deg);box-shadow:25px 30px 70px rgba(0,0,0,.45)}.hero-art:before{content:"";position:absolute;inset:-12px;border:1px solid rgba(232,174,209,.5);transform:rotate(-3deg);z-index:-1}.hero-art img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.hero-art figcaption{padding:10px 2px;display:flex;justify-content:space-between;color:#ab9aa7;font-size:10px;letter-spacing:.08em}.orb{position:absolute;border-radius:999px;filter:blur(4px);opacity:.45;pointer-events:none}.orb-a{height:270px;width:270px;background:#552042;left:-100px;top:80px}.orb-b{height:185px;width:185px;background:#31485d;right:35px;bottom:75px}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:20px;padding:22px 0 23px}.proof p{font-size:10px;letter-spacing:.15em;color:var(--mist);align-self:center}.proof div{border-left:1px solid var(--line);padding-left:18px}.proof strong{font-size:22px;display:block;letter-spacing:-.05em;color:var(--paper)}.proof span{font-size:10px;color:var(--mist);display:block;margin-top:2px}.works{padding:140px 0 30px}.section-head{max-width:800px;margin-bottom:50px}.section-head h2{font-size:clamp(38px,4.5vw,66px)}.section-head h2 strong{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.section-head>p:last-child{color:var(--mist);max-width:550px;margin:21px 0 0;font-size:14px}.project-index{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:120px}.project-index a{min-height:132px;padding:20px 15px;border-right:1px solid var(--line);color:var(--paper);text-decoration:none;display:flex;flex-direction:column;transition:.25s}.project-index a:first-child{border-left:1px solid var(--line)}.project-index a:hover{background:#301528}.project-index b{color:var(--pink);font:25px Georgia,serif}.project-index span{font-size:12px;margin-top:19px}.project-index i{font:12px Georgia,serif;color:var(--mist);margin-top:2px}.case{padding:86px 0;border-top:1px solid var(--line);scroll-margin-top:20px}.case-top{max-width:980px}.case-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.case-title-row h2{font-size:clamp(38px,4.4vw,66px)}.case-title-row h2 i{display:block;font:400 18px Georgia,serif;color:var(--pink);letter-spacing:-.02em;margin-top:9px}.case-no{font:clamp(54px,8vw,105px) Georgia,serif;color:rgba(208,162,213,.25);line-height:.8}.case-lead{font-size:clamp(18px,2vw,25px);line-height:1.5;letter-spacing:-.035em;color:#e0d5df;max-width:730px;margin:32px 0 45px}.case-media{background:#25111f;position:relative;overflow:hidden;border:1px solid rgba(243,236,237,.11)}.case-media video,.episode-grid video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#070609}.media-note{position:absolute;left:16px;bottom:10px;margin:0;font-size:10px;letter-spacing:.08em;color:#d8cbd7;background:rgba(13,8,13,.72);padding:5px 8px}.case-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:38px;padding:37px 0 45px;border-bottom:1px solid var(--line)}.case-grid section{padding-right:22px;border-right:1px solid var(--line)}.case-grid section:last-child{border:0}.label{font-size:10px;letter-spacing:.16em;color:var(--lav);margin:0 0 15px}.case-grid h3{font-size:25px;line-height:1.25;letter-spacing:-.05em;margin:0 0 15px}.case-grid section>p:not(.label){font-size:13px;color:#bdb0bb;margin:0 0 14px}.role-list{list-style:none;padding:0;margin:0}.role-list li{font-size:14px;color:#d9ccd7;padding:8px 0;border-bottom:1px solid rgba(243,236,237,.1)}.result{display:flex;gap:10px;align-items:baseline;margin-bottom:5px}.result b{font:30px Georgia,serif;color:var(--gold)}.result span{font-size:11px;color:var(--mist)}.tiny{font-size:11px!important;color:#958692!important}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:28px}.case-gallery img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}.case-foot{display:flex;justify-content:space-between;gap:30px;color:var(--mist);font-size:11px;padding:18px 0 0}.case-foot a{color:var(--pink);white-space:nowrap;text-decoration:none}.visual-aroma,.visual-tapnow{min-height:460px;background:#1a1615}.visual-aroma video,.visual-tapnow video{opacity:.35;filter:saturate(.65) contrast(1.06)}.visual-aroma:after,.visual-tapnow:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,11,15,.8),transparent 65%);pointer-events:none}.visual-aroma{background:linear-gradient(135deg,#1c1512,#72553c,#e1ba94)}.visual-tapnow{background:radial-gradient(circle at 70% 20%,#9b9ac8,transparent 24%),linear-gradient(135deg,#132433,#5c6679 50%,#c7a386)}.texture-word{position:absolute;left:5%;top:50%;z-index:1;font:clamp(32px,5vw,71px)/.9 Georgia,serif;letter-spacing:-.07em;color:#f4e3d6;text-shadow:0 4px 30px rgba(0,0,0,.5)}.episode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.episode-grid figure{margin:0;background:#1b1320}.episode-grid figcaption{padding:12px 14px;font-size:12px;color:#c7b5c4}.case-comic{padding-bottom:110px}.capability{background:var(--wine);padding:130px 0;margin:0}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.capability-grid article{min-height:245px;padding:23px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.capability-grid article:first-child{border-left:1px solid var(--line)}.capability-grid b{font:24px Georgia,serif;color:var(--gold)}.capability-grid h3{font-size:20px;letter-spacing:-.04em;margin:45px 0 7px}.capability-grid p{font-size:13px;color:#bdaeba;margin:0}.about{padding:145px 0;display:grid;grid-template-columns:1fr .84fr;gap:90px;align-items:center}.about-image{position:relative}.about-image:after{content:"";position:absolute;inset:12px;border:1px solid rgba(243,236,237,.5);transform:translate(15px,15px);pointer-events:none}.about-image img{width:100%;display:block;aspect-ratio:1/1.08;object-fit:cover}.about h2{font-size:clamp(40px,4.5vw,62px)}.about h2 strong{color:var(--pink);font-family:Georgia,serif;font-weight:400}.about-copy>p:not(.eyebrow){font-size:14px;color:#c2b6c0;max-width:400px}.about-foot{border-left:2px solid var(--gold);padding-left:14px;color:#dbceda!important}.footer{padding:70px 0 48px;border-top:1px solid var(--line);position:relative}.footer h2{font-size:clamp(40px,5vw,68px)}.footer-note{color:var(--mist);font-size:12px;margin-top:30px}.back-top{position:absolute;right:0;bottom:52px;color:var(--paper);font-size:11px;text-decoration:none;letter-spacing:.08em}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.in{opacity:1;transform:none}@media(max-width:800px){.shell{width:min(100% - 38px,650px)}.nav{height:70px}.nav nav{display:none}.contact{font-size:10px}.hero{min-height:auto;padding:70px 0 55px;grid-template-columns:1fr;gap:50px}.hero-art{width:95%;justify-self:center}.proof{grid-template-columns:1fr 1fr;padding:14px 0;gap:0}.proof p{grid-column:1/-1;margin:0 0 10px}.proof div{padding:11px 10px;border-top:1px solid var(--line)}.proof div:nth-of-type(2){border-left:0}.works{padding-top:85px}.project-index{grid-template-columns:1fr 1fr;margin-bottom:75px}.project-index a:nth-child(3){border-left:1px solid var(--line)}.case{padding:65px 0}.case-grid,.about{grid-template-columns:1fr;gap:22px}.case-grid section{padding:0 0 22px;border-right:0;border-bottom:1px solid var(--line)}.case-grid section:last-child{border-bottom:0;padding-bottom:0}.case-gallery,.episode-grid{grid-template-columns:1fr}.case-foot{display:block}.case-foot a{display:block;margin-top:12px}.visual-aroma,.visual-tapnow{min-height:250px}.capability{padding:80px 0}.capability-grid{grid-template-columns:1fr 1fr}.capability-grid article:nth-child(3){border-left:1px solid var(--line)}.about{padding:85px 0}.about-image{max-width:520px}.footer{padding-top:58px}.back-top{position:static;display:inline-block;margin-top:24px}.hero h1{font-size:50px}.case-lead{font-size:18px}.case-title-row h2{font-size:40px}.case-no{font-size:64px}}