:root{
  --hoo-bg: #0A2A1E;
  --hoo-bg-alt: #103824;
  --hoo-bg-section: #16472F;
  --hoo-gold: #B9975B;
  --hoo-gold-soft: #D8C39A;
  --hoo-ivory: #F6F1E8;
  --hoo-cream: #E9E1D3;
  --hoo-text-secondary: #CFC7B8;
  --hoo-text-muted: #A89F92;
  --hoo-border: rgba(185,151,91,0.25);
  --hoo-hover-glow: rgba(216,195,154,0.18);
  --hoo-radius: 10px;
  --hoo-shadow: 0 24px 70px rgba(0,0,0,0.4);
  --hoo-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background-color:var(--hoo-bg);
  background-image:
    radial-gradient(circle at 18% 12%, rgba(185,151,91,0.12), transparent 42%),
    radial-gradient(circle at 85% 78%, rgba(216,195,154,0.09), transparent 45%),
    linear-gradient(180deg, #0A2A1E 0%, #123A28 40%, #0A2A1E 100%);
  background-attachment:fixed;
  color:var(--hoo-ivory);
  font-family:'Inter', sans-serif;
  font-weight:300;
  line-height:1.7;
  position:relative;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:0.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  box-shadow:inset 0 0 220px rgba(0,0,0,0.55);
}
#page, .hoo-header, .hoo-hero, .hoo-featured, .hoo-shop, .hoo-about, .hoo-contact, .hoo-footer{
  position:relative;
  z-index:1;
}
h1,h2,h3,h4{
  font-family:'Cormorant Garamond', serif;
  font-weight:600;
  color:var(--hoo-ivory);
  margin:0 0 0.5em;
  letter-spacing:0.01em;
}
.container{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}
a{color:inherit;}
.hoo-header{
  padding:26px 0;
  border-bottom:1px solid var(--hoo-border);
  animation:hooFadeIn 1s var(--hoo-ease) both;
}
.hoo-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.hoo-logo{
  font-family:'Cormorant Garamond', serif;
  letter-spacing:0.28em;
  text-transform:uppercase;
  font-size:1.4rem;
  text-decoration:none;
  color:var(--hoo-ivory);
}
.hoo-nav-list{
  list-style:none;
  display:flex;
  gap:36px;
  margin:0;
  padding:0;
}
.hoo-nav-list a{
  text-decoration:none;
  letter-spacing:0.08em;
  text-transform:uppercase;
  font-size:0.78rem;
  color:var(--hoo-text-secondary);
  transition:color 300ms var(--hoo-ease);
}
.hoo-nav-list a:hover{color:var(--hoo-gold-soft);}
.hoo-footer{
  margin-top:100px;
  padding:56px 0;
  border-top:1px solid var(--hoo-border);
  text-align:center;
  color:var(--hoo-text-muted);
}
.hoo-footer-brand{
  font-family:'Cormorant Garamond', serif;
  letter-spacing:0.28em;
  text-transform:uppercase;
  color:var(--hoo-gold-soft);
  margin-bottom:4px;
}
.hoo-footer-links{
  display:flex;
  justify-content:center;
  gap:24px;
  margin:18px 0;
}
.hoo-footer-links a{text-decoration:none; color:var(--hoo-text-secondary); transition:color 300ms var(--hoo-ease);}
.hoo-footer-links a:hover{color:var(--hoo-gold-soft);}
.hoo-footer-copy{font-size:0.72rem; opacity:0.7; letter-spacing:0.02em;}

.hoo-sr-only{
  position:absolute;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.hoo-photo-hero{
  position:relative;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  border-bottom:1px solid var(--hoo-border);
  overflow:hidden;
}
.hoo-photo-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(10,42,30,0.12) 0%, rgba(10,42,30,0.5) 75%, rgba(10,42,30,0.82) 100%);
  z-index:1;
}
.hoo-hero{
  min-height:88vh;
  display:flex;
  align-items:flex-end;
  padding-bottom:100px;
}
.hoo-hero .container{position:relative; z-index:2;}
.hoo-hero-cta{max-width:420px;}
.hoo-page-banner{
  min-height:38vh;
  display:flex;
  align-items:center;
}
.hoo-page-banner .container{position:relative; z-index:2;}
.hoo-page-banner h1{margin:0; font-size:2.6rem;}

