:root{--b:#0a0a0a;--p:#e9e7df;--l:#d7ff39;--o:#ff5f32;--blue:#1045eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--b);color:var(--p);font-family:"Noto Sans TC",sans-serif}a{color:inherit;text-decoration:none}.mono{font:10px "DM Mono";letter-spacing:.08em}header{height:82px;position:absolute;z-index:3;width:100%;display:flex;align-items:center;padding:0 4.2vw;border-bottom:1px solid #555}.wordmark{font:900 25px "Archivo Black";letter-spacing:-2px}.wordmark span,.header-cta b{color:var(--l)}sup{font:9px "DM Mono"}nav{display:flex;gap:34px;margin:auto;font:11px "DM Mono"}.header-cta{font:11px "DM Mono"}.hero{height:100vh;min-height:750px;position:relative;overflow:hidden;background:#111}.grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#ffffff22 50%,transparent 50.1%),linear-gradient(#ffffff18 1px,transparent 1px);background-size:100% 100%,100% 25%}.glow{position:absolute;width:min(85vw,1150px);aspect-ratio:1;right:-12%;top:3%;background:radial-gradient(circle at 45% 47%,#e3ff65 0 8%,#84a91e 19%,#334113 36%,transparent 64%)}.vertical{position:absolute;left:4.2vw;bottom:145px;writing-mode:vertical-rl;font:10px/1.8 "DM Mono"}.hero-content{position:absolute;left:16vw;top:22vh;z-index:1}.hero h1,.contact h2{font:clamp(75px,12vw,185px)/.79 "Archivo Black";letter-spacing:-.09em;margin:35px 0}.hero h1 i,.contact h2 i{font-family:"Noto Sans TC";color:var(--l);font-style:normal;letter-spacing:-.15em}.note{font-size:14px;line-height:1.8;margin-bottom:32px}.button{background:var(--l);color:#111;padding:14px 18px;font-weight:700;font-size:13px}.button span{margin-left:34px;font-size:20px}.stamp{position:absolute;right:5vw;bottom:14vh;width:104px;aspect-ratio:1;border:1px solid var(--l);border-radius:50%;color:var(--l);display:grid;place-content:center;text-align:center;font:8px "DM Mono";letter-spacing:.12em;transform:rotate(-14deg)}.stamp strong{font:15px "Archivo Black";letter-spacing:-1px;margin:4px 0}.scroll{position:absolute;left:16vw;bottom:31px;font:10px "DM Mono"}.scroll span{color:var(--l);font-size:18px}.statement{background:var(--p);color:#111;padding:150px 11vw;display:grid;grid-template-columns:27% 1fr}.statement h2{font:900 clamp(40px,5.5vw,84px)/1.08 "Noto Sans TC";letter-spacing:-.11em;margin:0}.statement h2 span{color:var(--o)}.statement div p{max-width:470px;font-size:14px;line-height:2;margin:48px 0 25px}.line{border-bottom:1px solid;padding-bottom:7px;font:12px "DM Mono"}.works{padding:115px 4.2vw}.section-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #555}.cases{display:grid;grid-template-columns:1.12fr .88fr;gap:50px 26px;padding-top:35px}.third{grid-column:2}.art{height:30vw;min-height:290px;position:relative;overflow:hidden;padding:30px;color:#111}.art em{font:10px "DM Mono";font-style:normal}.art strong{position:absolute;font:clamp(40px,6vw,94px)/.78 "Archivo Black";letter-spacing:-.08em}.art span{position:absolute;left:30px;bottom:25px;font:9px "DM Mono"}.concrete{background:#c8c2b5;background-image:radial-gradient(#565149 1px,transparent 1px);background-size:9px 9px}.concrete strong{left:12%;top:20%;color:#272c1f}.concrete:after{content:"";position:absolute;width:48%;aspect-ratio:1;border-radius:50%;right:-6%;bottom:-12%;background:var(--l);box-shadow:-110px -29px 0 var(--o)}.acid{background:var(--l)}.acid strong{left:14%;top:13%;font-size:clamp(33px,4.4vw,67px)}.cobalt{background:var(--blue);color:var(--l)}.cobalt strong{left:12%;bottom:19%;font-size:clamp(30px,4vw,62px)}.cobalt svg{position:absolute;width:100%;bottom:0;right:-22%}.name{display:flex;align-items:center;margin-top:14px}.name h3{font-size:17px;margin:0;letter-spacing:-.06em}.name small{font:9px "DM Mono";margin-left:15px;color:#999}.name b{margin-left:auto;font-size:19px;color:var(--l)}.services{background:var(--l);color:#111;padding:126px 11vw;display:grid;grid-template-columns:27% 1fr}.service-list{border-top:1px solid}.service-list article{display:grid;grid-template-columns:50px 1fr 1fr 22px;border-bottom:1px solid;padding:29px 0}.service-list span{font:10px "DM Mono"}.service-list h3{font-size:25px;line-height:1.25;letter-spacing:-.08em;margin:0}.service-list p{font-size:12px;margin:3px 0}.service-list b{font-size:25px;font-weight:400}.quote{padding:170px 8vw;background:var(--o);color:#111;text-align:center;font:900 clamp(40px,6.4vw,96px)/1.04 "Noto Sans TC";letter-spacing:-.12em}.quote span{color:var(--p)}.contact{position:relative;min-height:690px;padding:115px 4.2vw 26px;background:#111}.email{border-bottom:1px solid;padding-bottom:8px;font:18px "DM Mono"}.email b{color:var(--l)}footer{position:absolute;bottom:26px;left:4.2vw;right:4.2vw;border-top:1px solid #555;padding-top:16px;display:flex;justify-content:space-between;font:9px "DM Mono"}footer div{display:flex;gap:25px}@media(max-width:700px){header{height:64px;padding:0 6vw}nav,.header-cta{display:none}.hero{min-height:670px}.vertical{display:none}.hero-content{left:7vw;top:23vh}.hero h1{font-size:21vw}.glow{width:130vw;right:-47%;top:19%}.stamp{width:74px;right:7vw;bottom:16vh;font-size:6px}.stamp strong{font-size:11px}.scroll{left:7vw}.statement,.services{padding:90px 7vw;display:block}.statement>.mono,.services>.mono{display:block;margin-bottom:45px}.statement h2{font-size:10vw}.statement div p{margin-top:32px;font-size:13px}.works{padding:85px 6vw}.cases{display:block}.case{display:block;margin-bottom:42px}.art{height:70vw;min-height:0}.services article{grid-template-columns:35px 1fr 18px;gap:7px}.service-list p{grid-column:2;font-size:11px}.service-list b{grid-column:3;grid-row:1}.quote{padding:110px 7vw;font-size:10vw}.contact{padding:85px 7vw 26px;min-height:590px}.contact h2{font-size:21vw}.email{font-size:13px}footer{left:7vw;right:7vw;display:block;line-height:2.2}footer div{gap:12px}footer>span:last-child{display:none}}