@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Sans+JP:wght@300;400;500&family=Noto+Sans+TC:wght@300;400;500&display=swap');
:root{--paper:#f6f4ef;--ink:#292824;--muted:#77736b;--line:#d4d0c7;--serif:'Cormorant Garamond','Times New Roman',serif;--sans:'Noto Sans TC','Noto Sans JP',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;font-weight:300;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}a:hover{text-decoration:underline;text-underline-offset:6px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a89264;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.35}h2{font-family:var(--serif);font-size:clamp(30px,3.7vw,54px)}p{margin-top:24px}header{height:108px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:10;border-bottom:1px solid var(--line)}.home header{position:absolute;top:0;left:0;right:0;color:white;border-bottom:1px solid #ffffff35}.brand{font-family:var(--serif);font-size:24px;letter-spacing:2px;line-height:1.1;white-space:nowrap}.brand span{display:block;font-family:var(--sans);font-size:10px;letter-spacing:4px;margin-top:9px}.desktop-nav{display:flex;gap:28px;font-size:14px}.header-right{display:flex;gap:25px;align-items:center}.languages{display:flex;gap:12px;font-size:12px}.languages a[aria-current=true]{border-bottom:1px solid;padding-bottom:4px}.header-right button{background:none;border:0;font-size:13px;padding:10px 0}#menu-toggle span{margin-left:8px}#menu{position:absolute;z-index:20;top:108px;right:0;width:min(100%,480px);padding:35px 6%;background:var(--paper);box-shadow:0 20px 35px #0002}#menu a{display:block;font-size:18px;padding:8px 0}.hero{height:min(950px,100svh);min-height:680px;position:relative;color:#fff;background:#363a32}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 67%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10151185,#10151110),linear-gradient(0deg,#10151177,transparent 40%,#10151130)}.hero-copy{position:absolute;left:8%;top:43%;transform:translateY(-12%)}.eyebrow{font-size:12px;letter-spacing:2.6px;display:block;font-weight:400}.hero h1{font-family:var(--serif);font-size:clamp(48px,6.5vw,94px);font-weight:400;letter-spacing:5px;line-height:.98;margin-top:30px}.hero h1 span{font-family:var(--sans);font-size:clamp(13px,1.3vw,19px);letter-spacing:9px;display:block;margin-top:22px}.hero-copy>p{font-family:var(--serif);font-size:clamp(23px,2.5vw,36px);margin-top:35px}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:35px;font-size:14px}.button{display:inline-block;border:1px solid;padding:12px 27px;letter-spacing:.5px}.light{background:#f6f4ef;color:var(--ink);border-color:#f6f4ef}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:6px;font-size:14px}.hero-bottom{position:absolute;bottom:35px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}.intro{text-align:center;max-width:820px;margin:auto;padding:120px 30px 110px}.intro h2{margin-top:25px}.intro p{max-width:640px;margin:28px auto 0;color:#6d6a63;line-height:2.2}.section{padding:40px 7% 100px;max-width:1800px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head h2{margin-top:15px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.portfolio-grid:has(>.portfolio-item:nth-child(2):last-child){grid-template-columns:1fr 1fr}.portfolio-item:nth-child(2){padding-top:70px}.portfolio-item img{width:100%;height:460px;object-fit:cover;display:block;filter:saturate(.75)}.portfolio-item div{display:flex;justify-content:space-between;gap:15px;margin-top:20px;font-family:var(--serif);font-size:28px;line-height:1.3}.portfolio-item div span:last-child{font-family:var(--sans);font-size:12px;padding-top:7px;color:var(--muted)}.portfolio-item p{font-size:14px;margin-top:10px;color:var(--muted)}.commercial-line{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:25px 0;margin-top:65px;font-size:14px}.commercial-line>span{font-family:var(--serif);font-size:26px}.story-feature{display:grid;grid-template-columns:1.05fr 1fr;background:#e9e6df}.story-feature>img{width:100%;height:650px;object-fit:cover}.story-feature>div{padding:70px 15%;align-self:center}.story-feature h2{margin-top:25px}.story-feature p{color:#6d6a63}.story-feature a{margin-top:30px}.story-feature small{display:block;color:var(--muted);font-size:12px;margin-top:35px}.collection-preview{text-align:center;padding-top:110px}.collection-preview h2{margin-top:25px}.collection-preview a{margin-top:30px}.testimonials{padding:75px 25px 100px;text-align:center;border-top:1px solid var(--line);max-width:86%;margin:auto}.testimonials h2{margin-top:25px}.testimonials p{color:var(--muted);font-size:14px}.closing{padding:85px 7%;background:#252722;color:var(--paper);text-align:center}.closing h2{margin-top:25px}.closing a{margin-top:30px}footer{padding:65px 7% 25px}footer>div:not(.footer-base){display:flex;flex-wrap:wrap;gap:15px 30px;margin-top:35px;font-size:13px}.footer-base{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:30px;margin-top:40px;font-size:10px;letter-spacing:1.5px}.draft-note{font-size:12px;color:var(--muted);margin-top:20px}.mobile-book{display:none}.page-intro{padding:85px 7% 50px;max-width:1200px}.page-intro h1{font-family:var(--serif);font-size:clamp(40px,6vw,80px);margin-top:20px}.page-intro p{max-width:750px;color:var(--muted)}.page-intro small{display:block;margin-top:20px;color:var(--muted)}.spaced{margin:90px 0 30px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px}.zoom{padding:0;border:0;background:none;display:block;width:100%}.zoom img{display:block;object-fit:cover;width:100%;height:520px}.zoom:first-child:last-child img{height:auto;max-height:850px;object-fit:contain}.gallery:has(>.zoom:only-child){grid-template-columns:1fr}.note{color:var(--muted);font-size:13px;margin:25px 0 35px}.story-title{font-family:var(--serif);font-size:40px;display:block;margin-bottom:35px}.story-chapter{padding:30px 7% 75px}.story-chapter>div:first-child{margin-bottom:35px}.story-chapter h2{margin-top:15px}.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.pricing article{border-top:1px solid var(--line);padding-top:25px}.pricing h2{font-size:40px;margin-top:20px}.price{font-family:var(--serif);font-size:36px;margin:20px 0}.pricing article>p:not(.price){font-size:14px;margin-top:8px}.pricing article>a{display:inline-block;font-size:14px;border-bottom:1px solid;margin-top:30px}.fineprint{max-width:1000px}.fineprint h2{margin-top:65px}.fineprint a{margin-top:30px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.monogram{min-height:500px;background:#e8e5dd;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--serif);font-size:160px;color:#969082}.monogram span{font-family:var(--sans);font-size:12px;letter-spacing:4px}.about h2{margin-top:20px}.about p{color:var(--muted)}.about a{margin-top:35px}.locations{max-width:1100px}.city-links{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin:50px 0}.city-links a{font-family:var(--serif);font-size:40px;padding:20px 0;border-bottom:1px solid var(--line)}.faq{max-width:1100px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:25px;font-size:18px}.faq summary::-webkit-details-marker{display:none}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:750px;color:var(--muted);padding-bottom:10px}.contact{max-width:1200px}.contact>a,.email{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:30px 0;align-items:center}.contact>a>span:first-child,.email>span:first-child{font-family:var(--serif);font-size:38px}.email>span:last-child{max-width:55%;font-size:14px;color:var(--muted)}dialog{background:#171815;color:#fff;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:60px;margin:0}dialog::backdrop{background:#171815}dialog[open]{display:flex;align-items:center;justify-content:center}dialog img{width:100%;height:100%;object-fit:contain}dialog button{position:absolute;border:0;background:#0006;color:white;padding:10px 17px;font-size:26px}.close{right:20px;top:12px}.prev{left:15px;top:50%}.next{right:15px;top:50%}.counter{position:absolute;bottom:12px;font-size:13px}.skip{position:fixed;left:10px;top:-100px;background:white;padding:10px;z-index:50}.skip:focus{top:10px}
@media(min-width:1600px){.portfolio-item img{height:580px}}@media(max-width:1100px){.desktop-nav{gap:15px;font-size:13px}.header-right{gap:18px}.portfolio-item img{height:350px}.story-feature>div{padding:50px 10%}.pricing{gap:22px}.pricing h2{font-size:33px}}@media(max-width:850px){header{height:88px}.desktop-nav{display:none}#menu{top:88px}.brand{font-size:21px}.brand span{font-size:9px}.hero{min-height:640px;max-height:950px}.hero-copy{left:7%;right:7%}.hero h1{font-size:62px}.portfolio-grid{gap:20px}.portfolio-item img{height:290px}.portfolio-item div{font-size:23px}.story-feature>img{height:550px}.pricing{grid-template-columns:1fr 1fr;gap:45px}.about{gap:40px}.monogram{min-height:430px}.gallery img{height:400px}}
@media(max-width:600px){body{line-height:1.85}header{height:85px;padding:0 6%;gap:10px}.header-right{gap:14px}.languages{gap:9px;font-size:12px}.brand{font-size:18px;letter-spacing:1px}.brand span{font-size:8px;letter-spacing:2.6px}#menu-toggle{font-size:0}#menu-toggle span{font-size:20px;margin:0}#menu{top:85px}.hero{height:91svh;min-height:620px}.hero>img{object-position:56% 70%}.hero-shade{background:linear-gradient(0deg,#101511aa,transparent 95%),#10151120}.hero-copy{top:auto;bottom:130px;transform:none}.eyebrow{font-size:11px;letter-spacing:2px}.hero h1{font-size:49px;letter-spacing:2px;margin-top:25px}.hero h1 span{font-size:12px;letter-spacing:6px}.hero-copy>p{font-size:25px;line-height:1.3;max-width:290px}.hero-actions{gap:22px;font-size:13px;margin-top:30px}.hero-actions .text-link{font-size:13px}.button{padding:10px 19px}.hero-bottom{bottom:38px;font-size:9px;left:7%;letter-spacing:1px}.hero-bottom span:last-child{display:none}.intro{padding:80px 7%}.intro p{font-size:16px;text-align:left}.intro h2{font-size:30px}.section{padding:30px 7% 70px}.section-head{gap:15px}.section-head .text-link{font-size:12px;white-space:nowrap}.portfolio-grid,.portfolio-grid:has(>.portfolio-item:nth-child(2):last-child){grid-template-columns:1fr;gap:40px}.portfolio-item:nth-child(2){padding-top:0}.portfolio-item img{height:460px}.portfolio-item:nth-child(2){margin-left:15%}.portfolio-item:nth-child(3){margin-right:12%}.portfolio-item div{font-size:30px}.commercial-line{align-items:start;gap:25px;margin-top:45px}.commercial-line>span{font-size:22px;max-width:190px}.commercial-line>a{white-space:nowrap;font-size:13px}.story-feature{grid-template-columns:1fr}.story-feature>img{height:480px}.story-feature>div{padding:45px 9% 55px}.story-feature h2{font-size:34px}.collection-preview{padding-top:75px}.testimonials{max-width:86%;padding:55px 0 65px}.testimonials h2{font-size:30px}.closing{padding:70px 7%}.closing h2{font-size:30px}footer{padding:50px 7% 95px}footer>div:not(.footer-base){gap:13px 23px}.footer-base{display:block;font-size:9px}.footer-base span{display:block;margin-bottom:10px}.mobile-book{display:block;position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:15;background:#252722;color:white;border:1px solid #ffffff50;padding:11px 27px;font-size:13px;box-shadow:0 4px 15px #0002;white-space:nowrap}.page-intro{padding:55px 7% 35px}.page-intro h1{font-size:43px;overflow-wrap:anywhere}.gallery{grid-template-columns:1fr;gap:25px}.zoom img{height:auto;max-height:630px;object-fit:cover}.gallery .zoom:nth-child(2){width:85%;margin-left:auto}.pricing{gap:40px 24px}.pricing h2{font-size:30px}.pricing .price{font-size:30px}.pricing .eyebrow{font-size:10px}.pricing article>p:not(.price){font-size:13px}.pricing article>a{font-size:13px}.about{grid-template-columns:1fr;gap:40px}.monogram{min-height:330px;font-size:130px}.city-links{gap:0 25px}.city-links a{font-size:30px}.contact>a,.email{display:block}.contact>a>span,.email>span{display:block}.contact>a>span:last-child{font-size:16px;margin-top:12px}.email>span:last-child{max-width:100%;margin-top:12px}.faq summary{font-size:16px}.faq details p{font-size:16px}dialog{padding:55px 12px}.prev{left:0}.next{right:0}}
@media(prefers-reduced-motion:no-preference){a,button{transition:opacity .2s}a:hover{opacity:.8}}