:root{font-family:Inter,'Helvetica Neue','PingFang TC',sans-serif;background:#f5f5f0;color:#252c32;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;min-height:44px;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #293ec4;outline-offset:5px}p,h1,h2,h3{margin:0}header{height:90px;margin:0 6%;border-bottom:1px solid #ccd0c8;display:flex;align-items:center;justify-content:space-between}header>a:last-child{font-size:11px;padding:14px 0}.wordmark{font-size:20px;letter-spacing:-.08em;font-weight:750}.wordmark span{font-size:10px;letter-spacing:.17em;border-left:1px solid #7c867e;margin-left:15px;padding-left:15px;font-weight:400}main{margin:0 auto;max-width:1600px;padding:65px 6% 0}.eyebrow{font:10px/1.8 monospace;letter-spacing:.14em;color:#637267}.intro>div:nth-child(2){display:flex;align-items:end;justify-content:space-between;gap:40px;margin:28px 0 40px}.intro h1{font-size:clamp(44px,5vw,80px);font-weight:550;line-height:1.25;letter-spacing:-.07em}.intro>div>p{font-size:13px;line-height:2;color:#637267;max-width:400px}.intro-meta{display:flex;gap:30px;font-size:10px;color:#637267;border-top:1px solid #ccd0c8;padding:22px 0}.intro-meta span+span{border-left:1px solid #ccd0c8;padding-left:30px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ccd0c8;padding:22px 0;margin-top:28px}.gallery-toolbar>p{font-size:12px}.gallery-toolbar>div{display:flex;gap:4px}.gallery-toolbar button{border:1px solid #ccd0c8;border-radius:30px;padding:0 19px;background:transparent;font-size:11px;color:#637267}.gallery-toolbar button[aria-pressed=true]{background:#252c32;border-color:#252c32;color:#fff}.gallery-toolbar button span{display:inline-block;margin-left:8px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 30px}.design-card{min-width:0}.design-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.75fr 1fr;gap:40px;padding:24px;background:#eaece5;border-radius:4px}.design-card:first-child .card-copy{display:flex;flex-direction:column;justify-content:center;padding:20px}.design-card:first-child .card-copy h2{font-size:36px}.design-card:first-child .card-meta{margin-bottom:24px}.design-card:first-child .description{margin-top:20px}.design-card:first-child .card-actions{margin-top:30px}.shot-link{display:block;background:var(--bg);padding:13px 13px 0;border-radius:4px;overflow:hidden;position:relative}.shot-link::before{content:'●  ●  ●';display:block;font:7px monospace;letter-spacing:2px;color:var(--accent);opacity:.5;margin-bottom:10px}.shot-link img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top;transition:transform .45s;transform-origin:center}.shot-link:hover img{transform:scale(1.025)}.shot-link:after{content:'進入體驗 ↗';position:absolute;right:20px;bottom:18px;padding:11px 15px;background:var(--accent);color:var(--on);font-size:11px;border-radius:30px;opacity:0;transform:translateY(5px);transition:.2s}.shot-link:hover:after,.shot-link:focus-visible:after{opacity:1;transform:translateY(0)}.card-copy{padding:22px 0 0}.card-meta{display:flex;align-items:center;gap:10px;justify-content:space-between;font:9px monospace;letter-spacing:.1em;color:#637267;margin-bottom:14px}.card-meta>span:first-child{color:#252c32}.card-title{display:flex;gap:14px;align-items:baseline}.card-title>span{font:16px Georgia;color:#78857c}.card-copy h2{font-size:28px;font-weight:550;letter-spacing:-.04em}.card-tag{font-size:13px;margin-top:12px}.description{font-size:12px;line-height:1.9;color:#637267;margin-top:12px;max-width:510px}.card-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;padding-top:19px;border-top:1px solid #ccd0c8;margin-top:20px}.card-actions>a{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600;min-height:44px}.save{font-size:10px;color:#637267;border:1px solid #ccd0c8;background:transparent;border-radius:30px;padding:0 14px}.save[aria-pressed=true]{background:#252c32;color:white;border-color:#252c32}.compare-notes{display:grid;grid-template-columns:1fr 1fr;gap:22px 60px;padding:65px 0;margin-top:80px;border-top:1px solid #ccd0c8}.compare-notes .eyebrow{grid-column:1/-1}.compare-notes h2{font-size:36px;font-weight:500;line-height:1.5;letter-spacing:-.045em}.compare-notes>p:last-child{font-size:13px;line-height:2;align-self:end;color:#637267}footer{margin:0 6%;padding:26px 0 40px;border-top:1px solid #ccd0c8;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#637267}.empty{padding:70px 0;font-size:14px;color:#637267;line-height:1.9}.status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#252c32;color:white;font-size:12px;border-radius:30px;opacity:0;pointer-events:none;transition:.2s}.status.show{opacity:1}[hidden]{display:none!important}@media(max-width:900px){main{padding-top:45px}.intro>div:nth-child(2){display:block}.intro>div>p{margin-top:24px}.intro h1{font-size:56px}.design-card:first-child{display:block;padding:20px}.design-card:first-child .card-copy{padding:25px 0 0}.design-card:first-child .card-meta{margin-bottom:14px}.design-card:first-child .card-copy h2{font-size:28px}.design-card:first-child .description{margin-top:12px}.design-card:first-child .card-actions{margin-top:20px}.gallery{gap:45px 25px}.card-copy h2{font-size:25px}.card-meta{font-size:8px;gap:6px}.compare-notes{gap:24px 36px}.compare-notes h2{font-size:30px}.intro-meta{gap:18px}.intro-meta span+span{padding-left:18px}}@media(max-width:600px){header{margin:0 22px;height:74px}header>a:last-child{font-size:10px}.wordmark{font-size:18px}.wordmark span{font-size:8px;padding-left:10px;margin-left:10px}main{padding:38px 22px 0}.intro h1{font-size:43px;line-height:1.4}.intro>div:nth-child(2){margin:18px 0 30px}.intro>div>p{font-size:11px;line-height:1.9}.intro-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:9px}.intro-meta span+span{border:0;padding:0}.gallery-toolbar{margin-top:15px;gap:10px}.gallery-toolbar>p{font-size:10px}.gallery-toolbar button{font-size:10px;padding:0 12px}.gallery{display:block}.design-card,.design-card:first-child{margin-bottom:40px}.design-card:first-child{padding:0;background:none}.shot-link{padding:9px 9px 0}.shot-link::before{font-size:5px;margin-bottom:6px}.shot-link img{aspect-ratio:1.44}.shot-link:after{opacity:1;font-size:9px;right:14px;bottom:12px;padding:8px 12px}.card-meta{font-size:8px}.card-copy{padding-top:20px}.card-copy h2,.design-card:first-child .card-copy h2{font-size:28px}.description{font-size:11px}.card-actions{padding-top:13px;margin-top:15px}.card-tag{font-size:12px}.compare-notes{display:block;margin-top:50px;padding:38px 0}.compare-notes h2{font-size:31px;margin:18px 0}.compare-notes>p:last-child{font-size:12px}footer{margin:0 22px;flex-wrap:wrap;font-size:9px;gap:20px}.status{width:max-content;max-width:90vw;text-align:center;font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.gallery[data-filter=saved] .design-card:first-child{grid-column:auto;display:block;background:transparent;padding:0}.gallery[data-filter=saved] .design-card:first-child .card-copy{display:block;padding:22px 0 0}.gallery[data-filter=saved] .design-card:first-child .card-copy h2{font-size:28px}.gallery[data-filter=saved] .design-card:first-child .card-meta{margin-bottom:14px}.gallery[data-filter=saved] .design-card:first-child .description{margin-top:12px}.gallery[data-filter=saved] .design-card:first-child .card-actions{margin-top:20px}