/* =========================================================================
   BOGU LANDING KIT — landing.css
   A dark, editorial, cinematic design system for premium demo landings.
   Palette variables are injected per-page from the data file (see template).
   ========================================================================= */

/* ----------------------------------------------------------------------
   0. Design tokens
   ------------------------------------------------------------------- */
:root{
	/* Palette fallbacks (overridden inline per landing) */
	--bg:#0c0c0e;
	--bg-soft:#141417;
	--surface:#17171b;
	--text:#f3efe7;
	--muted:#a39e93;
	--line:rgba(243,239,231,0.12);
	--accent:#c9a36a;
	--accent-2:#7d8b74;

	/* Derived */
	--text-soft:rgba(243,239,231,0.78);
	--card:rgba(255,255,255,0.022);
	--card-line:rgba(255,255,255,0.08);

	/* Type */
	--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--font-serif:"Cormorant Garamond","Playfair Display",ui-serif,Georgia,"Times New Roman",serif;

	/* Spacing scale */
	--s-1:.5rem; --s-2:1rem; --s-3:1.5rem; --s-4:2rem;
	--s-5:3rem; --s-6:4.5rem; --s-7:6.5rem; --s-8:9rem;

	/* Layout */
	--container:1200px;
	--container-narrow:880px;
	--gutter:clamp(1.25rem, 5vw, 3rem);

	/* Radius */
	--r-sm:10px; --r-md:16px; --r-lg:24px; --r-xl:34px; --r-pill:999px;

	/* Shadows */
	--shadow-soft:0 18px 50px -24px rgba(0,0,0,.65);
	--shadow-card:0 24px 60px -30px rgba(0,0,0,.8);

	/* Motion */
	--ease:cubic-bezier(.2,.7,.2,1);
	--ease-out:cubic-bezier(.16,1,.3,1);
	--dur:.7s;
}

/* ----------------------------------------------------------------------
   1. Reset / base
   ------------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

body.bogu-body{
	margin:0;
	background:var(--bg);
	color:var(--text);
	font-family:var(--font-sans);
	font-size:clamp(1rem,.96rem + .25vw,1.075rem);
	line-height:1.65;
	font-weight:400;
	letter-spacing:.005em;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	overflow-x:hidden;
	text-rendering:optimizeLegibility;
}

img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;cursor:pointer;}
h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.05;letter-spacing:-.02em;}
p{margin:0;}
ul{margin:0;padding:0;list-style:none;}

::selection{background:var(--accent);color:#0c0c0e;}

:focus-visible{
	outline:2px solid var(--accent);
	outline-offset:3px;
	border-radius:4px;
}

.bogu-skip{
	position:absolute;left:-9999px;top:0;z-index:200;
	background:var(--accent);color:#0c0c0e;padding:.75rem 1.25rem;
	border-radius:0 0 var(--r-sm) 0;font-weight:600;
}
.bogu-skip:focus{left:0;}

/* ----------------------------------------------------------------------
   2. Layout primitives
   ------------------------------------------------------------------- */
.bogu-container{
	width:100%;
	max-width:var(--container);
	margin-inline:auto;
	padding-inline:var(--gutter);
}

.bogu-eyebrow{
	font-size:.74rem;
	letter-spacing:.32em;
	text-transform:uppercase;
	color:var(--accent);
	font-weight:600;
	margin-bottom:1.1rem;
	display:inline-flex;
	align-items:center;
	gap:.7rem;
}
.bogu-eyebrow::before{
	content:"";width:26px;height:1px;background:currentColor;opacity:.6;display:inline-block;
}

.bogu-h2{
	font-family:var(--font-serif);
	font-weight:500;
	font-size:clamp(2rem,1.3rem + 3vw,3.6rem);
	line-height:1.04;
	letter-spacing:-.01em;
}
.bogu-h2 em{font-style:italic;color:var(--accent);}

.bogu-lead{
	color:var(--text-soft);
	font-size:clamp(1.05rem,1rem + .4vw,1.25rem);
	line-height:1.7;
	margin-bottom:1.1rem;
}
.bogu-lead:last-child{margin-bottom:0;}

.bogu-section-head{margin-bottom:clamp(2.5rem,5vw,4rem);max-width:62ch;}
.bogu-section-head--center{text-align:center;margin-inline:auto;}
.bogu-section-head--center .bogu-eyebrow::before{display:none;}

/* ----------------------------------------------------------------------
   3. Buttons
   ------------------------------------------------------------------- */
