.area-proposal{background:#edf0e3;border:1px solid #a9b696;padding:17px;border-radius:10px;margin-top:18px;scroll-margin-top:170px}.area-proposal[hidden]{display:none}.area-proposal strong{font-size:13px}.area-proposal p{font-size:12px;line-height:1.8}.area-proposal>div{display:flex;gap:8px;flex-wrap:wrap}.area-proposal button{border:1px solid #758863;background:#425a34;color:white;padding:11px 12px;border-radius:6px;font-size:11px;min-height:44px}.area-proposal button+button{background:#fff;color:#425a34}.area-proposal small{display:block;font-size:10px;line-height:1.7;color:#647051;margin-top:12px}.result-copy{font-size:14px;line-height:1.85;background:#e9eddf;border-left:3px solid #8c9c77;padding:15px}.result-projects{border-top:1px solid #d0d6c3;margin-top:23px;padding-top:24px}.result-projects h3{font-size:18px;font-weight:400}.related-real-project{display:grid;grid-template-columns:140px 1fr;gap:16px;background:#eeeee5;border-radius:7px;overflow:hidden}.related-real-project img{width:100%;height:145px;object-fit:cover}.related-real-project>div{padding:16px 12px 10px 0}.related-real-project strong{font-size:15px;font-weight:500}.related-real-project p{font-size:11px;line-height:1.7;color:#616b55;margin:8px 0}.related-real-project span{font-size:11px;color:#425a34}.mobile-live{display:none}.standalone{background:#f5f2ec}.standalone .preview-note,.standalone .cover,.standalone .invitation,.standalone .studio-header{display:none}.standalone #studio{position:relative;display:block;width:100%;max-height:none;margin:0;overflow:visible;animation:none}.standalone .visual-column{top:15px}.standalone .site-studio-header{margin:0;padding:24px 5%;background:#f5f2ec}.site-studio-nav{display:flex;align-items:center;gap:26px}.site-studio-nav a{font-size:12px}.site-studio-nav a.current{border-bottom:1px solid #7c8b66;padding-bottom:6px}.site-studio-nav .locale{font-size:10px;letter-spacing:1px}.studio-page-intro{padding:30px 5% 36px;border-bottom:1px solid #dedbd1}.studio-page-intro h1{font-size:clamp(28px,4vw,48px);font-weight:300;letter-spacing:-1.5px;margin:12px 0}.studio-page-intro p{font-size:13px;color:#69715d;line-height:1.8}.standalone #result{position:fixed}.standalone .studio-layout{max-width:1600px;margin:auto}.standalone .studio-footer{padding:30px 5%;border-top:1px solid #dedbd1;font-size:11px;display:flex;gap:20px;justify-content:space-between}.standalone .studio-footer a{text-decoration:underline}
@media(max-width:700px){#studio{scroll-padding-top:165px}html:has(.standalone){scroll-padding-top:165px}.mobile-live{display:block;position:sticky;top:0;height:0;z-index:5;pointer-events:none;visibility:hidden}.mobile-live.active{visibility:visible}.mobile-live-content{display:flex;height:145px;background:#f3f2e9f7;backdrop-filter:blur(12px);border-bottom:1px solid #bbc6a9;box-shadow:0 5px 20px #35462a15;padding:6px 15px;gap:10px;pointer-events:auto}.mobile-live-copy{flex:1;align-self:center;min-width:0}.mobile-live .eyebrow{font-size:7px;letter-spacing:1.2px}.mobile-live p{font-size:11px;line-height:1.7;margin:6px 0}.mobile-live button{border:1px solid #b8c3a4;background:#e6eddc;color:#3b512c;border-radius:5px;padding:8px;font-size:10px;min-height:40px;margin-right:5px}.mobile-live button+button{background:transparent}#mini-scene{width:130px;flex-shrink:0;display:flex;align-items:center}#mini-scene svg{width:100%;max-height:135px}.mobile-live.expanded .mobile-live-content{height:290px;flex-direction:column}.mobile-live.expanded #mini-scene{width:100%;height:190px;justify-content:center}.mobile-live.expanded #mini-scene svg{width:230px;max-height:190px}.mobile-live.expanded .mobile-live-copy{width:100%;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mobile-live.expanded .eyebrow{display:none}.mobile-live.expanded p{flex:1;margin:0}.standalone .site-studio-header{padding:19px 5%;gap:15px;flex-wrap:wrap}.site-studio-nav{gap:17px;flex-wrap:wrap}.site-studio-nav a{font-size:11px}.studio-page-intro{padding:20px 5% 25px}.studio-page-intro h1{letter-spacing:-.8px}.standalone .visual-column{top:auto}.standalone .studio-footer{flex-wrap:wrap;line-height:1.8}.related-real-project{grid-template-columns:95px 1fr;gap:12px}.related-real-project img{height:155px}.related-real-project strong{font-size:14px}.related-real-project>div{padding-top:12px}.related-real-project p{font-size:10px}.area-proposal button{font-size:11px}.result-projects h3{font-size:17px}}
.standalone #studio{height:auto;min-height:0}@media(max-width:700px){.mobile-live button{min-height:44px}}