:root{color-scheme:light;--paper:#f5f1e8;--surface:#fffcf6;--ink:#203832;--green:#245950;--muted:#596b63;--line:#d6dcd2;--wood:#c09b76;--serif:"Noto Serif TC","PMingLiU",serif;--sans:Arial,"Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans)}a{color:inherit}a:focus-visible{outline:3px solid var(--green);outline-offset:6px}.skip{position:fixed;top:-90px;left:16px;z-index:10;padding:12px 20px;background:var(--green);color:white}.skip:focus{top:12px}.header,main,footer{max-width:1440px;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:32px 6%;gap:20px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.4px}.brand-mark{width:44px;height:48px;border:1px solid #24595055;border-radius:20px 20px 4px 4px;display:flex;align-items:center;justify-content:center;font:27px var(--serif);letter-spacing:-5px;padding-right:5px}.brand-mark span{margin-top:9px}.brand-design{display:block;font-size:10px;letter-spacing:3.5px;margin-top:4px;font-weight:400}.status{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.status>span{width:6px;height:6px;border-radius:50%;background:var(--green)}.hero{padding:50px 6% 88px;display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center}.eyebrow{font-size:14px;color:var(--muted);margin:0 0 28px;letter-spacing:.06em}h1{font:500 clamp(48px,5.5vw,82px)/1.35 var(--serif);letter-spacing:.035em;margin:0 0 28px}.period{color:#8a6848}.intro{font-size:18px;line-height:1.9;color:var(--muted);margin:0 0 36px}.button{display:inline-flex;gap:32px;align-items:center;min-height:52px;padding:13px 22px;background:var(--green);color:white;text-decoration:none;border-radius:5px;font-size:14px;transition:background .18s}.button:hover{background:#173f39}.button>span{font-size:20px}.small-note{color:var(--muted);font-size:12px;margin:18px 0 0}.composition{position:relative;height:620px;overflow:hidden;background:#e5dfd1;border-radius:150px 150px 8px 8px;isolation:isolate}.composition:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff15,transparent 60%,#2038320c)}.composition-caption{position:absolute;top:70px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:3px;color:#596650}.window{position:absolute;top:125px;left:11%;width:28%;height:290px;border:8px solid #f7f4ea;border-radius:70px 70px 0 0;display:flex;background:linear-gradient(160deg,#c9d2c1,#e4dfd0);box-shadow:12px 14px 22px #615b4b16}.window span{flex:1;border-right:3px solid #f7f4ea}.window span:last-child{border:0}.sunlight{position:absolute;top:220px;left:0;width:120%;height:400px;background:linear-gradient(125deg,transparent 20%,#fffcf655 20%,#fffcf655 41%,transparent 41%);transform:skewY(-15deg)}.wall{position:absolute;bottom:0;right:-6%;width:68%;height:420px;background:#f0eadd;transform:skewY(-10deg);box-shadow:-18px 0 35px #7265490c}.arch{position:absolute;bottom:118px;right:10%;width:33%;height:270px;border-radius:100px 100px 0 0;background:linear-gradient(100deg,#264d43,#38634e);box-shadow:inset 10px 0 22px #163c3422}.table{position:absolute;left:9%;bottom:135px;width:64%;height:28px;background:#c5a27c;border-radius:50%;box-shadow:0 8px 0 #ab8764,0 22px 24px #6a59442b;transform:rotate(-5deg)}.table:after{content:"";position:absolute;top:24px;left:41%;width:20%;height:130px;background:linear-gradient(90deg,#b28f69,#c3a47d);border-radius:0 0 40% 40%;z-index:-1}.vase{position:absolute;left:34%;bottom:165px;width:41px;height:61px;border-radius:10px 10px 17px 17px;background:linear-gradient(90deg,#e0d7c6,#f9f2e7);transform:rotate(-5deg);box-shadow:5px 5px 12px #54463015}.vase:before,.vase:after,.vase span{content:"";position:absolute;bottom:52px;left:20px;width:2px;height:85px;background:#6b7b54;transform:rotate(-17deg)}.vase:after{height:60px;transform:rotate(22deg)}.vase span{bottom:92px;left:2px;width:17px;height:28px;border-radius:100% 0;background:#7c8c63;transform:rotate(-30deg)}.swatches{position:absolute;bottom:55px;right:30px;display:flex;gap:5px;transform:rotate(-6deg)}.swatches span{width:35px;height:48px;background:#f8f5eb;border:1px solid #ffffff99;box-shadow:2px 4px 8px #544f3918}.swatches span:nth-child(2){background:#bea181}.swatches span:nth-child(3){background:#abb29b}.swatches span:nth-child(4){background:#365849}.drawing-label{position:absolute;bottom:83px;left:28px;font:14px var(--serif);color:#4c5e50;writing-mode:vertical-rl;letter-spacing:4px}.drawing-number{position:absolute;bottom:24px;left:30px;font-size:9px;letter-spacing:2px;color:#5c6957}.next{margin:0 6%;padding:64px 0 76px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:6%;scroll-margin-top:30px}.next .eyebrow{margin-bottom:20px}h2{font:500 clamp(27px,3vw,38px)/1.6 var(--serif);margin:0}.next-copy{padding-top:8px;color:var(--muted);line-height:1.9}.next-copy p{margin:0 0 20px}.availability{font-size:14px;border-left:2px solid #9aa992;padding-left:15px}footer{border-top:1px solid var(--line);padding:26px 6%;display:flex;align-items:center;gap:28px;font-size:12px;color:var(--muted)}.footer-brand{font-size:14px;text-decoration:none;color:var(--green)}footer p{margin:0}footer>span{margin-left:auto}@media(max-width:760px){.header{padding:22px 6%}.brand{font-size:17px}.brand-mark{width:36px;height:41px;font-size:23px}.status{font-size:11px;gap:5px}.hero{grid-template-columns:1fr;padding-top:34px;padding-bottom:48px;gap:38px}.hero .eyebrow{font-size:12px;margin-bottom:22px}h1{font-size:54px;margin-bottom:23px}.intro{font-size:16px;margin-bottom:26px}.composition{height:465px;border-radius:120px 120px 7px 7px}.composition-caption{top:53px;font-size:8px;letter-spacing:2px}.window{top:95px;height:235px}.wall{height:315px}.arch{height:220px;bottom:85px}.table{bottom:105px}.table:after{height:100px}.vase{bottom:135px}.swatches{bottom:40px;right:22px}.swatches span{width:29px;height:39px}.drawing-label{font-size:12px;bottom:70px;left:21px}.drawing-number{left:23px;font-size:8px;bottom:18px}.next{grid-template-columns:1fr;padding:38px 0;gap:22px}.next .eyebrow{font-size:12px;margin-bottom:15px}h2{font-size:29px}.next-copy{font-size:15px}footer{flex-wrap:wrap;gap:8px 20px;padding-top:22px;padding-bottom:22px}footer>span{width:100%;margin-left:0}}@media(max-width:350px){.status{max-width:88px;line-height:1.6}.brand{font-size:15px;gap:8px}h1{font-size:47px}.button{gap:16px;padding:12px 17px}.composition{height:420px}.table{width:68%}.window{height:215px}.arch{height:195px}.swatches{gap:3px}.swatches span{width:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}