:root{--bg:#fffaf2;
--paper:#fff;
--wood:#8a5a32;
--wood-dark:#4b2e1d;
--wood-soft:#e8d6bc;
--text:#2d241f;
--muted:#6f6259;
--accent-dark:#77451f;
--shadow:0 18px 55px rgba(67,42,24,.14);
--radius:24px}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{margin:0;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
color:var(--text);
background:radial-gradient(circle at top left,rgba(232,214,188,.45),transparent 32rem),linear-gradient(180deg,#fffaf2 0%,#fff6eb 100%);
line-height:1.6}

img{max-width:100%;
display:block}

a{color:inherit}

.site-header{position:sticky;
top:0;
z-index:10;
background:rgba(255,250,242,.9);
backdrop-filter:blur(14px);
border-bottom:1px solid rgba(138,90,50,.14)}

.nav{width:min(1120px,calc(100% - 32px));
margin:0 auto;
min-height:72px;
display:flex;
justify-content:space-between;
align-items:center;
gap:24px}

.brand{display:inline-flex;
align-items:center;
gap:10px;
font-weight:800;
font-size:1.08rem;
text-decoration:none;
color:var(--wood-dark)}

.brand-mark{width:36px;
height:36px;
display:grid;
place-items:center;
background:var(--wood-soft);
border-radius:999px}

.nav-links{display:flex;
gap:22px;
color:var(--muted);
font-weight:650;
font-size:.95rem}

.nav-links a{text-decoration:none}

.nav-links a:hover{color:var(--wood-dark)}

.hero{width:min(1120px,calc(100% - 32px));
margin:0 auto;
padding:72px 0 42px;
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
gap:48px;
align-items:center}

.eyebrow{margin:0 0 12px;
color:var(--accent-dark);
text-transform:uppercase;
letter-spacing:.08em;
font-size:.78rem;
font-weight:850}

h1,h2,h3,p{overflow-wrap:break-word}

h1{margin:0;
font-size:clamp(2.35rem,6vw,4.8rem);
line-height:.98;
letter-spacing:-.055em;
color:var(--wood-dark)}

h2{margin:0;
font-size:clamp(1.8rem,3vw,3rem);
line-height:1.08;
letter-spacing:-.035em;
color:var(--wood-dark)}

h3{margin:0 0 8px;
color:var(--wood-dark);
line-height:1.2}

.hero-text{max-width:620px;
margin:24px 0 0;
font-size:1.15rem;
color:var(--muted)}

.hero-actions{display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:30px}

.button{display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:0 20px;
border-radius:999px;
font-weight:800;
text-decoration:none;
transition:transform .18s ease,box-shadow .18s ease}

.button:hover{transform:translateY(-2px)}

.button.primary{color:#fff;
background:linear-gradient(135deg,var(--wood),var(--accent-dark));
box-shadow:0 12px 26px rgba(138,90,50,.24)}

.button.secondary{color:var(--wood-dark);
background:#fff;
border:1px solid rgba(138,90,50,.22)}

.price-card{width:fit-content;
margin-top:28px;
padding:16px 18px;
border-radius:18px;
background:rgba(255,255,255,.72);
border:1px solid rgba(138,90,50,.16);
box-shadow:0 12px 35px rgba(67,42,24,.08)}

.price-card span,.price-card small{display:block;
color:var(--muted)}

.price-card strong{display:block;
font-size:2rem;
line-height:1;
margin:8px 0;
color:var(--wood-dark)}

.hero-media{position:relative}

.hero-media:before{content:"";
position:absolute;
inset:28px -14px -18px 28px;
background:var(--wood-soft);
border-radius:var(--radius);
z-index:-1}

.hero-media img{width:100%;
aspect-ratio:4/5;
object-fit:cover;
border-radius:var(--radius);
box-shadow:var(--shadow);
background:#eadbc8}

.section{width:min(1120px,calc(100% - 32px));
margin:0 auto;
padding:62px 0}

.section-header{max-width:760px;
margin-bottom:28px}

.section-header p{color:var(--muted)}

.intro{max-width:900px;
text-align:center}

.intro .section-header{margin-left:auto;
margin-right:auto}

.intro p:last-child{margin:0 auto;
color:var(--muted);
font-size:1.08rem}

.gallery{display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px}

.gallery-card{overflow:hidden;
border-radius:22px;
background:var(--paper);
border:1px solid rgba(138,90,50,.14);
box-shadow:0 14px 38px rgba(67,42,24,.08)}

.gallery-card img,.placeholder{width:100%;
aspect-ratio:4/5;
object-fit:cover;
background:linear-gradient(145deg,#efe1ce,#fff7ee)}

.gallery-caption{padding:18px}

.gallery-caption p{margin:0;
color:var(--muted)}

.placeholder{display:grid;
place-items:center;
text-align:center;
color:var(--muted);
padding:24px}

.placeholder span{display:grid;
place-items:center;
width:58px;
height:58px;
margin:0 auto 12px;
border-radius:999px;
background:#fff;
color:var(--wood);
font-size:2rem;
font-weight:300;
box-shadow:0 8px 22px rgba(67,42,24,.08)}

.video-placeholder{overflow:hidden;
border-radius:var(--radius);
background:#1f1712;
box-shadow:var(--shadow);
aspect-ratio:16/9}

.video-placeholder video,.video-placeholder iframe{width:100%;
height:100%;
border:0;
display:block}

.video-empty{width:100%;
height:100%;
display:grid;
place-items:center;
align-content:center;
color:#fff;
background:linear-gradient(rgba(31,23,18,.68),rgba(31,23,18,.68)),radial-gradient(circle at center,rgba(184,117,59,.6),transparent 32rem)}

.video-empty span{display:grid;
place-items:center;
width:72px;
height:72px;
border-radius:999px;
background:rgba(255,255,255,.16);
margin-bottom:12px;
font-size:1.8rem}

.features{display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px}

.features article,.order-card,.details-grid{background:rgba(255,255,255,.76);
border:1px solid rgba(138,90,50,.14);
border-radius:22px;
box-shadow:0 12px 34px rgba(67,42,24,.07)}

.features article{padding:22px}

.features p{margin:0;
color:var(--muted)}

.details-grid{padding:34px;
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:34px;
align-items:start}

.details-grid p{color:var(--muted)}

.details-list{margin:0;
padding:0;
list-style:none}

.details-list li{padding:14px 0;
border-bottom:1px solid rgba(138,90,50,.14)}

.details-list li:last-child{border-bottom:0}

.order-card{padding:clamp(26px,5vw,48px);
background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,246,235,.92)),radial-gradient(circle at top right,rgba(232,214,188,.55),transparent 28rem)}

.steps{margin:24px 0 0;
padding-left:22px;
color:var(--muted)}

.steps li{margin:10px 0;
padding-left:4px}

.cta-row{display:flex;
flex-wrap:wrap;
align-items:center;
gap:16px;
margin-top:28px}

.small-note{margin:0;
color:var(--muted);
font-size:.9rem}

.site-footer{width:min(1120px,calc(100% - 32px));
margin:0 auto;
padding:34px 0 52px;
color:var(--muted);
border-top:1px solid rgba(138,90,50,.14)}

.site-footer p{margin:6px 0}

.footer-note{font-size:.92rem}

@media(max-width:900px){.hero{grid-template-columns:1fr;
padding-top:48px}

.hero-media{max-width:520px;
margin:0 auto}

.gallery,.features,.details-grid{grid-template-columns:1fr}

.features{gap:14px}

}

@media(max-width:680px){.nav{min-height:auto;
padding:16px 0;
align-items:flex-start;
flex-direction:column}

.nav-links{width:100%;
justify-content:space-between;
gap:12px;
font-size:.9rem}

.hero{padding-top:38px;
gap:34px}

.hero-actions{align-items:stretch;
flex-direction:column}

.button{width:100%}

.section{padding:44px 0}

.details-grid{padding:24px}

.cta-row{align-items:stretch;
flex-direction:column}

}


.shorts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 360px));
  gap: 28px;
  justify-content: center;
  align-items: start;
}

