:root{--ink:#202e3a;--paper:#f3f0e9;--gold:#b4a183;--line:#c9c7be}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.9 Arial,"Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #a78b5e;outline-offset:6px}h1,h2,h3,p{margin-top:0}h2,h3{font-weight:400}button{border:0;background:none}.v-skip{position:fixed;top:-100px;z-index:100;background:white;padding:12px}.v-skip:focus{top:0}.v-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:24px 4.5%;transition:background .4s,padding .4s,color .4s;border-bottom:1px solid transparent;color:var(--ink);background:rgba(243,240,233,.96)}.v-home .v-header:not(.scrolled){background:transparent;color:var(--paper)}.v-header.scrolled{padding-top:13px;padding-bottom:13px;border-color:#d6d3cb}.v-brand{display:inline-flex;align-items:center;gap:13px;line-height:1.15}.v-brand svg{width:46px;height:46px}.v-brand>span{font:34px Georgia,serif;letter-spacing:1px}.v-brand small{display:block;font:8px Arial,sans-serif;letter-spacing:1.2px;margin-top:6px}.v-header>div{display:flex;align-items:center;gap:42px}.header-contact{font-size:13px}.menu-open{display:flex;align-items:center;gap:16px;padding:10px 0}.menu-open i{width:38px;height:8px;border-block:1px solid currentColor}.v-menu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;background:var(--ink);color:var(--paper);padding:30px 6vw}.v-menu::backdrop{background:#202e3a}.menu-top{display:flex;align-items:center;justify-content:space-between}.v-menu nav{max-width:1000px;margin:7vh auto 3vh}.v-menu nav>a{display:flex;align-items:baseline;gap:30px;border-bottom:1px solid #53616c;padding:14px 0;font-size:clamp(23px,3.2vw,44px)}.v-menu small{font-size:12px;color:var(--gold)}.v-menu em{margin-left:auto;font:italic 28px Georgia;color:var(--gold)}.v-menu>p{text-align:center;color:var(--gold);letter-spacing:5px}.menu-close{padding:15px}.menu-locked{overflow:hidden}.v-hero{position:relative;min-height:800px;height:100svh;overflow:hidden;color:var(--paper);background:#203a49}.landscape{position:absolute;inset:-3%;background:url('assets/landscape.svg') center/cover;animation:drift 24s ease-in-out infinite alternate;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,29,39,.68),transparent 90%),linear-gradient(0deg,#172c3bcc,transparent 60%)}.hero-copy{position:relative;z-index:2;padding:23vh 10vw 170px}.eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:3px;margin-bottom:30px}.hero-copy h1{font-weight:400;font-size:clamp(42px,5.1vw,78px);line-height:1.5;letter-spacing:.16em;margin:0 0 27px;animation:enter 1.1s both}.hero-copy h1 span{display:block}.hero-note{font-size:14px;letter-spacing:2px;line-height:2.2}.text-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid currentColor;padding:12px 0;font-size:14px;margin-top:15px}.text-link span{transition:transform .3s}.text-link:hover span{transform:translate(3px,3px)}.hero-bottom{position:absolute;bottom:32px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;gap:20px;z-index:2;font:10px/1.5 Arial;letter-spacing:2px}.hero-bottom button{font-size:11px;letter-spacing:1px}.hero-word{position:absolute;bottom:50px;right:3%;font:clamp(110px,21vw,360px)/1 Georgia;opacity:.055;pointer-events:none}.v-wrap{width:84%;max-width:1500px;margin:auto}.v-about{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;padding-block:145px}.serif{font:clamp(46px,5.5vw,90px)/1.08 Georgia,serif;letter-spacing:-2px;margin:0 0 25px}.serif i{font-weight:400;color:#8d806d}.section-label{font-size:14px;letter-spacing:3px}.about-copy{padding-top:50px}.about-copy h3{font-size:30px;line-height:1.8;letter-spacing:3px;margin-bottom:35px}.about-copy p{font-size:14px;line-height:2.3;color:#63717a}.v-services{padding:90px 0;background:#e7e4dc;overflow:hidden}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px}.rail-controls{display:flex;gap:12px}.rail-controls button{border:1px solid #aaa99d;width:50px;height:50px;border-radius:50%;transition:background .3s}.rail-controls button:hover{background:var(--paper)}.rail-controls button:disabled{opacity:.3;cursor:default}.service-rail{display:flex;gap:35px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 8% 35px;scrollbar-width:thin;scrollbar-color:#a79a85 transparent}.service-card{flex:0 0 37vw;max-width:590px;min-width:290px;scroll-snap-align:center}.service-art{height:390px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:filter .4s}.service-art:after{content:'';position:absolute;inset:30px;border:1px solid currentColor;opacity:.2;transition:inset .6s}.service-card:hover .service-art:after{inset:20px}.art-word{font:55px/1.1 Georgia;transition:transform .8s}.service-card:hover .art-word{transform:scale(1.07)}.art-index{position:absolute;bottom:43px;right:45px;font:13px Georgia}.art-brand{background:#243947;color:#b4a183}.art-brand .art-word{font-size:70px;letter-spacing:3px}.art-website{background:linear-gradient(125deg,#b8b3a6,#ebe6da);color:#293c47}.art-website .art-word{border-left:1px solid #8d806d;padding:30px}.art-content{background:#626d6a;color:#e7e0d1}.art-content:before{content:'';position:absolute;width:320px;height:320px;border:1px solid #d0c4a4;border-radius:50%;left:40%;top:35%}.art-campaign{background:#aaa18c;color:#233846}.art-campaign:before{content:'';position:absolute;border:1px solid #eee6d4;border-radius:50%;width:350px;height:220px;transform:rotate(-35deg)}.service-title{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bbb9b0;margin-top:25px;padding-top:20px}.service-title h3{font-size:25px;letter-spacing:2px;margin:0}.service-title>span{font-size:25px}.service-card>small{font:italic 17px Georgia;color:#70766f}.service-card p{font-size:14px;margin-top:20px;color:#59666e}.tags{font-size:11px;letter-spacing:1px;color:#69716f}.rail-caption{display:flex;justify-content:space-between;margin-top:30px;font-size:12px;color:#69716f}.v-statement{min-height:780px;position:relative;display:flex;align-items:center;padding:100px 12%;color:var(--paper);overflow:hidden;background:#203a49}.statement-landscape{position:absolute;inset:0;background:linear-gradient(90deg,#142d3be8,#142d3b66),url('assets/landscape.svg') center/cover;background-attachment:fixed}.v-statement>div:last-child{position:relative}.v-statement h2{font-size:clamp(32px,4vw,62px);line-height:1.8;letter-spacing:5px}.v-statement h2 span{color:#c5b496}.v-statement p:last-child{font-size:14px;line-height:2.4;letter-spacing:2px}.v-process{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:145px}.process-heading{position:sticky;top:150px;align-self:start}.process-list article{display:flex;gap:35px;padding:35px 0;border-top:1px solid var(--line)}.process-list article>span{font:24px Georgia;color:#a0917a}.process-list h3{font-size:24px;letter-spacing:2px}.process-list p{font-size:14px;color:#66727a}.v-journal{padding:40px 0 140px}.journal-list>a{display:flex;align-items:center;gap:50px;padding:36px 0;border-top:1px solid var(--line)}.journal-list span{font-size:11px;letter-spacing:2px;width:135px;color:#8d806d}.journal-list h3{font-size:24px;margin:0}.journal-list b{margin-left:auto;font-size:25px;font-weight:400}.journal-list>a:hover h3{color:#8d806d}.v-contact{background:#ddd8cb;text-align:center;padding:120px 5%}.v-contact>p{letter-spacing:2px;font-size:14px}.contact-links{display:flex;justify-content:center;gap:30px;margin-top:40px}.contact-links a{border-bottom:1px solid;padding:10px 25px}.contact-person{margin-top:35px;color:#64717a}.v-footer{display:grid;grid-template-columns:1fr 1.3fr auto;gap:50px;background:var(--ink);color:var(--paper);padding:70px 8% 30px;font-size:12px}.v-footer .v-brand{align-self:start}.v-footer p{margin:0 0 15px}.v-footer a{overflow-wrap:anywhere}.v-footer small{color:#b4a183}.copyright{grid-column:1/-1;padding-top:30px;border-top:1px solid #58616a;font-size:10px}.v-detail main{padding-top:90px}.v-detail .subhero,.v-detail .article-head{padding-top:90px}.v-detail .v-brand{font-weight:400}.v-detail .v-header svg{width:46px}.reveal{transition:opacity .9s,transform .9s}.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(28px)}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}@keyframes drift{from{transform:scale(1.01) translateY(0)}to{transform:scale(1.065) translateY(-12px)}}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(max-width:760px){.v-header{padding:18px 6%}.v-brand>span{font-size:27px}.v-brand svg{width:37px;height:37px}.v-brand small{font-size:6px;letter-spacing:.7px}.header-contact{display:none}.menu-open{font-size:13px;gap:8px}.menu-open i{width:24px}.v-hero{min-height:730px;height:95svh}.hero-copy{padding:24vh 8% 130px}.hero-copy h1{font-size:44px;letter-spacing:.1em}.hero-bottom{left:8%;right:8%;flex-wrap:wrap;font-size:9px;letter-spacing:1px}.hero-bottom>span{display:none}.v-about,.v-process{grid-template-columns:1fr;gap:40px;padding-block:85px}.about-copy{padding-top:0}.serif{font-size:49px}.about-copy h3{font-size:26px}.v-services{padding:65px 0}.section-heading{gap:20px}.rail-controls{gap:6px}.rail-controls button{width:39px;height:39px}.service-card{flex-basis:82vw;min-width:0}.service-art{height:330px}.rail-caption span:first-child{display:none}.rail-caption{justify-content:end}.v-statement{min-height:680px;padding:80px 8%}.statement-landscape{background-attachment:scroll}.v-statement h2{font-size:30px;letter-spacing:2px}.process-heading{position:static}.v-journal{padding-bottom:85px}.journal-list>a{display:grid;grid-template-columns:1fr auto;gap:14px;padding:26px 0}.journal-list span{grid-column:1/-1}.journal-list h3{font-size:19px}.v-contact{padding:90px 7%}.contact-links{gap:20px;flex-direction:column;align-items:center}.v-footer{grid-template-columns:1fr;padding:60px 8% 25px;gap:30px}.v-menu{padding:22px 7%}.v-menu nav{margin-top:45px}.v-menu nav>a{font-size:23px;gap:18px;padding:18px 0}.v-menu em{font-size:18px}.v-menu>p{font-size:13px}.v-detail main{padding-top:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.visible){opacity:1;transform:none}.statement-landscape{background-attachment:scroll}}
@media(max-width:760px){.v-services .section-heading{flex-wrap:wrap}.v-services .rail-controls{margin-left:auto}.v-detail .subhero h1{font-size:29px;line-height:1.6;letter-spacing:0;text-wrap:balance}.v-menu .v-brand small{font-size:6px}}