.hoo-btn{
  display:inline-block;
  padding:14px 34px;
  background:transparent;
  border:1px solid var(--hoo-gold);
  color:var(--hoo-ivory);
  text-decoration:none;
  letter-spacing:0.1em;
  text-transform:uppercase;
  font-size:0.78rem;
  font-family:'Inter', sans-serif;
  border-radius:8px;
  transition:background 250ms var(--hoo-ease), color 250ms var(--hoo-ease), box-shadow 250ms var(--hoo-ease), transform 250ms var(--hoo-ease);
}
.hoo-btn:hover{
  background:var(--hoo-gold-soft);
  color:var(--hoo-bg);
  box-shadow:0 8px 28px var(--hoo-hover-glow);
  transform:translateY(-1px);
}


.hoo-featured{padding:90px 0;}
.hoo-featured h2{text-align:center; margin-bottom:52px; font-size:2.2rem;}
.hoo-featured-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:32px;
}
.hoo-product-card{
  text-decoration:none;
  color:var(--hoo-ivory);
  background:var(--hoo-bg-alt);
  border:1px solid var(--hoo-border);
  border-radius:var(--hoo-radius);
  padding:28px;
  display:block;
  transition:transform 300ms var(--hoo-ease), box-shadow 300ms var(--hoo-ease), border-color 300ms var(--hoo-ease);
}
.hoo-product-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 50px rgba(0,0,0,0.35);
  border-color:var(--hoo-gold);
}
.hoo-product-img img{width:100%; border-radius:8px;}
.hoo-product-card h3{font-size:1.3rem; margin:16px 0 6px;}
.hoo-price{color:var(--hoo-gold-soft); font-weight:500; font-family:'Inter', sans-serif; letter-spacing:0.02em;}
.hoo-empty-note{color:var(--hoo-text-muted); text-align:center; font-family:'Cormorant Garamond', serif; font-size:1.2rem; font-style:italic;}

.hoo-shop{padding:70px 0;}
.hoo-shop-title{text-align:center; margin-bottom:48px; font-size:2.4rem;}
.hoo-shop-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:32px;
  list-style:none;
  padding:0;
}
.hoo-product-single{
  display:flex;
  gap:64px;
  padding:70px 0;
  flex-wrap:wrap;
}
.hoo-product-gallery{flex:1; min-width:280px; max-width:480px;}
.hoo-product-gallery img{width:100%; border-radius:var(--hoo-radius); box-shadow:var(--hoo-shadow);}
.hoo-product-info{flex:1; min-width:280px;}
.hoo-product-info h1{font-size:2.4rem;}
.hoo-product-info .hoo-price{font-size:1.4rem; margin:12px 0 24px;}
.hoo-product-desc{color:var(--hoo-text-secondary); margin-bottom:24px;}
.hoo-product-video{margin-bottom:24px;}
.hoo-product-video iframe{width:100%; border-radius:8px;}

.hoo-about, .hoo-contact{padding:90px 0;}
.hoo-about h1, .hoo-contact h1{text-align:center; margin-bottom:44px; font-size:2.4rem;}
.hoo-about-body{max-width:720px; margin:0 auto; color:var(--hoo-text-secondary);}
.hoo-contact-grid{display:flex; gap:64px; flex-wrap:wrap;}
.hoo-contact-form{flex:2; min-width:280px;}
.hoo-contact-socials{flex:1; min-width:220px; display:flex; flex-direction:column; gap:16px;}
.hoo-contact-socials .hoo-btn{text-align:center;}

.hoo-coming-soon{
  text-align:center;
  padding:110px 20px;
  max-width:560px;
  margin:0 auto;
}
.hoo-coming-soon h2{font-size:2.4rem; margin-bottom:18px;}
.hoo-coming-soon p{color:var(--hoo-text-secondary); margin-bottom:36px; font-family:'Cormorant Garamond', serif; font-size:1.2rem; font-style:italic;}
.hoo-coming-soon-links{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}

@keyframes hooFadeIn{
  from{opacity:0; transform:translateY(-8px);}
  to{opacity:1; transform:translateY(0);}
}