.bogu-btn{
	--btn-bg:transparent;
	display:inline-flex;align-items:center;gap:.6rem;
	padding:.95rem 1.6rem;
	border-radius:var(--r-pill);
	font-size:.92rem;font-weight:600;letter-spacing:.01em;
	border:1px solid transparent;
	position:relative;
	transition:transform .35s var(--ease), background-color .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);
	will-change:transform;
}
.bogu-btn__arrow{transition:transform .4s var(--ease);}
.bogu-btn:hover .bogu-btn__arrow{transform:translateX(5px);}

.bogu-btn--solid{
	background:var(--accent);color:#14110a;
	box-shadow:0 12px 30px -14px color-mix(in srgb, var(--accent) 70%, transparent);
}
.bogu-btn--solid:hover{transform:translateY(-2px);box-shadow:0 18px 40px -16px color-mix(in srgb, var(--accent) 75%, transparent);}

.bogu-btn--ghost{
	background:color-mix(in srgb,var(--text) 5%,transparent);
	color:var(--text);
	border-color:var(--card-line);
	-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.bogu-btn--ghost:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-1px);}

.bogu-btn--text{
	padding:.95rem .4rem;color:var(--text-soft);
	border-radius:0;border-bottom:1px solid transparent;
}
.bogu-btn--text:hover{color:var(--text);border-bottom-color:var(--accent);}

.bogu-btn--lg{padding:1.15rem 2.1rem;font-size:1rem;}

.bogu-btn__dot{
	width:7px;height:7px;border-radius:50%;background:var(--accent-2);
	box-shadow:0 0 0 0 color-mix(in srgb,var(--accent-2) 60%,transparent);
	animation:bogu-pulse 2.4s var(--ease) infinite;
}
@keyframes bogu-pulse{
	0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent-2) 55%,transparent);}
	70%{box-shadow:0 0 0 9px transparent;}
	100%{box-shadow:0 0 0 0 transparent;}
}
@media (prefers-reduced-motion:reduce){.bogu-btn__dot{animation:none;}}

/* ----------------------------------------------------------------------
   4. Header
   ------------------------------------------------------------------- */
.bogu-header{
	position:fixed;top:0;left:0;right:0;z-index:100;
	padding:clamp(.9rem,2vw,1.4rem) 0;
	transition:background-color .5s var(--ease), padding .5s var(--ease), border-color .5s var(--ease), box-shadow .5s var(--ease);
	border-bottom:1px solid transparent;
}
.bogu-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.bogu-header.is-scrolled{
	background:color-mix(in srgb,var(--bg) 72%,transparent);
	-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);
	border-bottom-color:var(--line);
	padding:.7rem 0;
	box-shadow:0 10px 40px -28px rgba(0,0,0,.9);
}

.bogu-logo{display:inline-flex;align-items:center;gap:.6rem;}
.bogu-logo__mark{
	width:34px;height:34px;display:grid;place-items:center;
	border:1px solid var(--card-line);border-radius:10px;
	font-family:var(--font-serif);font-size:1.05rem;color:var(--accent);
	background:color-mix(in srgb,var(--text) 4%,transparent);
}
.bogu-logo__text{
	font-family:var(--font-serif);font-size:1.28rem;font-weight:600;
	letter-spacing:.005em;color:var(--text);
}
.bogu-header__cta{font-size:.86rem;padding:.7rem 1.25rem;}

@media (max-width:560px){
	.bogu-header__cta .bogu-btn__dot{display:none;}
	.bogu-logo__text{font-size:1.12rem;}
}

/* ----------------------------------------------------------------------
   5. Hero
   ------------------------------------------------------------------- */
.bogu-hero{
	position:relative;
	min-height:100svh;
	display:flex;align-items:flex-end;
	padding-block:clamp(7rem,16vh,11rem) clamp(3.5rem,9vh,6rem);
	overflow:hidden;
	isolation:isolate;
}
.bogu-hero__media{
	position:absolute;inset:0;z-index:-3;
	background-color:var(--bg-soft);
	background-size:cover;background-position:center;
	will-change:transform;
}
.bogu-hero__grain{position:absolute;inset:0;z-index:-2;opacity:.5;pointer-events:none;}
.bogu-hero__grain,
.bogu-featured__grain,
.bogu-intro__grain{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%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)' opacity='0.45'/%3E%3C/svg%3E");
	mix-blend-mode:overlay;
}
.bogu-hero__orb{position:absolute;z-index:-2;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;}
.bogu-hero__orb--1{width:42vw;height:42vw;left:-12vw;top:-8vw;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,transparent),transparent 70%);}
.bogu-hero__orb--2{width:34vw;height:34vw;right:-10vw;bottom:-6vw;background:radial-gradient(circle,color-mix(in srgb,var(--accent-2) 50%,transparent),transparent 70%);opacity:.35;}

