:root{--paper:#f2efe5;--ink:#153f34;--green:#214c3e;--muted:#69746a;--line:#bac5b8}
body{background:#e5e6dc}.layout{display:block;max-width:700px;padding:25px 20px}.phone{border:0;border-radius:8px;background:var(--paper)}.phone header{border:0;background:transparent;height:auto;min-height:110px;padding:26px 30px}.brand{font-size:29px;gap:12px}.brand-logo{width:66px;height:58px;object-fit:contain;flex-shrink:0}.brand small{font:15px/1.5 Georgia,serif;letter-spacing:0}.hero{height:500px;padding:0;background:var(--paper)}.hero .landscape{width:100%;height:100%;object-fit:cover;object-position:60% center}.hero:after{background:linear-gradient(180deg,#f2efe5 0%,#f2efe500 40%,#f2efe500 85%,#f2efe5 100%),linear-gradient(90deg,#f2efe599 0%,transparent 60%)}.hero-copy{position:relative;padding:24px 30px;z-index:1}.hero h1{margin:0;width:65%;line-height:1}.hero .hero-lettering{position:static;display:block;width:100%;height:auto;object-fit:contain;z-index:1}.hero-copy p{margin-top:15px;font:23px/1.7 var(--serif);letter-spacing:.04em;color:var(--ink)}.home-content{padding:24px 30px 10px}.section-head{display:block;margin-bottom:24px}.section-head h2{font:34px/1.6 var(--serif);letter-spacing:.04em}.section-head span{display:block;font:17px/1.6 Georgia,var(--serif);color:var(--muted)}.project{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:18px 20px;margin:0 0 12px;border:1px solid #688676;border-radius:7px;gap:12px;transition:background .15s}.project:hover{background:#e8eddf}.project h3{font:28px/1.5 var(--serif);margin:0}.project-meta{display:block;font:17px/1.6 var(--serif);color:var(--muted)}.project .link-btn{display:flex;align-items:center;justify-content:center;gap:12px;min-width:105px;min-height:46px;border:1px solid var(--green);border-radius:40px;font:19px var(--serif);flex-shrink:0}.home-note{text-align:center;font:16px/1.8 var(--serif);color:var(--muted);margin-top:24px}.home-content .scenario{text-align:center;font-size:12px}.phone footer{display:flex;justify-content:center;border-top:1px solid #9ba99a;margin:16px 30px 0;padding:12px 0 22px}.phone footer a{font:16px/2 var(--serif);text-decoration:none}.prototype{font-size:12px}.prototype button{font-size:13px}.project-english:empty{display:none}
@media(max-width:700px){.layout{padding:0;width:100%}.phone{border-radius:0}.phone header{min-height:90px;padding:20px}.brand{font-size:26px;gap:10px}.brand small{font-size:13px}.brand-logo{width:57px;height:53px}.hero{height:clamp(300px,80vw,460px)}.hero-copy{padding:22px 22px}.hero h1{width:73%}.hero-copy p{font-size:clamp(15px,4vw,21px);margin-top:14px}.home-content{padding:20px 18px 8px}.section-head{margin-bottom:17px}.section-head h2{font-size:28px}.section-head span{font-size:15px}.project{padding:13px 14px;gap:8px;min-height:83px}.project h3{font-size:23px}.project-meta{font-size:14px}.project .link-btn{min-width:77px;min-height:44px;font-size:16px;gap:9px}.home-note{font-size:14px}.phone footer{margin-inline:18px}.slot{flex-wrap:wrap}.occupancy{font-size:14px}}
@media(max-width:350px){.brand{font-size:23px}.brand small{font-size:12px}.brand-logo{width:49px}.project{padding:12px}.project h3{font-size:21px}.project .link-btn{min-width:65px}.project-meta{font-size:13px}.hero-copy{padding-inline:18px}.hero h1{width:70%}}

/* Leave space above the complete brand lockup. */
.phone header{padding-top:36px}
@media(max-width:700px){.phone header{padding-top:30px}}

.project-description{white-space:pre-line;line-height:1.9}.project-tips{margin:22px 0;padding:18px 20px;background:#e8eddf;border-left:3px solid #81967f}.project-tips h3{font:20px/1.5 var(--serif);margin:0 0 12px}.project-tips ul{margin:0;padding-left:1.3em}.project-tips li{font-size:15px;line-height:1.9;margin:8px 0;color:var(--ink)}

.my-entry{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #81967f;border-radius:7px;padding:16px 20px;margin:0 0 25px;background:#e8eddf;color:var(--ink);font:23px/1.4 var(--serif);text-align:left}.my-entry small{display:block;font:14px/1.7 var(--sans, sans-serif);color:var(--muted);margin-top:3px}.my-card{border:1px solid var(--line);border-radius:8px;padding:20px;margin:18px 0;background:#f7f5ed}.my-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.my-card h2{font:24px/1.5 var(--serif);margin:0}.my-card p{line-height:1.9;font-size:16px}.my-card .note{font-size:13px;overflow-wrap:anywhere}.my-actions{display:flex;flex-wrap:wrap;gap:8px}.my-actions .secondary{flex:1;min-width:85px;width:auto;margin:0;padding:12px 8px;font-size:15px}.remove-record{display:block;margin:16px 0 0 auto;border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:4px;padding:10px 0;font-size:14px}.my-history{margin-top:24px}.my-history summary{cursor:pointer;padding:14px 0;font-size:18px}.replacement-note{border-left:3px solid #a4844a;background:#f0e6d2;padding:16px;line-height:1.8;margin:0 0 20px;font-size:16px}.empty h2{font-size:21px;line-height:1.6}.empty p{font-size:16px;line-height:1.8}.empty .primary{margin-top:16px}

.count-preview{padding:14px;background:#e8eddf;margin-top:18px;line-height:1.8;font-size:16px}