:root{--bg:#f1ece6;--bg2:#e9e1d8;--card:#faf7f3;--ink:#2b1e19;--brn:#5a4036;--mute:#85705f;--rose:#c9897d;--blush:#ead2c8;--line:#dccfc3;--out:cubic-bezier(.23,1,.32,1);--io:cubic-bezier(.77,0,.175,1);color-scheme:light}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 Jost,system-ui,sans-serif;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0)}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.02;margin:0 0 .45em;color:var(--brn)}
h1{font-size:clamp(3rem,9vw,6rem)}h2{font-size:clamp(2.2rem,5.5vw,3.8rem)}h3{font-size:1.6rem;line-height:1.1}
h1 em,h2 em{color:var(--rose)}p{margin:0 0 1em;max-width:60ch;color:#4a3a32}a{color:var(--brn)}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}.eye{letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;color:var(--rose);font-weight:500}.lead{font-size:1.2rem}
header{position:sticky;top:0;z-index:30;background:rgba(241,236,230,.9);backdrop-filter:blur(12px);border-bottom:1px solid transparent;padding-top:env(safe-area-inset-top,0);transition:border-color .3s ease}
header.sc{border-color:var(--line)}header .wrap{display:flex;align-items:center;min-height:70px;gap:12px}
.logo{height:46px;display:block;border-radius:6px}nav{margin-left:auto;display:flex;gap:2px}
nav a{text-decoration:none;color:var(--mute);padding:9px 12px;border-radius:999px;font-size:.93rem;position:relative;transition:color .2s ease,background-color .2s ease}
nav a.on{color:var(--brn);background:var(--bg2)}@media(hover:hover) and (pointer:fine){nav a:hover{color:var(--brn)}}
.mb{display:none;margin-left:auto;width:44px;height:44px;border:0;background:transparent;cursor:pointer;position:relative}.mb span{position:absolute;left:11px;right:11px;height:2px;background:var(--brn);border-radius:2px;transition:transform .3s var(--out),top .3s var(--out)}.mb span:first-child{top:18px}.mb span:last-child{top:25px}
header.open .mb span:first-child{top:21px;transform:rotate(45deg)}header.open .mb span:last-child{top:21px;transform:rotate(-45deg)}
@media(max-width:900px){.mb{display:block}nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--bg);padding:10px 16px 18px;border-bottom:1px solid var(--line);clip-path:inset(0 0 100% 0);opacity:0;pointer-events:none;transition:clip-path .35s var(--out),opacity .2s ease}header.open nav{clip-path:inset(0);opacity:1;pointer-events:auto}nav a{padding:13px 14px;font-size:1.05rem}}
.btn{display:inline-block;border:1px solid var(--brn);background:var(--brn);color:#fbf5ee;font:500 1rem Jost,sans-serif;padding:14px 28px;border-radius:999px;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .18s var(--out),background-color .2s ease,color .2s ease}
.btn:active{transform:scale(.97)}.btn.ghost{background:transparent;color:var(--brn)}.btn:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s var(--out)}
@media(hover:hover) and (pointer:fine){.btn:hover:after{left:130%}.btn:hover{background:#6d4f43}.btn.ghost:hover{background:var(--bg2)}}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px}.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
section{padding:88px 0;position:relative}.alt{background:var(--bg2)}.pg{animation:up .55s var(--out)}
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--out) var(--d,0s),transform .8s var(--out) var(--d,0s)}.rv.in{opacity:1;transform:none}
.hero{padding:56px 0 70px;overflow:hidden;background:radial-gradient(700px 420px at 85% 10%,#f3d9ce 0,transparent 65%),radial-gradient(500px 360px at 0 90%,#e6d5c6 0,transparent 65%)}
.hg{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}@media(max-width:860px){.hg{grid-template-columns:1fr}}
.sp{position:absolute;inset:0;pointer-events:none}.sp i{position:absolute;width:var(--s);height:var(--s);background:var(--rose);opacity:.0;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:tw var(--t) ease-in-out var(--dl) infinite}
@keyframes tw{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:.7;transform:scale(1) rotate(60deg)}}
.stats{display:flex;gap:30px;flex-wrap:wrap;margin-top:34px;border-top:1px solid var(--line);padding-top:20px}.stats b{display:block;font:500 2rem 'Cormorant Garamond',serif;color:var(--brn);line-height:1}.stats span{font-size:.85rem;color:var(--mute)}
.frame{position:relative;aspect-ratio:4/5;max-width:440px;margin:0 auto;border-radius:999px 999px 28px 28px;overflow:hidden;background:linear-gradient(160deg,#f3d9ce,#e4cdbd);box-shadow:0 40px 70px -30px rgba(90,64,54,.45)}
.sl{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;display:grid;place-items:center}.sl.on{opacity:1}.sl img{width:100%;height:100%;object-fit:cover}.sl.on img{animation:kb 9s ease-out both}.sl svg{width:86%;height:auto;animation:fl 5s ease-in-out infinite}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.14)}}@keyframes fl{50%{transform:translateY(-10px) rotate(1.2deg)}}
.frame .bar{position:absolute;left:30%;right:30%;bottom:18px;height:3px;background:rgba(255,255,255,.5);border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:#fff;transform-origin:0 50%;animation:pr 5s linear infinite}@keyframes pr{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.cap{position:absolute;left:0;right:0;bottom:34px;text-align:center;color:#fff;font:italic 500 1.2rem 'Cormorant Garamond',serif;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.mq{overflow:hidden;border-block:1px solid var(--line);background:var(--card);padding:16px 0}.mq div{display:flex;gap:44px;width:max-content;animation:mq 34s linear infinite;font:italic 500 1.7rem 'Cormorant Garamond',serif;color:var(--brn)}.mq span:after{content:"✦";color:var(--rose);margin-left:44px;font-style:normal;font-size:.9rem}
@keyframes mq{to{transform:translateX(-50%)}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;transition:transform .35s var(--out),box-shadow .35s var(--out)}
@media(hover:hover) and (pointer:fine){.card.lift:hover{transform:translateY(-6px);box-shadow:0 24px 40px -24px rgba(90,64,54,.35)}}
.price{display:inline-block;margin-top:6px;color:var(--rose);font-weight:500}.num{font:italic 500 3.4rem 'Cormorant Garamond',serif;color:var(--blush);line-height:1}
.badge{display:inline-block;background:var(--rose);color:#fff;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:12px}
.stars{color:#d29a52;letter-spacing:3px}.rcard p{font-size:1.02rem}.rcard b{color:var(--brn)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}@media(max-width:820px){.two{grid-template-columns:1fr}}
.gal{columns:3 230px;column-gap:16px}.gal figure{margin:0 0 16px;break-inside:avoid;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--line);cursor:zoom-in;transition:transform .35s var(--out)}
@media(hover:hover) and (pointer:fine){.gal figure:hover{transform:scale(1.02)}}
.gal img{width:100%;display:block}.gal .hd{padding:14px 10px 0;background:linear-gradient(160deg,#f3d9ce,#e4cdbd)}.gal figcaption{padding:12px 16px;font-size:.92rem;color:var(--mute)}.gal figcaption b{display:block;color:var(--brn);font:500 1.25rem 'Cormorant Garamond',serif}
.lb{position:fixed;inset:0;z-index:60;background:rgba(43,30,25,.82);display:grid;place-items:center;padding:20px;animation:fi .25s ease}@keyframes fi{from{opacity:0}}
.lb>div{background:var(--bg);border-radius:22px;max-width:560px;width:100%;max-height:92vh;overflow:auto;animation:up .4s var(--out)}.lb img{width:100%;display:block}.lb .hd{padding:20px;background:linear-gradient(160deg,#f3d9ce,#e4cdbd)}.lb .t{padding:20px 24px 26px}
.lb button{position:fixed;top:calc(14px + env(safe-area-inset-top,0));right:16px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:1.3rem;cursor:pointer}
details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:4px 20px;margin-bottom:10px}summary{cursor:pointer;padding:14px 0;font:500 1.25rem 'Cormorant Garamond',serif;color:var(--brn);list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";transition:transform .3s var(--out)}details[open] summary:after{transform:rotate(45deg)}
label{display:block;font-size:.88rem;color:var(--mute);margin:14px 0 6px}
input,select,textarea{width:100%;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:12px 14px;font:inherit}input[type=range]{padding:0}input[type=color]{padding:2px;height:42px;width:56px}input[type=checkbox]{width:auto}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:560px){.f2{grid-template-columns:1fr}}
.studio{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:34px;align-items:start}@media(max-width:860px){.studio{grid-template-columns:1fr}}
.stage{position:sticky;top:90px;background:radial-gradient(circle at 50% 30%,#f7e4da,#e9d6c8 75%);border-radius:28px;padding:14px;border:1px solid var(--line);box-shadow:0 30px 60px -34px rgba(90,64,54,.5)}.stage svg{width:100%;height:auto;display:block;animation:fl 6s ease-in-out infinite}
.nl{cursor:pointer}.tw{animation:tws 2.4s ease-in-out infinite}@keyframes tws{50%{opacity:.15}}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--card);color:var(--brn);padding:9px 16px;border-radius:999px;cursor:pointer;font:inherit;font-size:.92rem;transition:transform .16s var(--out),background-color .2s ease,color .2s ease}.chip:active{transform:scale(.95)}.chip.on{background:var(--brn);color:#fbf5ee;border-color:var(--brn)}
.sw{width:36px;height:36px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0;transition:transform .2s var(--out)}.sw.on{box-shadow:0 0 0 2px var(--brn);transform:scale(1.14)}
.mini{display:grid;place-items:center;background:linear-gradient(160deg,#f3d9ce,#e4cdbd);border-radius:24px;padding:16px}.mini svg{width:70%;animation:fl 5s ease-in-out infinite}
.map{border-radius:22px;overflow:hidden;border:1px solid var(--line);margin-top:18px}.map iframe{width:100%;height:380px;border:0;display:block}
.fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0));z-index:40;display:flex;gap:8px;align-items:center;background:#2f8f5b;color:#fff;text-decoration:none;padding:12px 18px;border-radius:999px;font-weight:500;box-shadow:0 12px 26px -10px rgba(0,0,0,.45);transition:transform .2s var(--out)}.fab:active{transform:scale(.96)}
footer{background:var(--brn);color:#e8dccf;padding:50px 0 80px}footer a{color:#f3d9ce}footer p{color:#e8dccf}footer .logo{height:46px}
.adm .card{margin-bottom:16px}.adm table{width:100%}.adm td{padding:5px 4px;vertical-align:top}.item{border:1px dashed var(--line);border-radius:14px;padding:12px;margin:10px 0}
.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0));transform:translateX(-50%);background:var(--brn);color:#fff;padding:12px 20px;border-radius:999px;z-index:70;animation:up .3s var(--out);max-width:90vw;text-align:center}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}.mq div{animation:none}}