.bogu-hero__inner{position:relative;max-width:62rem;}
.bogu-hero__title{
	font-family:var(--font-serif);
	font-weight:500;
	font-size:clamp(2.7rem,1.4rem + 6vw,6rem);
	line-height:1.0;
	letter-spacing:-.018em;
	margin-bottom:1.6rem;
	max-width:18ch;
}
.bogu-hero__title em{font-style:italic;color:var(--accent);}
.bogu-hero__title span{display:inline-block;}
.bogu-hero__lead{
	color:var(--text-soft);
	font-size:clamp(1.1rem,1rem + .6vw,1.4rem);
	line-height:1.65;
	max-width:46ch;
	margin-bottom:2.4rem;
}
.bogu-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem;}

.bogu-scrollcue{
	position:absolute;left:50%;bottom:1.8rem;transform:translateX(-50%);
	display:flex;flex-direction:column;align-items:center;gap:.7rem;z-index:2;
	color:var(--muted);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;
}
.bogu-scrollcue__line{width:1px;height:46px;background:linear-gradient(var(--accent),transparent);position:relative;overflow:hidden;}
.bogu-scrollcue__line::after{content:"";position:absolute;top:-50%;left:0;width:100%;height:50%;background:var(--text);animation:bogu-cue 2.2s var(--ease) infinite;}
@keyframes bogu-cue{0%{transform:translateY(-100%);}60%,100%{transform:translateY(300%);}}
@media (prefers-reduced-motion:reduce){.bogu-scrollcue__line::after{animation:none;}}
@media (max-width:680px){.bogu-scrollcue{display:none;}}

/* ----------------------------------------------------------------------
   6. Trust strip
   ------------------------------------------------------------------- */
.bogu-trust{padding-block:clamp(2.2rem,5vw,3.4rem);border-bottom:1px solid var(--line);background:var(--bg-soft);}
.bogu-trust__row{
	display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,3vw,2.5rem);
}
.bogu-trust__item{display:flex;align-items:center;gap:.85rem;color:var(--text-soft);}
.bogu-trust__icon{
	font-family:var(--font-serif);color:var(--accent);font-size:1.35rem;line-height:1;
	width:40px;height:40px;display:grid;place-items:center;flex:none;
	border:1px solid var(--card-line);border-radius:12px;
	background:color-mix(in srgb,var(--text) 3%,transparent);
}
.bogu-trust__label{font-size:.95rem;font-weight:500;letter-spacing:.01em;}
@media (max-width:820px){.bogu-trust__row{grid-template-columns:1fr 1fr;gap:1.4rem;}}
@media (max-width:460px){.bogu-trust__row{grid-template-columns:1fr;}}

/* ----------------------------------------------------------------------
   7. Value
   ------------------------------------------------------------------- */
.bogu-value{padding-block:clamp(4.5rem,11vw,9rem);}
.bogu-value__grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:clamp(2rem,6vw,5.5rem);align-items:start;}
.bogu-value__head{position:sticky;top:7rem;}
.bogu-value__stats{display:flex;flex-wrap:wrap;gap:2.5rem;margin-top:2.6rem;padding-top:2.2rem;border-top:1px solid var(--line);}
.bogu-stat{display:flex;flex-direction:column;gap:.25rem;}
.bogu-stat__num{font-family:var(--font-serif);font-size:clamp(2.1rem,1.5rem + 2vw,3rem);color:var(--accent);line-height:1;}
.bogu-stat__label{font-size:.82rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;}
@media (max-width:860px){
	.bogu-value__grid{grid-template-columns:1fr;}
	.bogu-value__head{position:static;}
}

/* ----------------------------------------------------------------------
   8. Services
   ------------------------------------------------------------------- */
