/* Typography updated: 2026-10-10 19:59 +08:00 */
/* Updated 2026-10-10 18:52 +08:00 */
:root{--bg:#131511;--ink:#f3f0e7;--accent:#d6f378;--muted:#a6aa9c}header{position:absolute;inset:0 0 auto;height:100px;border:0;background:transparent;backdrop-filter:none;max-width:none;padding:0 4%}header .brand{font-size:32px}header nav{gap:40px}header .nav-contact{border-bottom:1px solid #cbd0bd66;padding:10px 0}header a{position:relative;z-index:3}.new-hero{padding:120px 4% 0;min-height:920px;height:100svh;max-height:1250px;background:radial-gradient(ellipse at 62% 35%,#3e4230 0%,#22271c 30%,#131511 68%);isolation:isolate}.new-hero .hero-top{font-size:12px;letter-spacing:2px;position:relative;z-index:2}.hero-intro{display:flex;justify-content:space-between;margin-top:52px;position:relative;z-index:2;font-size:12px;letter-spacing:3px}.hero-intro>span:last-child{font-size:12px;letter-spacing:1px;line-height:1.7}.hero-side{position:absolute;right:3%;top:46%;writing-mode:vertical-rl;font-size:12px;letter-spacing:3px;color:#b2b8a0}#sculpture{position:absolute;inset:10% 3% 17% 22%;z-index:-1;pointer-events:none}#sculpture canvas{width:100%;height:100%;display:block}.sculpture-fallback{position:absolute;inset:12% 18%;border:60px solid #aab88a;border-radius:50%;transform:rotate(-28deg) rotateY(35deg);box-shadow:inset 0 0 40px #e7efc8,0 0 70px #0e1208;background:transparent}#sculpture.ready .sculpture-fallback{display:none}.hero-headline{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;margin-top:100px}.hero-headline h1{font-size:clamp(65px,8.5vw,142px);font-weight:500;line-height:1.08;letter-spacing:-7px}.hero-headline h1>span{color:#d6f378}.hero-headline p{font-size:12px;line-height:2;color:#d3d6c7;max-width:300px;margin:0 4% 0 20px}.hero-word{font-size:clamp(110px,20vw,340px);line-height:.9;font-weight:500;letter-spacing:-.085em;position:absolute;bottom:84px;left:2.7%;right:2.7%;color:#ebeedd;mix-blend-mode:screen;pointer-events:none}.new-hero .hero-bottom{position:absolute;bottom:0;left:4%;right:4%;padding:22px 0;display:flex;border-top:1px solid #b4bea544;font-size:12px;letter-spacing:1px}.new-hero .round-link{font-size:12px;gap:15px}.new-hero .round-link i{width:30px;height:30px;font-size:15px}.new-hero #hero-motion{background:none;border:0;padding:8px;font-size:12px;color:var(--muted)}.manifesto{background:#e9e8dd;color:#25281e;padding:110px 8%;position:relative;display:grid;grid-template-columns:1fr 2fr;gap:45px}.manifesto .eyebrow{color:#737761;grid-row:span 2;padding-top:16px}.manifesto>p{font-size:clamp(32px,4.5vw,72px);line-height:1.35;letter-spacing:-2px;margin:0}.manifesto em{font-style:normal;color:#7d8966}.manifesto>div{grid-column:2;font-size:13px;line-height:2;color:#666c5a}.manifesto>a{position:absolute;bottom:110px;left:8%;font-size:12px;border-bottom:1px solid #697658;padding-bottom:10px}.work{display:grid;grid-template-columns:repeat(12,1fr);gap:0 4%;padding:120px 5%}.work>.section-head{grid-column:1/-1;margin-bottom:70px}.section-head h2{font-size:clamp(50px,7vw,110px);font-weight:400;letter-spacing:-5px;line-height:.98}.section-head h2 em{font-family:Georgia,serif;color:#a7b690;font-weight:400}.section-head>p{font-size:12px;margin-bottom:3px}.project{display:flex;flex-direction:column;gap:0;align-items:stretch;margin:0;position:relative}.project .visual{order:0!important;min-height:0}.project-info{padding:25px 0 0}.project h3{font-size:32px;margin:18px 0 8px}.project h4{font-size:15px}.project-info>p{font-size:12px}.project-number{font-size:12px;padding-bottom:15px}.project .tags{margin:18px 0}.project:nth-of-type(1){grid-column:1/-1;display:block;margin-bottom:110px}.project:nth-of-type(1) .visual{height:610px;background:radial-gradient(ellipse at 65% 40%,#66734e,#343e26 50%,#222b1c)}.project:nth-of-type(1) .watch{position:absolute;left:63%;top:28%;transform:rotate(-22deg) scale(1.5)}.project:nth-of-type(1) .project-info{position:absolute;left:5%;top:9%;width:34%;padding:0;z-index:4}.project:nth-of-type(1) h3{font-size:clamp(32px,4vw,60px);margin-top:50px}.project:nth-of-type(1) .visual-tag{left:auto;right:25px}.project:nth-of-type(1) .visual-note{left:auto;right:25px}.project:nth-of-type(1) .project-info p{color:#c8cfb8}.project:nth-of-type(2){grid-column:2/7;margin-top:100px;margin-bottom:110px}.project:nth-of-type(2) .visual{height:370px}.project:nth-of-type(3){grid-column:8/13;margin-bottom:110px}.project:nth-of-type(3) .visual{height:540px;background:radial-gradient(ellipse at 50% 20%,#695740,#25241d 60%)}.project:nth-of-type(3) .portal{top:110px;height:270px;width:165px}.project:nth-of-type(3) .game-caption{font-size:43px;bottom:80px}.project:nth-of-type(4){grid-column:1/-1;display:grid;grid-template-columns:1.7fr 1fr;gap:6%;align-items:center;margin-top:20px}.project:nth-of-type(4) .visual{height:620px}.project:nth-of-type(4) video{height:100%;object-fit:cover}.project:nth-of-type(4) .project-info{padding:0}.project:nth-of-type(4) h3{font-size:44px}.expertise{background:#d6f378;padding:100px 8%;display:grid;grid-template-columns:1fr 1.3fr;gap:8%;align-items:start;border-radius:100px 0 0 0}.expertise .section-head{display:block;position:sticky;top:50px}.expertise .section-head h2{font-size:43px;letter-spacing:-2px;line-height:1.3}.expertise h2 em{font-family:inherit;font-style:normal;color:#657937}.expertise .section-head>p{margin-top:35px}.service{grid-template-columns:24px 1fr 24px;gap:12px;padding:28px 0}.service h3{font-size:22px}.service p{grid-column:2;grid-row:2;font-size:12px;color:#526235}.service>i{grid-row:1;grid-column:3}.about{padding:150px 8% 100px}.about-grid{grid-template-columns:1.5fr 1fr;gap:10%;margin:60px 0 100px}.about h2{font-size:clamp(30px,4vw,62px);line-height:1.4;letter-spacing:-2px}.about-copy{padding-top:90px}.about-copy p{font-size:12px}.process{margin-left:30%;grid-template-columns:1fr 1fr;gap:35px;border-top:0}.process>div{border-top:1px solid var(--line);padding-top:20px}.contact{background:#e9e8dd;padding:100px 8% 90px;color:#20251a}.contact h2{font-size:clamp(55px,8vw,120px);line-height:1.1;letter-spacing:-5px}.contact h2 span{font-family:inherit;color:#829462}.contact .email{font-size:clamp(22px,3vw,44px);margin-left:33%;padding-top:30px}.contact>p{margin-left:33%}footer{padding:45px 5%}.js .reveal{transform:translateY(40px);transition:opacity .9s,transform 1s cubic-bezier(.2,.7,.2,1)}@media(min-width:1500px){main,footer{max-width:none}.new-hero{min-height:1000px}}@media(max-width:950px){.new-hero{min-height:850px}.hero-headline{margin-top:120px}.hero-headline h1{font-size:85px}.hero-headline p{font-size:12px;max-width:220px}.hero-word{bottom:125px}.project:nth-of-type(1) .visual{height:580px}.project:nth-of-type(1) .project-info{width:43%}.project:nth-of-type(1) .watch{left:65%;transform:rotate(-22deg) scale(1.2)}.project:nth-of-type(2){grid-column:1/7}.project:nth-of-type(3){grid-column:8/13}.project:nth-of-type(4) .visual{height:500px}.project:nth-of-type(4) h3{font-size:32px}.expertise{gap:5%;padding:80px 6%}.expertise .section-head h2{font-size:33px}.service h3{font-size:20px}.about-copy{padding-top:30px}}@media(max-width:650px){header{height:80px;padding:0 6%}header .brand{font-size:24px}.new-hero{padding:100px 6% 0;min-height:810px;height:100svh;max-height:none}.hero-intro{margin-top:30px;font-size:12px}.hero-intro>span:last-child{font-size:12px}.hero-side{display:none}#sculpture{inset:16% -28% 22% -20%}.hero-headline{margin-top:155px;display:block}.hero-headline h1{font-size:clamp(54px,13vw,85px);line-height:1.12;letter-spacing:-4px}.hero-headline p{font-size:12px;margin:25px 0 0;max-width:none}.hero-word{font-size:20vw;bottom:104px;letter-spacing:-.085em}.new-hero .hero-bottom{left:6%;right:6%;padding:15px 0;display:grid;grid-template-columns:1fr auto;gap:14px}.new-hero .hero-bottom>span{grid-column:1/-1;font-size:12px}.new-hero .round-link{margin:0;justify-content:start}.manifesto{padding:65px 7%;display:block}.manifesto>p{font-size:33px;letter-spacing:-1px}.manifesto>div{font-size:12px;margin-top:25px}.manifesto>a{position:static;display:inline-block;margin-top:30px}.work{display:block;padding:65px 6%}.section-head h2{font-size:51px;letter-spacing:-2px}.work>.section-head{margin-bottom:40px}.section-head>p{margin-top:25px}.project:nth-of-type(n){display:flex;flex-direction:column;margin:0 0 65px;gap:0}.project:nth-of-type(n) .visual{height:380px}.project:nth-of-type(1) .project-info{position:static;width:auto;padding-top:25px}.project:nth-of-type(1) .watch{left:calc(50% - 105px);top:70px;transform:rotate(-20deg) scale(1)}.project:nth-of-type(1) h3{margin-top:18px;font-size:34px}.project:nth-of-type(1) .visual-tag{left:20px;right:auto}.project:nth-of-type(1) .visual-note{left:20px;right:auto}.project:nth-of-type(3) .visual{height:440px}.project:nth-of-type(3) .portal{top:60px}.project:nth-of-type(4) .visual{height:440px}.project:nth-of-type(4) .project-info{padding-top:25px}.expertise{display:block;border-radius:50px 0 0 0;padding:65px 7%}.expertise .section-head{position:static}.expertise .section-head h2{font-size:38px}.about{padding:80px 7%}.about-grid{display:block;margin:30px 0 50px}.about h2{font-size:32px;letter-spacing:-1px}.about-copy{padding-top:0;margin-top:30px}.process{margin-left:0;gap:25px}.contact{padding:70px 7%}.contact h2{font-size:47px;letter-spacing:-3px}.contact .email,.contact>p{margin-left:0}.contact .email{font-size:23px}.contact>p{font-size:12px}.reduced #sculpture{opacity:1}}

/* Readability adjustment: 2026-10-10 19:00 +08:00 */
.hero-headline h1{text-shadow:0 3px 35px #10180b55}.hero-headline p{text-shadow:0 1px 5px #071003,0 0 18px #071003}