﻿:root{--ink:#1a1612;--cream:#f0e8d8;--gold:#c9a84c;--gold-light:#e8c97a;--mist:#d4c9b8;
  --dark:#0e0c09;--panel:#c8b89a;--panel-dark:#b0a088;}
body{background:var(--dark);color:var(--cream);font-family:'Cormorant Garamond',serif;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
  opacity:.55;}

/* PAGE HEADER — clean typographic, matching eserler style */
.page-header{position:relative;z-index:1;padding:130px 60px 0;text-align:center;}
.ph-eyebrow{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.6em;color:var(--gold);
  text-transform:uppercase;display:block;margin-bottom:18px;opacity:.8;}
.ph-title{font-family:'IM Fell English',serif;font-style:italic;
  font-size:clamp(3.5rem,7vw,6rem);color:var(--cream);line-height:.92;margin-bottom:18px;}
.ph-sub{font-size:1.05rem;font-style:italic;color:var(--mist);opacity:.6;
  max-width:500px;margin:0 auto 52px;line-height:1.8;}
.ph-rule{width:80px;height:1px;background:var(--gold);margin:0 auto;opacity:.5;}

/* INTRO — polaroid bio teaser style (matches index page) */
.bio-main{position:relative;z-index:1;}
.intro-panel{background:var(--panel);padding:80px 60px;}
.bio-teaser{display:grid;grid-template-columns:320px 1fr;gap:80px;align-items:center;
  max-width:1100px;margin:0 auto;}
.bio-polar{background:#fff;padding:14px;box-shadow:6px 10px 36px rgba(0,0,0,.28);
  transform:rotate(-1.8deg);transition:transform .4s;}
.bio-polar:hover{transform:rotate(0);}
.bio-polar img{width:100%;display:block;filter:sepia(8%);}
.bio-polar-cap{text-align:center;margin-top:10px;font-family:'IM Fell English',serif;
  font-style:italic;font-size:1rem;color:#333;}
.bio-polar-cap small{display:block;font-family:'Cinzel',serif;font-style:normal;font-size:.5rem;
  letter-spacing:.22em;color:#888;margin-top:3px;text-transform:uppercase;}
.bio-text-col .label{font-family:'Cinzel',serif;font-size:.58rem;letter-spacing:.5em;
  color:#6b4c2a;text-transform:uppercase;display:block;margin-bottom:14px;}
.bio-text-col h2{font-family:'IM Fell English',serif;font-style:italic;
  font-size:clamp(2rem,4vw,3.5rem);color:var(--ink);line-height:1;margin-bottom:36px;}
.bio-text-col p{font-size:1.1rem;line-height:1.92;color:#2a2018;font-weight:300;
  margin-bottom:22px;text-align:justify;}
.bio-text-col p:first-of-type::first-letter{font-family:'IM Fell English',serif;
  font-size:4rem;float:left;line-height:.8;margin-right:10px;color:#6b4c2a;}

/* PHILOSOPHY BAND */
.philo-band{background:var(--dark);padding:80px 60px;position:relative;z-index:1;}
.philo-band::before{content:'❧';position:absolute;top:28px;left:50%;transform:translateX(-50%);
  color:var(--gold);font-size:1.3rem;opacity:.6;}
.philo-inner{max-width:900px;margin:0 auto;text-align:center;}
.philo-inner blockquote{font-family:'IM Fell English',serif;font-style:italic;
  font-size:clamp(1.4rem,2.8vw,2.2rem);color:var(--cream);line-height:1.55;
  position:relative;padding:0 40px;}
.philo-inner blockquote::before,.philo-inner blockquote::after{
  content:'"';font-size:4rem;color:var(--gold);opacity:.3;position:absolute;line-height:1;}
.philo-inner blockquote::before{top:-10px;left:0;}
.philo-inner blockquote::after{content:'"';bottom:-30px;right:0;}
.philo-inner cite{display:block;margin-top:30px;font-family:'Cinzel',serif;
  font-size:.58rem;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;font-style:normal;}

/* DETAILS */
.bio-details{background:var(--panel-dark);padding:80px 60px;position:relative;z-index:1;}
.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 80px;max-width:1100px;margin:0 auto;}
.detail-block h3{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.4em;color:#6b4c2a;
  text-transform:uppercase;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(107,76,42,.3);}
.detail-block p{font-size:1.05rem;line-height:1.85;color:#2a2018;font-weight:300;}

/* TECHNIQUE */
.technique-band{background:var(--panel);padding:70px 60px;position:relative;z-index:1;}
.technique-inner{max-width:1100px;margin:0 auto;}
.technique-inner .label{font-family:'Cinzel',serif;font-size:.58rem;letter-spacing:.5em;
  color:#6b4c2a;text-transform:uppercase;display:block;margin-bottom:14px;}
.technique-inner h2{font-family:'IM Fell English',serif;font-style:italic;
  font-size:2.8rem;color:var(--ink);margin-bottom:50px;}
.tech-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(107,76,42,.25);}
.tech-col{background:var(--panel);padding:36px 30px;}
.tech-col h4{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.3em;
  color:#6b4c2a;text-transform:uppercase;margin-bottom:14px;}
.tech-col p{font-size:.98rem;line-height:1.8;color:#2a2018;font-weight:300;}

/* DIVIDER */
.div{text-align:center;padding:14px 0;position:relative;z-index:1;}
.div::before,.div::after{content:'';position:absolute;top:50%;height:1px;
  background:linear-gradient(to right,transparent,var(--gold),transparent);width:36%;left:5%;}
.div::after{left:auto;right:5%;}
.div-orn{color:var(--gold);font-size:1.1rem;position:relative;z-index:1;}

@media(max-width:900px){
  .page-header{padding:110px 20px 0;}
  .intro-panel{padding:60px 20px;}
  .bio-teaser{grid-template-columns:1fr;gap:40px;}
  .philo-band,.bio-details,.technique-band,.bio-gallery{padding:60px 20px;}
  .details-grid{grid-template-columns:1fr;gap:40px;}
  .tech-cols{grid-template-columns:1fr;}
  .bg-strip{grid-template-columns:repeat(2,1fr);}
}