:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#171714;background:#f2f3f3;font-synthesis:none;--orange:#d95c00;--line:#e4e1dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ed7c28;outline-offset:5px}.review-bar{position:sticky;top:0;z-index:10;background:#fff3e8;border-bottom:1px solid #ecd9c7;min-height:58px;padding:10px 4%;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.review-bar strong{margin-right:16px}.review-bar span{color:#775c44}.device-switch{display:flex;border:1px solid #d8bfa9;border-radius:6px;padding:3px;gap:3px}.device-switch button{border:0;border-radius:3px;background:transparent;padding:7px 14px;font-size:14px}.device-switch button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #0001}.preview{container-type:inline-size;max-width:1680px;margin:auto;background:white;transition:max-width .25s}.preview.mobile{max-width:390px;box-shadow:0 10px 45px #0002}.surface{background:#fff}.header{display:flex;align-items:center;gap:40px;justify-content:space-between;margin:0 6%;padding:25px 0;border-bottom:1px solid var(--line)}.logo{text-decoration:none;font-size:36px;font-weight:800;letter-spacing:-1.5px;color:#f47b00}.header nav{display:flex;gap:32px;font-size:15px}.header nav a{text-decoration:none}.header-label{font-size:13px;color:#76736e}.intro{padding:65px 6% 48px;display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--orange);margin:0 0 20px}h1{font-size:clamp(38px,4.3vw,66px);line-height:1.06;letter-spacing:-2px;margin:0;font-weight:650}.intro-side{max-width:360px;margin-left:auto}.intro-side p{font-size:18px;line-height:1.65;color:#716e69;margin:0 0 24px}.text-link{font-size:17px;font-weight:700;text-decoration:none;color:var(--orange);display:inline-flex;align-items:center;gap:20px}.spotlight{margin:0 6%;border:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.25fr;background:#faf9f6;overflow:hidden}.spotlight-copy{padding:45px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.number{font-size:13px;color:#75716a;letter-spacing:1.6px;margin-bottom:20px}.spotlight h2{font-size:40px;line-height:1.1;letter-spacing:-1px;margin:0 0 18px}.spotlight-copy p{font-size:17px;line-height:1.65;color:#6d6860;margin:0 0 23px;max-width:300px}.facts{display:flex;gap:25px;border-top:1px solid #dedbd5;padding-top:18px;margin-bottom:27px}.facts strong{font-size:18px;display:block;font-weight:600}.facts span{font-size:12px;color:#7b756d;display:block;margin-top:5px}.primary{background:#ed7500;color:white;border:0;min-height:48px;padding:13px 22px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:3px}.primary:hover{background:#ce5e00}.spotlight-visual{position:relative;display:grid;align-content:center;background:white;border-left:1px solid var(--line);min-height:450px;padding:20px}.visual-label{position:absolute;top:24px;left:25px;font-size:11px;letter-spacing:1.6px;color:#827e76;z-index:1}.drawing{display:block;position:relative;overflow:hidden;width:100%;height:100%;background:white}.drawing img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.drawing.sideways img{transform:rotate(-90deg) scale(1.43)}.drawing.upright img{transform:scale(1.25)}.spotlight-visual .drawing{height:390px}.drawing-button{border:0;padding:0;width:100%;display:block;background:white;color:inherit}.drawing-button:hover img{opacity:.8}.visual-bottom{position:absolute;bottom:18px;right:24px;color:#827e76;font-size:12px}.collection{padding:66px 6% 48px}.collection-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:32px}.collection-heading .eyebrow{margin-bottom:14px}.collection-heading h2{font-size:34px;letter-spacing:-.8px;line-height:1.15;margin:0}.collection-heading>p{font-size:16px;line-height:1.65;color:#75716a;margin:0}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}.card{min-width:0}.card .drawing-button{border:1px solid var(--line);position:relative}.card .drawing{height:280px}.card-ref{display:flex;justify-content:space-between;margin:18px 0 10px;font-size:12px;letter-spacing:1px;color:#827b72}.card h3{font-size:21px;margin:0 0 10px;font-weight:600;letter-spacing:-.3px}.card p{font-size:14px;line-height:1.6;color:#77736d;margin:0;min-height:45px}.card-footer{margin-top:17px;padding-top:15px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:10px}.card-footer button{border:0;background:none;color:var(--orange);font-weight:700;padding:5px 0}.card-footer span{color:#746e65}.next-section{margin:10px 6% 45px;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.next-section>span{font-size:12px;letter-spacing:2px;color:#8c8175}.next-section h2{font-size:24px;margin:10px 0;color:#71695f}.next-section p{font-size:14px;color:#8b8278}.review-notes{margin:0 6%;padding:25px 30px;background:#faf9f7;font-size:14px;line-height:1.8;color:#71695e}.review-notes h2{font-size:18px;color:#3f3b35;margin:0 0 8px}.review-notes p{margin:0 0 10px}.review-notes ul{padding-left:18px;margin:0}.review-notes li{margin:6px 0}footer{margin:0 6%;padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}footer>.logo{font-size:26px}footer>span:last-child{font-size:12px;color:#827b72}dialog{border:1px solid var(--line);padding:26px;border-radius:10px;width:min(1100px,94vw);max-height:92dvh;color:#171714}dialog::backdrop{background:#17171499}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px}.dialog-head .eyebrow{margin-bottom:8px}.dialog-head h2{margin:0;font-size:28px}.dialog-head button{border:0;background:#f3f1ed;border-radius:50%;width:40px;height:40px;font-size:26px;flex-shrink:0}.dialog-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;margin-top:20px}#detail-image{aspect-ratio:1.2}#detail-image .drawing.sideways img{transform:rotate(-90deg);width:70.76%;height:141.32%;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}#detail-image .drawing.upright img{transform:none}.drawing-hint{font-size:12px;line-height:1.6;color:#857d73}.detail-copy>p{font-size:16px;line-height:1.6;color:#71695f}dl{margin:25px 0}dt{font-size:13px;color:#82786c;margin-top:15px}dd{font-size:18px;margin:5px 0}.detail-copy .small-note{font-size:13px}#demo-message{font-size:14px;color:#a44c08;line-height:1.6}.detail-copy .primary{width:100%}@container(max-width:850px){.header{gap:15px}.header-label{display:none}.intro{grid-template-columns:1fr;gap:25px;padding-top:40px}.intro-side{margin:0;max-width:100%}h1{font-size:44px}.spotlight-copy{padding:25px}.spotlight h2{font-size:30px}.facts{gap:14px}.facts strong{font-size:16px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card .drawing{height:250px}.collection-heading h2{font-size:28px}}@container(max-width:520px){.header{padding:20px 0}.logo{font-size:31px}.header nav{gap:14px;font-size:12px}.intro{padding:35px 6% 30px}.intro h1{font-size:38px;letter-spacing:-1.2px}.intro-side p{font-size:16px;margin-bottom:18px}.eyebrow{font-size:11px;letter-spacing:1.5px}.spotlight{grid-template-columns:1fr}.spotlight-visual{grid-row:1;border-left:0;border-bottom:1px solid var(--line);min-height:280px;padding:10px}.spotlight-visual .drawing{height:265px}.spotlight-copy{padding:25px}.spotlight-copy p{max-width:none}.spotlight h2{font-size:32px}.number{margin-bottom:12px}.spotlight-copy .primary{width:100%}.visual-label{font-size:10px;top:16px;left:18px}.visual-bottom{bottom:10px}.collection{padding-top:45px}.collection-heading{display:block}.collection-heading>p{font-size:14px;margin-top:17px}.collection-heading h2{font-size:29px}.design-grid{grid-template-columns:1fr;gap:30px}.card .drawing{height:300px}.card h3{font-size:22px}.card p{min-height:0;font-size:15px}.card-footer{font-size:15px}.review-notes{padding:22px}.next-section p{line-height:1.7}.review-notes ul{padding-left:16px}footer{align-items:start}footer>span:last-child{max-width:175px;line-height:1.5}}@media(max-width:700px){.review-bar span{display:block;font-size:12px;margin-top:3px}.device-switch button{padding:6px 9px}.dialog-layout{grid-template-columns:1fr;gap:5px}dialog{padding:18px}.dialog-head h2{font-size:23px}#detail-image{aspect-ratio:1.1}.dialog-head .eyebrow{font-size:11px}.dialog-head button{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.preview{transition:none}}