*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#eeede7;color:#33352f;font-family:"Helvetica Neue",Arial,"PingFang TC","Noto Sans TC",sans-serif;font-size:15px;line-height:1.95;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #777b60;outline-offset:5px}img{width:100%;display:block;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}p+p{margin-top:20px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d2d3c9;background:#eeede7}.brand{font-size:25px;letter-spacing:.24em;line-height:1.4;white-space:nowrap}.brand span{display:block;font-size:8px;letter-spacing:.2em;margin-top:8px}nav{display:flex;gap:36px;font-size:12px;letter-spacing:.08em}nav a:hover{opacity:.55}.menu{display:none}.hero{height:620px;position:relative;color:#fff}.hero-photo,.hero-overlay{position:absolute;inset:0;height:100%}.hero-photo{filter:grayscale(1);object-position:center 55%}.hero-overlay{background:linear-gradient(90deg,rgba(18,23,19,.53),rgba(18,23,19,.08))}.hero-inner{position:relative;padding:105px 8% 80px;max-width:800px}.eyebrow,.section-label>span,.steps article>span{font-size:10px;letter-spacing:.16em;display:block;line-height:1.6}h1{font-size:clamp(30px,3.1vw,44px);line-height:1.65;letter-spacing:.08em;margin:27px 0 22px}.hero-sub{font-size:14px;line-height:2.1;letter-spacing:.06em}.outline-link{display:inline-flex;border:1px solid #ffffff8c;padding:8px 22px;gap:55px;font-size:11px;margin-top:30px}.outline-link:hover{background:#fff2}.hero-foot{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em}.section{padding:100px 8%;max-width:1600px;margin:auto}h2{font-size:clamp(25px,2.35vw,34px);line-height:1.7;letter-spacing:.06em;margin-top:24px}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:0 8%;align-items:start}.about-photo{grid-row:span 2}.about-photo img{height:540px;filter:grayscale(.65)}figcaption{font-size:10px;letter-spacing:.06em;margin-top:13px;color:#73766b}.about-body{margin-top:28px;max-width:460px}.lead{font-size:18px;line-height:2}.about-body>p:not(.lead){font-size:14px;color:#6a6e62}.about-sign{border-top:1px solid #c9ccc0;margin-top:30px;padding-top:20px;font-size:16px;letter-spacing:.1em}.about-sign span{font-size:10px;display:block;color:#7a7e70;letter-spacing:.08em}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:45px}.section-heading>p{font-size:13px;color:#72776a;line-height:2}.services{border-top:1px solid #cdd0c4}.service-list details{border-top:1px solid #cdd0c4}.service-list details:last-child{border-bottom:1px solid #cdd0c4}summary{list-style:none;display:flex;align-items:center;padding:27px 0;cursor:pointer;gap:35px}summary::-webkit-details-marker{display:none}.number{font-size:11px;color:#7a7e70}.service-name{font-size:21px;letter-spacing:.07em;display:flex;align-items:center;gap:30px}.service-name small{font-size:9px;letter-spacing:.13em;color:#7a7e70}.plus{margin-left:auto;width:16px;height:16px;position:relative}.plus:before,.plus:after{content:"";position:absolute;top:8px;width:16px;height:1px;background:#737769}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0deg)}.service-content{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;padding:0 45px 35px 50px;font-size:14px;color:#717567}.service-content>p{font-size:17px;line-height:2}.tags{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-size:11px}.tags span:before{content:"＋ ";color:#9b9e8e}.projects{background:#e3e3d9;max-width:none}.scenes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.scenes figure:nth-child(2){margin-top:55px}.scenes figure:nth-child(3){margin-top:110px}.scenes img{height:290px;filter:grayscale(.75);transition:filter .5s}.scenes img:hover{filter:grayscale(0)}.scenes figcaption{margin-top:24px}.scenes figcaption>span{font-size:9px;letter-spacing:.13em}.scenes h3{font-size:18px;line-height:1.8;margin:10px 0;color:#36392e;letter-spacing:.03em}.scenes p{font-size:12px;line-height:1.9;letter-spacing:0}.scene-note{font-size:10px;color:#797d6e;margin-top:45px}.interlude{position:relative;height:460px;color:white}.interlude>img{height:100%;filter:grayscale(1) brightness(.6)}.interlude>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.interlude p{font-size:28px;line-height:1.9;letter-spacing:.07em;margin-top:25px}.small{font-size:9px;margin-top:35px;color:#d4d4cb}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps article{border-top:1px solid #c7cbbd;padding-top:22px}.steps h3{font-size:18px;letter-spacing:.06em;margin:25px 0 15px}.steps p{font-size:13px;color:#74796b}.contact{background:#dadccf;display:grid;grid-template-columns:1fr 1fr;gap:12%;max-width:none}.contact>div>p{font-size:13px;margin-top:25px}.contact-note{font-size:11px!important;color:#7c806f}form h3{font-size:19px;margin-bottom:22px}label{display:block;font-size:11px;letter-spacing:.06em;margin:20px 0 8px}select,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #a6ab99;padding:10px 0;border-radius:0;color:#363b2d}textarea{resize:vertical;line-height:1.9;font-size:14px}form button{display:block;background:#505744;color:#f7f7f1;border:0;padding:12px 24px;margin-top:24px;font-size:12px;cursor:pointer}form button:hover{background:#39402f}#form-status{font-size:10px;color:#6a725d;margin-top:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 5%;font-size:10px;color:#747868}footer .brand{color:#3c4134;font-size:22px}footer p{font-size:11px}footer a:last-child{border-bottom:1px solid #aab09e}::selection{background:#bec2b0}@media(min-width:1600px){.projects,.contact{padding-left:max(8%,calc((100% - 1344px)/2));padding-right:max(8%,calc((100% - 1344px)/2))}}@media(max-width:760px){header{height:83px;padding:0 7%}.brand{font-size:22px}.brand span{font-size:7px}.menu{display:block;background:none;border:0;font-size:11px;color:#3c4134}nav{display:none;position:absolute;left:0;right:0;top:83px;background:#eeede7;z-index:10;padding:25px 7%;border-bottom:1px solid #c9ccbf;gap:23px;flex-direction:column}nav.open{display:flex}.hero{height:590px}.hero-inner{padding:105px 8% 60px}h1{font-size:29px;line-height:1.75;letter-spacing:.04em}.hero-overlay{background:rgba(20,25,18,.4)}.hero-foot{font-size:7px;gap:15px}.hero-foot span:last-child{text-align:right}.section{padding:68px 7%}h2{font-size:26px;line-height:1.7}.about{display:flex;flex-direction:column;gap:30px}.about-photo{width:100%}.about-photo img{height:340px}.about-body{margin-top:0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:24px}.service-name{font-size:19px;display:block}.service-name small{display:block;margin-top:4px}summary{gap:22px;padding:23px 0}.service-content{grid-template-columns:1fr;gap:20px;padding:0 0 30px 37px}.scenes{grid-template-columns:1fr;gap:35px}.scenes figure:nth-child(n){margin-top:0}.scenes img{height:320px}.scenes figcaption{margin-top:18px}.scene-note{line-height:1.8}.interlude{height:400px}.interlude p{font-size:23px}.steps{grid-template-columns:1fr 1fr;gap:30px 25px}.steps h3{margin:20px 0 10px}.contact{grid-template-columns:1fr;gap:40px}footer{flex-wrap:wrap;padding:35px 7%;gap:25px}footer .brand{width:100%}footer p{width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}