*{box-sizing:border-box}:root{--g:#1f3a33;--y:#e2b33c;--c:#f5f7f9;--x:#1a1f24;--m:#5a6570;--b:#d5dce3;--s:#eef1f4}
body{margin:0;background:var(--c);color:var(--x);font:400 17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}img{max-width:100%;height:auto;display:block}a{color:var(--g)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--g);line-height:1.15;margin:0 0 .5em}h1{font-size:clamp(34px,7vw,54px)}h2{font-size:clamp(26px,4.5vw,36px)}h3{font-size:21px}
.w{max-width:1100px;margin:0 auto;padding:0 20px}section{padding:52px 0}.alt{background:var(--s)}
header{background:var(--c);border-bottom:1px solid var(--b);position:sticky;top:0;z-index:50}header .w{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo img{height:50px;width:auto}nav{display:none}nav a{margin-left:22px;text-decoration:none;color:var(--g);font-weight:600;font-size:15px}nav a[aria-current]{box-shadow:inset 0 -3px 0 var(--y)}
.mb{background:none;border:0;font-size:28px;color:var(--g);padding:8px;cursor:pointer}.mm{display:none;padding:0 20px 12px}.mm.o{display:block}.mm a{display:block;padding:13px 0;border-top:1px solid var(--b);text-decoration:none;color:var(--g);font-weight:600}
@media(min-width:960px){nav{display:flex;align-items:center}.mb,.mm,.mm.o{display:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--y);color:#1d1d1b;text-decoration:none;padding:13px 22px;border-radius:4px;border:0;font:700 16px system-ui,sans-serif;min-height:48px;cursor:pointer}.btn.d{background:var(--g);color:#fff}.btn.o{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn.ol{background:transparent;color:var(--g);box-shadow:inset 0 0 0 2px var(--g)}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.hero{position:relative;min-height:min(80vh,680px);display:flex;align-items:flex-end;color:#fff;background:var(--g);overflow:hidden}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,30,26,.92),rgba(15,30,26,.35) 60%,rgba(15,30,26,.1));pointer-events:none;z-index:1}
.hero .w{position:relative;z-index:2;padding:120px 20px 48px;width:100%}.hero h1{color:#fff;max-width:680px}.hero p{max-width:540px;font-size:19px}
.ph{background:var(--g);color:#eef2ef;padding:44px 0}.ph h1{color:#fff}.ph p{max-width:620px;margin:0;font-size:18px}
.g2{display:grid;gap:20px}@media(min-width:760px){.g2{grid-template-columns:1fr 1fr}}
.g3{display:grid;gap:20px}@media(min-width:760px){.g3{grid-template-columns:repeat(3,1fr)}}
.folio-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin:0 -20px;padding-left:20px;padding-right:20px;scroll-padding-left:20px}.folio-row>.card{flex:0 0 78vw;scroll-snap-align:start}@media(min-width:760px){.folio-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;overflow:visible;margin:0;padding:0}.folio-row>.card{flex:none}}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:760px){.gal{grid-template-columns:repeat(3,1fr)}}.gal img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:4px}
.fav-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 2px 14px;margin:10px 0 0}
.fav-strip a{flex:0 0 min(44vw,210px);scroll-snap-align:start;border-radius:6px;overflow:hidden;display:block;border:1px solid var(--b);background:#fff;text-decoration:none}
.fav-strip img{width:100%;aspect-ratio:4/5;object-fit:cover}
.fav-note{font-size:14px;color:var(--m);margin:4px 0 0;max-width:640px}.pt-wrap{width:100%;max-width:960px;margin:16px auto 0;overflow:hidden;border-radius:8px}.pt-wrap template,[data-pt-type]{display:block;width:100%}.pt-wrap iframe,.pt-wrap img{max-width:100%;height:auto}
.sr-thumbs{display:flex;gap:8px;overflow-x:auto;padding:12px;background:#fff;-webkit-overflow-scrolling:touch}
.sr-thumbs button{flex:0 0 auto;width:118px;border:2px solid var(--b);border-radius:6px;padding:0;background:#fff;cursor:pointer;overflow:hidden;text-align:left}
.sr-thumbs button[aria-selected="true"]{border-color:var(--y)}
.sr-thumbs button img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--g)}
.sr-thumbs button span{display:block;padding:6px 8px;font:600 11px/1.3 system-ui;color:var(--g)}
.card{background:#fff;border:1px solid var(--b);border-radius:8px;padding:24px}.card.f{border:2px solid var(--g)}
.price{font:700 30px Georgia,serif;color:var(--g);margin:4px 0}.ex{display:inline-block;background:#fff3c4;color:#5a4500;border:1px dashed #b38b00;font:700 12px/1.4 system-ui;padding:2px 8px;border-radius:3px;letter-spacing:.04em;text-transform:uppercase}
.todo{display:inline-block;background:#fff3c4;color:#5a4500;border:1px dashed #b38b00;font:600 13px/1.4 system-ui;padding:2px 8px;border-radius:3px}
ul.l{padding-left:20px;margin:10px 0 0}ul.l li{margin:4px 0}
.frame{border:1px solid var(--b);border-radius:8px;overflow:hidden;background:#fff}.frame .bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--s);font-size:14px}.frame iframe{display:block;width:100%;height:520px;border:0}
form.q{display:grid;gap:14px}form.q label{font-weight:700;font-size:15px;color:var(--g)}form.q input,form.q select,form.q textarea{width:100%;padding:13px;border:1px solid #a9b3ae;border-radius:4px;font:16px system-ui;background:#fff;margin-top:5px}
footer{background:var(--g);color:#dfe7e3;padding:40px 0 90px;font-size:15px}footer a{color:#fff}footer img{height:44px;width:auto;margin-bottom:12px}@media(min-width:960px){footer{padding-bottom:40px}}
.call{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;display:flex;gap:8px}.call a{flex:1;min-height:44px;padding:8px;box-shadow:0 6px 18px rgba(0,0,0,.25)}@media(min-width:960px){.call{display:none}}