.bogu-services{padding-block:clamp(4rem,10vw,8rem);background:var(--bg-soft);}
.bogu-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.4vw,1.6rem);}
.bogu-card{
	position:relative;overflow:hidden;
	padding:clamp(1.7rem,3vw,2.4rem);
	border:1px solid var(--card-line);
	border-radius:var(--r-lg);
	background:linear-gradient(180deg,var(--card),transparent);
	transition:transform .55s var(--ease), border-color .55s var(--ease), background-color .55s var(--ease);
	min-height:230px;display:flex;flex-direction:column;
}
.bogu-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background-color:color-mix(in srgb,var(--text) 3%,transparent);}
.bogu-card__index{font-family:var(--font-serif);font-size:1rem;color:var(--accent);letter-spacing:.1em;margin-bottom:1.4rem;display:inline-block;}
.bogu-card__title{font-size:1.32rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.7rem;}
.bogu-card__text{color:var(--text-soft);font-size:.98rem;line-height:1.6;flex:1;}
.bogu-card__tag{
	margin-top:1.5rem;align-self:flex-start;
	font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
	padding:.4rem .8rem;border:1px solid var(--card-line);border-radius:var(--r-pill);
}
.bogu-card__shine{
	position:absolute;inset:0;pointer-events:none;opacity:0;
	background:radial-gradient(60% 60% at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%);
	transition:opacity .55s var(--ease);
}
.bogu-card:hover .bogu-card__shine{opacity:1;}
@media (max-width:860px){.bogu-cards{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.bogu-cards{grid-template-columns:1fr;}}

/* ----------------------------------------------------------------------
   9. Gallery
   ------------------------------------------------------------------- */
.bogu-gallery{padding-block:clamp(4rem,10vw,8rem);}
.bogu-grid-gallery{
	display:grid;grid-template-columns:repeat(6,1fr);
	grid-auto-rows:clamp(150px,22vw,250px);
	gap:clamp(.75rem,1.6vw,1.2rem);
}
.bogu-shot{
	position:relative;margin:0;overflow:hidden;border-radius:var(--r-md);
	grid-column:span 2;grid-row:span 1;
	border:1px solid var(--card-line);
	background:linear-gradient(135deg,var(--surface),var(--bg-soft));
}
.bogu-shot--wide{grid-column:span 4;}
.bogu-shot--tall{grid-row:span 2;}
.bogu-shot__media{position:absolute;inset:0;}
.bogu-shot__media img{
	width:100%;height:100%;object-fit:cover;
	transition:transform 1.1s var(--ease-out), filter 1.1s var(--ease-out);
	filter:saturate(.92) brightness(.92);
}
.bogu-shot:hover img{transform:scale(1.06);filter:saturate(1.05) brightness(1);}
.bogu-shot__cap{
	position:absolute;left:0;right:0;bottom:0;z-index:2;
	padding:1.6rem 1.2rem .95rem;
	font-size:.82rem;letter-spacing:.04em;color:var(--text);
	background:linear-gradient(transparent,rgba(0,0,0,.6));
	transform:translateY(8px);opacity:0;transition:.5s var(--ease);
}
.bogu-shot:hover .bogu-shot__cap{transform:none;opacity:1;}
@media (max-width:860px){
	.bogu-grid-gallery{grid-template-columns:repeat(4,1fr);}
	.bogu-shot--wide{grid-column:span 4;}
}
@media (max-width:560px){
	.bogu-grid-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:42vw;}
	.bogu-shot,.bogu-shot--wide{grid-column:span 2;}
	.bogu-shot--tall{grid-row:span 1;}
	.bogu-shot__cap{opacity:1;transform:none;}
}

/* ----------------------------------------------------------------------
   10. Benefits
   ------------------------------------------------------------------- */
.bogu-benefits{padding-block:clamp(4rem,10vw,8rem);background:var(--bg-soft);}
.bogu-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.6rem,3vw,2.4rem);}
.bogu-benefit{position:relative;padding-top:1.6rem;}
.bogu-benefit__line{display:block;width:100%;height:1px;background:var(--line);position:absolute;top:0;left:0;overflow:hidden;}
.bogu-benefit__line::after{content:"";position:absolute;left:0;top:0;height:100%;width:38px;background:var(--accent);}
.bogu-benefit__title{font-size:1.18rem;font-weight:600;margin-bottom:.7rem;letter-spacing:-.01em;}
.bogu-benefit__text{color:var(--text-soft);font-size:.96rem;line-height:1.62;}
@media (max-width:900px){.bogu-benefits__grid{grid-template-columns:1fr 1fr;gap:2rem 2.4rem;}}
@media (max-width:520px){.bogu-benefits__grid{grid-template-columns:1fr;}}

/* ----------------------------------------------------------------------
   11. Featured / dark CTA
   ------------------------------------------------------------------- */
