@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{color:#f4f6f8;background:#070a0f;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#070a0f;margin:0}button,a{font:inherit}button{cursor:pointer}.origin-hero{background:#050a10;min-height:100vh;position:relative;overflow:hidden}.origin-hero video{object-fit:cover;opacity:.72;width:100%;height:100%;position:absolute;inset:0}.origin-shade{background:linear-gradient(90deg,#03070ce6,#03070c61 58%,#03070ca6),linear-gradient(#0000 55%,#03070ccc);position:absolute;inset:0}.origin-copy{z-index:1;max-width:820px;padding:clamp(120px,17vh,200px) clamp(24px,8vw,135px);position:relative}.origin-copy>span,.detail-title>span,.detail-section header>span{color:#52d9ff;letter-spacing:.12em;font:11px Space Mono,monospace}.origin-copy h1{letter-spacing:.02em;margin:20px 0;font:700 clamp(50px,7.5vw,122px)/.85 Impact,Arial Black,sans-serif}.origin-copy h1 i{color:#0000;-webkit-text-stroke:1px #dce6ec;font-style:normal}.origin-copy p{color:#d6dce2;font-size:17px;line-height:1.8}.origin-copy a{color:#fff;border:1px solid #b9efff;margin-top:18px;padding:14px 18px;font:11px Space Mono,monospace;text-decoration:none;display:inline-block}.origin-bottom{z-index:1;color:#95a6b5;justify-content:space-between;font:10px Space Mono,monospace;display:flex;position:absolute;bottom:26px;left:clamp(24px,4vw,70px);right:clamp(24px,4vw,70px)}.origin-bottom a{color:#eaf9ff}.catalog-page{background:#070a0f radial-gradient(#50b9e617 1px,#0000 1px) 0 0/22px 22px;min-height:100vh}.catalog-head{border-bottom:1px solid #2b3540;justify-content:space-between;align-items:end;gap:30px;padding:100px clamp(20px,7vw,120px) 62px;display:flex}.catalog-head span{color:#55d9ff;font:11px Space Mono,monospace}.catalog-head h1{margin:20px 0 0;font:600 clamp(45px,7vw,105px)/1 Noto Serif SC,serif}.catalog-head em{color:#8795a3;font-style:normal}.catalog-head>a{color:#e7f7ff;white-space:nowrap;border:1px solid #536472;padding:14px 17px;font:10px Space Mono,monospace;text-decoration:none}.catalog-item{border-bottom:1px solid #29333e;align-items:center;width:100%;min-height:100vh;display:flex}.catalog-item button{color:#fff;text-align:left;background:0 0;border:0;grid-template-columns:62px minmax(420px,1.3fr) minmax(330px,.7fr) 90px;align-items:center;gap:clamp(22px,4vw,70px);width:100%;transition:transform .25s;display:grid;position:relative}.catalog-item button:before{content:"";background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);opacity:0;border-radius:18px;transition:opacity .25s;position:absolute;inset:-20px}.catalog-item button:hover:before{opacity:1}.catalog-item button:hover{transform:perspective(1600px)rotateX(1.25deg)rotateY(-1.75deg)translateY(-6px)}.catalog-item button>*{z-index:1;position:relative}.catalog-no{color:var(--accent);align-self:start;font:20px Space Mono,monospace}.catalog-media{background:#121a23;border:1px solid #32404d;height:min(67vh,620px);overflow:hidden}.catalog-media img,.catalog-media video{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.catalog-item:hover .catalog-media img,.catalog-item:hover .catalog-media video{transform:scale(1.035)}.catalog-copy>span{color:var(--accent);letter-spacing:.1em;font:10px Space Mono,monospace}.catalog-copy h2{margin:20px 0 0;font:600 clamp(39px,5.2vw,85px)/1 Noto Serif SC,serif}.catalog-copy small{color:#8997a5;letter-spacing:.09em;margin:16px 0 32px;font:10px Space Mono,monospace;display:block}.catalog-copy p{color:#c8d1d9;max-width:450px;font-size:16px;line-height:1.9}.catalog-open{color:var(--accent);align-self:end;font:11px Space Mono,monospace}.catalog-page>footer{color:#91a0ad;border-top:1px solid #2b3540;justify-content:space-between;padding:28px clamp(20px,4vw,70px);font:10px Space Mono,monospace;display:flex}.catalog-page footer a{color:#dbeef7}.detail-page{background:#080c12;min-height:100vh}.detail-page>header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#8e9ca9;background:#080c12eb;border-bottom:1px solid #2b3540;justify-content:space-between;align-items:center;height:70px;padding:0 clamp(20px,4vw,70px);font:10px Space Mono,monospace;display:flex;position:sticky;top:0}.back{color:#f3f6f8;background:0 0;border:0;font:11px Space Mono,monospace}.back:hover{color:var(--accent)}.detail-title{background:radial-gradient(circle at 84% 0,color-mix(in srgb,var(--accent) 17%,transparent),transparent 36%);padding:100px clamp(20px,10vw,170px) 62px}.detail-title h1,.scent-title h1{margin:20px 0 12px;font:600 clamp(48px,7vw,110px)/1 Noto Serif SC,serif}.detail-title small{color:#8998a6;font:10px Space Mono,monospace}.detail-title p{color:#d2d9df;max-width:600px;font-size:17px;line-height:1.9}.detail-hero{background:#111923;margin:0 clamp(10px,4vw,70px)}.detail-hero img{object-fit:contain;width:100%;max-height:85vh;display:block}.detail-section:nth-of-type(2n){background:#0d131b}.detail-section h2{margin:15px 0;font:500 clamp(38px,5vw,80px)/1.08 Noto Serif SC,serif}.detail-section header p{color:#9facb8;max-width:480px;line-height:1.85}.vertical-art{flex-direction:column;gap:28px;display:flex}.vertical-art figure{background:#121a22;margin:0}.vertical-art img{object-fit:contain;width:100%;height:auto;display:block}.vertical-art figcaption{color:#8a98a5;padding:13px 15px;font:9px Space Mono,monospace}.wide-art{width:100%;height:auto;display:block}.scent-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.scent-grid button{color:#fff;text-align:left;background:#111;border:0;padding:0;position:relative;overflow:hidden}.scent-grid img{width:100%;height:auto;transition:transform .45s;display:block}.scent-grid button:hover img{transform:scale(1.04)}.scent-grid span,.scent-grid b{color:#fff;text-shadow:0 2px 8px #000;font:10px Space Mono,monospace;position:absolute;left:15px}.scent-grid span{top:15px}.scent-grid b{font-size:13px;bottom:16px}.three-long{grid-template-columns:repeat(3,1fr);align-items:start;gap:15px;display:grid}.three-long img{width:100%;height:auto;display:block}.asset-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.asset-grid img{width:100%;height:auto;display:block}.cv-video{background:#000;width:100%;max-height:82vh;display:block}.scent-detail{background:#111820}.scent-title{color:#152017;background:#eef1ed;padding:110px clamp(20px,10vw,170px) 70px}.scent-title span,.scent-title p{color:#54715e;font:10px Space Mono,monospace}.scent-stack figure{background:#090d11;margin:0 0 34px}.scent-stack img{width:100%;height:auto;display:block}.scent-stack figcaption{color:#98a9b0;padding:14px;font:10px Space Mono,monospace}@media (width<=850px){.catalog-item{min-height:auto;padding:42px 0}.catalog-item button,.catalog-item.reverse button{grid-template-columns:38px 1fr;gap:18px}.catalog-item.reverse .catalog-no,.catalog-item.reverse .catalog-media,.catalog-item.reverse .catalog-copy,.catalog-item.reverse .catalog-open{grid-column:auto}.catalog-no{grid-row:1;grid-column:1!important}.catalog-media{grid-row:1;height:60vw;grid-column:2!important}.catalog-copy{grid-row:2;grid-column:2!important}.catalog-open{grid-row:3;grid-column:2!important}.scent-grid,.three-long,.asset-grid{grid-template-columns:1fr}.catalog-head{flex-direction:column;align-items:start}.catalog-page>footer,.origin-bottom{flex-direction:column;gap:10px}.detail-section{padding:75px 20px}}@media (width<=520px){.origin-copy{padding:145px 24px}.origin-copy h1{font-size:58px}.catalog-head{padding:75px 20px 45px}.catalog-head h1{font-size:49px}.catalog-copy h2{font-size:42px}.detail-title{padding:80px 20px 50px}.detail-page>header span{display:none}}:root{--editorial-sans:"Noto Serif SC","Songti SC","STSong","Microsoft YaHei",serif;--ui-sans:"Noto Serif SC","Songti SC","STSong","Microsoft YaHei",serif;font-family:Noto Serif SC,Songti SC,STSong,Microsoft YaHei,serif}body{font-family:var(--editorial-sans);font-size:18px}.origin-copy>span,.detail-title>span,.detail-section header>span,.catalog-head span,.catalog-copy>span,.catalog-copy small,.catalog-open,.origin-bottom,.catalog-page>footer,.detail-page>header,.back,.scent-title span,.scent-title p{font-family:var(--ui-sans);letter-spacing:.08em;font-size:clamp(13px,1.05vw,17px)}.origin-copy p,.catalog-copy p,.detail-title p,.detail-section header p{font-size:clamp(18px,1.4vw,24px);line-height:1.9}.origin-copy>a,.catalog-head>a{font-family:var(--editorial-sans);padding:18px 24px;font-size:clamp(16px,1.2vw,21px)}.origin-bottom{font-size:clamp(14px,1.1vw,19px)}.catalog-item{min-height:calc(50vh - 35px);padding:clamp(24px,4vh,58px) 0}.catalog-item button{grid-template-columns:42px minmax(0,1.55fr) minmax(290px,.75fr) 72px;gap:clamp(16px,2.8vw,48px)}.catalog-media{justify-content:center;align-items:center;height:clamp(280px,42vh,570px);display:flex}.catalog-media img,.catalog-media video{object-fit:contain;background:#121a23}.catalog-copy h2{font-family:var(--editorial-sans);font-size:clamp(36px,4.4vw,76px);line-height:1.08}.catalog-copy small{margin:16px 0 24px;font-size:clamp(13px,1vw,16px)}.catalog-copy>span{font-size:clamp(13px,1vw,16px)}.catalog-open{font-size:clamp(14px,1vw,17px)}.catalog-page>footer{padding:38px clamp(20px,4vw,70px);font-size:clamp(15px,1.1vw,19px)}.detail-title h1,.scent-title h1,.catalog-head h1,.detail-section h2{font-family:var(--editorial-sans);font-weight:500}.detail-title h1,.scent-title h1{font-size:clamp(52px,7vw,118px)}.detail-section h2{font-size:clamp(42px,5.3vw,92px)}.detail-page>header{font-size:clamp(14px,1vw,17px)}.back{font-size:clamp(15px,1.1vw,19px)}.detail-hero{margin:0 clamp(4px,1.3vw,20px)}.detail-hero img{object-fit:contain;width:100%;max-height:none}.detail-section{padding:clamp(75px,10vh,150px) clamp(12px,5vw,80px)}.wide-art{width:100%;max-width:none}.scent-grid{gap:clamp(16px,2vw,30px)}.scent-grid button{background:#111820;min-height:clamp(420px,70vh,850px)}.scent-grid .scent-image{object-fit:contain;width:100%;height:100%;transition:opacity .55s,transform .65s;position:absolute;inset:0}.scent-grid .scent-image-main{opacity:1}.scent-grid .scent-image-hover,.scent-grid button:hover .scent-image-main{opacity:0}.scent-grid span,.scent-grid b{font-family:var(--editorial-sans);z-index:2;font-size:clamp(15px,1.2vw,21px)}.scent-grid b{font-weight:500}.scent-detail .scent-title{padding:clamp(90px,13vh,180px) clamp(16px,8vw,140px) clamp(70px,9vh,120px)}.scent-stack{padding:clamp(18px,3vw,48px) clamp(0px,1.3vw,20px) 120px}.scent-stack figure{margin:0 0 clamp(28px,4vw,60px)}.scent-stack img{width:100%;max-width:none;height:auto}.scent-stack figcaption{font-family:var(--editorial-sans);padding:18px 20px;font-size:clamp(14px,1vw,18px)}@media (width<=850px){.catalog-item,.catalog-item.reverse{min-height:auto;padding:36px 0}.catalog-item button,.catalog-item.reverse button{grid-template-columns:30px 1fr;gap:14px}.catalog-media{height:58vw;min-height:220px}.catalog-copy h2{font-size:clamp(34px,9vw,58px)}.scent-grid button{min-height:72vh}}.catalog-list{padding:0 clamp(20px,2.4vw,42px) 120px}.catalog-item,.catalog-item.reverse{align-items:center;min-height:0;padding:clamp(28px,4vh,56px) 0;display:flex}.catalog-item button,.catalog-item.reverse button{grid-template-columns:minmax(0,1.64fr) minmax(360px,.82fr) 58px;align-items:center;gap:clamp(30px,4.2vw,80px);width:100%;min-height:0;display:grid}.catalog-item.reverse button{grid-template-columns:58px minmax(360px,.82fr) minmax(0,1.64fr)}.catalog-item .catalog-no,.catalog-item.reverse .catalog-no{grid-area:1/3;align-self:start;font-size:18px}.catalog-item .catalog-media,.catalog-item.reverse .catalog-media{aspect-ratio:1.78;border:1px solid #32404d;grid-area:1/1;height:auto;min-height:0;overflow:hidden}.catalog-item .catalog-copy,.catalog-item.reverse .catalog-copy{grid-area:1/2;align-self:center}.catalog-item .catalog-open,.catalog-item.reverse .catalog-open{grid-area:1/3;align-self:end}.catalog-item.reverse .catalog-no{grid-column:1}.catalog-item.reverse .catalog-media{grid-column:3}.catalog-item.reverse .catalog-copy{grid-column:2}.catalog-item.reverse .catalog-open{grid-column:1}.catalog-media img,.catalog-media video{object-fit:contain;background:#121a23;width:100%;height:100%}.catalog-copy h2{white-space:nowrap;font-size:clamp(42px,4.7vw,86px)}.catalog-copy p{max-width:560px}.scent-grid button{aspect-ratio:auto;height:auto;min-height:0}.scent-grid .scent-image{object-fit:contain}@media (width<=850px){.catalog-item,.catalog-item.reverse{min-height:auto;padding:42px 0}.catalog-item button,.catalog-item.reverse button{grid-template-columns:28px 1fr;gap:16px;min-height:0;display:grid}.catalog-item .catalog-no,.catalog-item.reverse .catalog-no{grid-area:1/1}.catalog-item .catalog-media,.catalog-item.reverse .catalog-media{aspect-ratio:1.55;grid-area:1/2}.catalog-item .catalog-copy,.catalog-item.reverse .catalog-copy{grid-area:2/2}.catalog-item .catalog-open,.catalog-item.reverse .catalog-open{grid-area:3/2}.catalog-copy h2{white-space:normal;font-size:clamp(34px,9vw,58px)}}.scent-grid button{aspect-ratio:auto;height:auto;min-height:0;display:block;overflow:hidden}.scent-grid .scent-image{object-fit:contain;width:100%;height:auto}.scent-grid .scent-image-main{opacity:1;display:block;position:relative;inset:auto}.scent-grid .scent-image-hover{object-fit:contain;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.scent-grid button:hover .scent-image-main{opacity:0}.scent-grid button:hover .scent-image-hover{opacity:1;transform:none}.process-groups{gap:48px;display:grid}.process-groups h3{margin:0 0 20px;font-size:clamp(24px,2.4vw,38px);font-weight:500}.process-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.process-wall a{background:#111820;justify-content:center;align-items:center;min-width:0;display:flex}.process-wall img{object-fit:contain;width:100%;height:auto;display:block}.pv-process{flex-direction:column;gap:24px;display:flex}.pv-process img{width:100%;height:auto;display:block}.detail-section:has(.pv-process){padding-inline:clamp(8px,2vw,32px)}@media (width<=850px){.process-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
