:root{--ink:#17252a;--paper:#e9edf0;--steel:#92a5ac;--orange:#e5653c;--line:#b6c3c7;font-family:"Noto Sans TC","PingFang TC",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);overflow-x:hidden}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}header{position:fixed;z-index:10;inset:0 0 auto;height:82px;padding:14px 5vw;display:flex;align-items:center;justify-content:space-between;background:#e9edf0ed;border-bottom:1px solid #fff;backdrop-filter:blur(15px);transition:.4s}header.scrolled{height:62px;background:#17252af2;color:#fff}.brand{display:flex;align-items:center;gap:16px}.brand img{width:180px;height:auto}.brand span{border-left:1px solid var(--line);padding-left:16px;font:10px Arial;letter-spacing:.2em;color:#68787d}header.scrolled .brand span{color:#b7c5c8}header nav{display:flex;gap:28px;font-size:13px;font-weight:800}.menu{display:none;border:0;background:none;font-size:24px}main{padding-top:82px}.label{font:700 11px Arial;letter-spacing:.18em;color:var(--orange)}.hero{position:relative;min-height:calc(100svh - 82px);background:var(--ink);color:#fff;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:54px 54px;z-index:1;pointer-events:none}.hero-img{position:absolute;inset:0 0 0 34%;opacity:.72}.hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,#17252ae8 25%,transparent 70%)}.hero-copy{position:relative;z-index:2;width:min(680px,70vw);padding:clamp(95px,12vw,165px) 0 0 9vw}.hero h1{font-size:clamp(50px,8vw,112px);line-height:1.02;font-weight:400;letter-spacing:-.07em;margin:24px 0}.hero h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-copy>p:not(.label){max-width:390px;color:#cbd5d7;line-height:1.9}.action{display:inline-flex;align-items:center;gap:24px;margin-top:30px;border:1px solid #fff8;padding:12px 14px 12px 20px;font-size:13px}.action b{display:grid;place-items:center;width:29px;height:29px;background:var(--orange);border-radius:50%;color:#fff}.hero-stamp{position:absolute;right:5vw;bottom:44px;color:#fff8;font:11px Arial;letter-spacing:.15em}.hero-stamp span{display:block;color:var(--orange);font-size:26px;line-height:1.1;margin-top:7px}.intro{display:grid;grid-template-columns:.3fr .9fr 1fr;gap:6vw;padding:clamp(90px,12vw,170px) 9vw;background:#fff;align-items:center}.intro-number{font:86px Georgia;color:var(--orange)}.intro-copy h2,.heading h2,.craft-copy h2,.progress-head h2,.faq h2,.contact h2{font-size:clamp(40px,5vw,76px);line-height:1.08;font-weight:400;letter-spacing:-.06em;margin:22px 0 30px}.intro-copy>p:not(.label),.heading>p:last-child,.progress-head>p:last-child,.contact>div>p:not(.label){line-height:1.9;color:#617176;max-width:500px}.intro-photo{height:560px;position:relative}.intro-photo:after{content:"STRUCTURE / 01";position:absolute;bottom:18px;left:18px;color:#fff;font:10px Arial;letter-spacing:.2em}.projects{padding:clamp(90px,12vw,160px) 9vw;background:var(--paper)}.heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:65px}.heading>p:last-child{max-width:320px}.project-main{display:grid;grid-template-columns:1.25fr .75fr;background:var(--ink);color:#fff}.project-image{height:590px}.project-info{padding:clamp(35px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.project-info h3{font-size:clamp(35px,4vw,62px);font-weight:400;margin:22px 0}.project-info>p:not(.label){line-height:1.9;color:#c5d1d3}.project-info dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:35px 0}.project-info dt{font-size:10px;color:#aab9bd}.project-info dd{margin:8px 0 0;font-size:15px}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid #fff7;padding-bottom:8px;align-self:flex-start}.project-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}.project-list article{padding:25px 28px;position:relative;border-right:1px solid var(--line);transition:.35s}.project-list article:last-child{border-right:0}.project-list article:hover{background:#fff;transform:translateY(-8px)}.project-list span{color:var(--orange);font:18px Georgia}.project-list h3{margin:35px 0 8px;font-size:20px}.project-list p{margin:0;color:#718185;font-size:13px}.project-list b{position:absolute;right:24px;top:25px;font-size:11px;color:var(--orange)}.craft{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff}.craft-photo{height:800px}.craft-copy{padding:clamp(70px,9vw,135px) clamp(30px,8vw,110px)}.craft-copy>p:not(.label){color:#b6c6c9;line-height:1.9;max-width:460px}.craft-points{margin-top:65px;border-top:1px solid #fff3}.craft-points>div{display:grid;grid-template-columns:45px 1fr auto;gap:12px;padding:22px 0;border-bottom:1px solid #fff3;align-items:center}.craft-points b{color:var(--orange);font:18px Georgia}.craft-points strong{font-size:17px}.craft-points span{color:#9dafb2;font-size:12px}.progress{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw;padding:clamp(90px,12vw,160px) 9vw;background:#fff}.progress-head>p:not(.label){color:#617176;line-height:1.9}.progress-board{border:1px solid var(--line);padding:35px;background:#f7f8f8}.board-top{display:flex;justify-content:space-between;font-size:13px}.board-top strong{color:var(--orange)}.progress-bar{height:10px;background:#d1dadd;margin:25px 0 45px}.progress-bar i{display:block;width:68%;height:100%;background:var(--orange)}.milestones{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.milestones article{border-top:3px solid #bdc9cc;padding-top:13px}.milestones article.done,.milestones article.active{border-color:var(--orange)}.milestones b{display:block;font:18px Georgia;color:#76868a}.milestones strong{display:block;font-size:13px;margin:13px 0 6px}.milestones small{color:#718185;font-size:11px}.milestones .active small{color:var(--orange)}.board-foot{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;font:10px Arial;letter-spacing:.13em;color:#718185}.board-foot span{float:right}.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:65px 9vw;background:var(--orange);color:#fff}.numbers strong{display:block;font:55px Georgia}.numbers span{font-size:12px;color:#fff9}.journal{padding:clamp(90px,12vw,160px) 9vw;background:var(--paper)}.journal-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.featured-note img{height:400px;margin-bottom:25px}.featured-note p,.note-list span{font:11px Arial;letter-spacing:.1em;color:var(--orange)}.featured-note h3{font-size:clamp(30px,3.8vw,54px);line-height:1.2;font-weight:400;margin:18px 0}.journal a{font-size:13px;font-weight:800}.note-list article{border-top:1px solid var(--line);padding:24px 0}.note-list h3{font-size:19px;line-height:1.5;font-weight:500}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:clamp(90px,12vw,150px) 9vw;background:#dbe2e4}.faq details{border-top:1px solid #9fadb1;padding:23px 0}.faq summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:800}.faq summary b{color:var(--orange);font-size:20px}.faq details p{color:#617176;line-height:1.9;font-size:14px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:clamp(90px,12vw,150px) 9vw;background:var(--ink);color:#fff}.contact>div>p:not(.label){color:#b8c6c9}.contact-details{border-top:1px solid #fff3;margin-top:40px;padding-top:20px;display:flex;gap:25px;flex-wrap:wrap;font-size:12px;color:#b8c6c9}.contact-details b{color:#fff}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:25px 18px;align-content:center}.contact label{font-size:12px;color:#b8c6c9}.contact .wide,.contact button,.ok{grid-column:1/-1}.contact input,.contact textarea,.contact select{width:100%;display:block;margin-top:10px;padding:14px 0;background:transparent;border:0;border-bottom:1px solid #fff5;color:#fff;outline:0}.contact option{color:var(--ink)}.contact button{justify-self:start;border:1px solid #fff7;background:transparent;color:#fff;padding:13px 22px;cursor:pointer}.contact button span{margin-left:18px;color:var(--orange)}footer{padding:35px 9vw;background:#0d191d;color:#a8b7ba;display:flex;align-items:center;gap:30px;font-size:11px}footer img{width:165px;height:auto}footer span{border-left:1px solid #fff3;padding-left:22px}footer nav{display:flex;gap:20px;margin-left:auto}footer small{color:#fff5}@media(max-width:850px){header{height:70px;padding:12px 22px}header nav{display:none}.menu{display:block;color:var(--ink)}header.scrolled .menu{color:#fff}.brand img{width:150px}.brand span{display:none}main{padding-top:70px}.hero{min-height:calc(100svh - 70px)}.hero-img{inset:0}.hero-img:after{background:linear-gradient(90deg,var(--ink),#17252a99 70%,transparent)}.hero-copy{width:auto;padding:90px 25px 0}.hero h1{font-size:clamp(54px,15vw,95px)}.intro,.craft,.progress,.journal-grid,.faq,.contact{grid-template-columns:1fr}.intro{padding:80px 25px}.intro-number{font-size:55px}.intro-copy{margin:30px 0 50px}.intro-photo{height:330px}.projects{padding:80px 25px}.heading{display:block}.heading>p:last-child{margin-top:25px}.project-main{grid-template-columns:1fr}.project-image{height:350px}.project-info{padding:42px 25px}.project-list{grid-template-columns:1fr}.project-list article{border-right:0;border-bottom:1px solid var(--line)}.craft-photo{height:330px}.craft-copy{padding:70px 25px}.craft-points{margin-top:40px}.craft-points>div{grid-template-columns:38px 1fr}.craft-points span{grid-column:2}.progress{padding:80px 25px}.progress-board{padding:22px 16px;overflow:auto}.milestones{min-width:680px}.numbers{grid-template-columns:1fr 1fr;padding:55px 25px}.journal,.faq,.contact{padding:80px 25px}.featured-note img{height:280px}.contact form{margin-top:35px}footer{display:block;padding:30px 25px}footer nav{margin:25px 0;display:flex;flex-wrap:wrap}footer small{display:block}}