.bogu-featured{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(6rem,16vw,12rem);}
.bogu-featured__media{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;background-color:#08080a;will-change:transform;}
.bogu-featured__grain{position:absolute;inset:0;z-index:-1;opacity:.5;}
.bogu-featured__inner{max-width:46rem;text-align:center;margin-inline:auto;}
.bogu-featured .bogu-eyebrow{justify-content:center;}
.bogu-featured .bogu-eyebrow::before{display:none;}
.bogu-featured__title{
	font-family:var(--font-serif);font-weight:500;
	font-size:clamp(2.2rem,1.4rem + 4vw,4.4rem);line-height:1.04;
	letter-spacing:-.015em;margin-bottom:1.4rem;
}
.bogu-featured__title em{font-style:italic;color:var(--accent);}
.bogu-featured__text{color:var(--text-soft);font-size:clamp(1.05rem,1rem + .5vw,1.25rem);line-height:1.65;margin-bottom:2.3rem;}

/* ----------------------------------------------------------------------
   12. Testimonials
   ------------------------------------------------------------------- */
.bogu-testi{padding-block:clamp(4rem,10vw,8rem);}
.bogu-testi__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.4vw,1.8rem);}
.bogu-quote{
	position:relative;margin:0;padding:clamp(1.8rem,3vw,2.4rem);
	border:1px solid var(--card-line);border-radius:var(--r-lg);
	background:linear-gradient(180deg,var(--card),transparent);
	display:flex;flex-direction:column;
}
.bogu-quote__mark{font-family:var(--font-serif);font-size:4rem;line-height:.5;color:var(--accent);opacity:.5;height:1.4rem;}
.bogu-quote__text{margin:0 0 1.6rem;font-family:var(--font-serif);font-size:1.32rem;line-height:1.45;color:var(--text);font-weight:500;letter-spacing:-.005em;flex:1;}
.bogu-quote__by{display:flex;flex-direction:column;gap:.15rem;padding-top:1.2rem;border-top:1px solid var(--line);}
.bogu-quote__name{font-weight:600;font-size:.98rem;}
.bogu-quote__role{font-size:.82rem;color:var(--muted);letter-spacing:.03em;}
@media (max-width:860px){.bogu-testi__grid{grid-template-columns:1fr;max-width:36rem;margin-inline:auto;}}

/* ----------------------------------------------------------------------
   13. FAQ
   ------------------------------------------------------------------- */
.bogu-faq{padding-block:clamp(4rem,10vw,8rem);background:var(--bg-soft);}
.bogu-faq__grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:clamp(2rem,6vw,5rem);align-items:start;}
.bogu-faq__head{position:sticky;top:7rem;}
.bogu-faq__list{display:flex;flex-direction:column;}
.bogu-acc{border-bottom:1px solid var(--line);}
.bogu-acc:first-child{border-top:1px solid var(--line);}
.bogu-acc__h{margin:0;}
.bogu-acc__btn{
	width:100%;background:none;border:0;color:var(--text);
	display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
	padding:1.4rem .2rem;text-align:left;font-size:clamp(1.02rem,1rem + .3vw,1.18rem);font-weight:500;
	transition:color .3s var(--ease);
}
.bogu-acc__btn:hover{color:var(--accent);}
.bogu-acc__icon{position:relative;width:16px;height:16px;flex:none;}
.bogu-acc__icon::before,.bogu-acc__icon::after{content:"";position:absolute;background:currentColor;border-radius:2px;transition:transform .4s var(--ease),opacity .4s var(--ease);}
.bogu-acc__icon::before{top:50%;left:0;width:100%;height:1.5px;transform:translateY(-50%);}
.bogu-acc__icon::after{left:50%;top:0;width:1.5px;height:100%;transform:translateX(-50%);}
.bogu-acc__btn[aria-expanded="true"] .bogu-acc__icon::after{transform:translateX(-50%) scaleY(0);opacity:0;}
.bogu-acc__btn[aria-expanded="true"]{color:var(--accent);}
.bogu-acc__panel{overflow:hidden;}
.bogu-acc__a{color:var(--text-soft);font-size:1rem;line-height:1.7;padding:0 .2rem 1.5rem;max-width:60ch;}
@media (max-width:820px){.bogu-faq__grid{grid-template-columns:1fr;}.bogu-faq__head{position:static;}}

/* ----------------------------------------------------------------------
   14. Final CTA
   ------------------------------------------------------------------- */