.short-card {
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(138, 90, 50, 0.14);
  border-radius: 22px;
  box-shadow: 0 12px 34px rgba(67, 42, 24, 0.07);
  overflow: hidden;
}

.short-poster,
.short-empty {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  background: #1f1712;
  overflow: hidden;
}

.short-poster {
  cursor: pointer;
}

.short-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.25s ease, filter 0.25s ease;
}

.short-poster:hover img {
  transform: scale(1.03);
  filter: brightness(0.82);
}

.short-poster iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.play-button {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 64px;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.45);
  pointer-events: none;
}

.play-button::before {
  content: "";
  position: absolute;
  width: 92px;
  height: 92px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.32);
  z-index: -1;
}

.short-caption {
  padding: 18px;
  text-align: center;
}

.short-caption h3 {
  margin: 0 0 8px;
}

.short-caption p {
  margin: 0;
  color: var(--muted);
}

.short-empty {
  min-height: 420px;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  color: #fff;
  background:
    linear-gradient(rgba(31, 23, 18, 0.68), rgba(31, 23, 18, 0.68)),
    radial-gradient(circle at center, rgba(184, 117, 59, 0.6), transparent 32rem);
}

.short-empty span {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  margin-bottom: 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  font-size: 1.8rem;
}

.short-empty p {
  margin: 0;
}

@media (max-width: 780px) {
  .shorts-grid {
    grid-template-columns: minmax(260px, 420px);
  }
}