.bogu-final{position:relative;overflow:hidden;padding-block:clamp(5rem,13vw,10rem);text-align:center;isolation:isolate;}
.bogu-final__orb{
	position:absolute;z-index:-1;width:60vw;height:60vw;max-width:760px;max-height:760px;
	left:50%;top:40%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(90px);opacity:.35;
	background:radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,transparent),transparent 65%);
}
.bogu-final__inner{max-width:46rem;margin-inline:auto;}
.bogu-final .bogu-eyebrow{justify-content:center;}
.bogu-final .bogu-eyebrow::before{display:none;}
.bogu-final__title{
	font-family:var(--font-serif);font-weight:500;
	font-size:clamp(2.4rem,1.4rem + 5vw,5rem);line-height:1.02;letter-spacing:-.018em;margin-bottom:1.3rem;
}
.bogu-final__title em{font-style:italic;color:var(--accent);}
.bogu-final__text{color:var(--text-soft);font-size:clamp(1.05rem,1rem + .5vw,1.25rem);line-height:1.65;margin-bottom:2.4rem;}
.bogu-final__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;}

/* ----------------------------------------------------------------------
   15. Footer
   ------------------------------------------------------------------- */
.bogu-footer{border-top:1px solid var(--line);padding-block:clamp(2.5rem,5vw,3.6rem);background:var(--bg);}
.bogu-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem;}
.bogu-footer__brand{display:flex;flex-direction:column;gap:.2rem;}
.bogu-footer__tag{font-size:.82rem;color:var(--muted);letter-spacing:.02em;}
.bogu-footer__contact{display:flex;flex-wrap:wrap;gap:1.4rem;}
.bogu-footer__contact a{color:var(--text-soft);font-size:.9rem;transition:color .3s var(--ease);}
.bogu-footer__contact a:hover{color:var(--accent);}
.bogu-footer__credit{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;font-size:.8rem;color:var(--muted);}
.bogu-footer__bogu{color:var(--text-soft);transition:color .3s var(--ease);}
.bogu-footer__bogu:hover{color:var(--accent);}
@media (max-width:680px){
	.bogu-footer__inner{flex-direction:column;align-items:flex-start;}
	.bogu-footer__credit{align-items:flex-start;}
}

/* ----------------------------------------------------------------------
   16. Front-page intro
   ------------------------------------------------------------------- */
.bogu-intro{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;background:var(--bg);}
.bogu-intro__grain{position:absolute;inset:0;z-index:-1;opacity:.4;}
.bogu-intro__orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none;}
.bogu-intro__orb--1{width:46vw;height:46vw;left:-14vw;top:-12vw;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 50%,transparent),transparent 70%);opacity:.5;}
.bogu-intro__orb--2{width:38vw;height:38vw;right:-12vw;bottom:-12vw;background:radial-gradient(circle,color-mix(in srgb,var(--accent-2) 45%,transparent),transparent 70%);opacity:.35;}
.bogu-intro__top{display:flex;align-items:center;justify-content:space-between;padding-top:clamp(1.4rem,3vw,2.2rem);}
.bogu-intro__center{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(3rem,8vw,5rem);max-width:50rem;}
.bogu-intro__title{font-family:var(--font-serif);font-weight:500;font-size:clamp(2.6rem,1.4rem + 6vw,5.6rem);line-height:1.02;letter-spacing:-.018em;margin-bottom:1.6rem;}
.bogu-intro__title em{font-style:italic;color:var(--accent);}
.bogu-intro__lead{color:var(--text-soft);font-size:clamp(1.1rem,1rem + .5vw,1.35rem);line-height:1.65;max-width:44ch;margin-bottom:2.4rem;}
.bogu-intro__actions{display:flex;flex-wrap:wrap;gap:1.1rem;align-items:center;}
.bogu-intro__bottom{display:flex;justify-content:space-between;padding-bottom:clamp(1.4rem,3vw,2.2rem);font-size:.8rem;color:var(--muted);letter-spacing:.04em;}

/* ----------------------------------------------------------------------
   17. Scroll reveal
   ------------------------------------------------------------------- */
.bogu-reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);}
.bogu-reveal[data-bogu-delay="1"]{transition-delay:.08s;}
.bogu-reveal[data-bogu-delay="2"]{transition-delay:.16s;}
.bogu-reveal[data-bogu-delay="3"]{transition-delay:.24s;}
.bogu-reveal.is-visible{opacity:1;transform:none;}

@media (prefers-reduced-motion:reduce){
	.bogu-reveal{opacity:1 !important;transform:none !important;transition:none !important;}
	.bogu-shot__media img,.bogu-card,.bogu-btn{transition:none !important;}
	.bogu-hero__media,.bogu-featured__media{transform:none !important;}
}