/* Cockatoo Copper — quiet, editorial, spare. One accent: copper. */
:root{
 --paper:#F4F0E9;--stone:#E7E2D9;--card:#FCFBF8;
 --ink:#1C1916;--muted:#675F57;--rule:rgba(28,25,22,.13);
 --copper:#B87333;--copper-soft:#E6B487;--copper-deep:#8A4A1E;
 --max:1160px;--font:"Chivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 --radius:14px;--pad:clamp(5rem,10vw,7.5rem)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-weight:400;color:var(--ink);background:var(--paper);line-height:1.7;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--copper-deep);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--copper-deep);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:.5rem;background:var(--ink);color:var(--paper);padding:.6rem 1rem;border-radius:999px;z-index:100}
.skip:focus{left:.5rem}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1.5rem}

/* type: large and quiet vs tiny utility labels */
h1,h2,h3{font-family:var(--font);font-weight:300;letter-spacing:-.025em;line-height:1.05;margin:0 0 .5em}
h1{font-size:clamp(2.6rem,6.5vw,5.25rem)}
h2{font-size:clamp(1.9rem,3.8vw,3rem)}
h3{font-size:1.3rem;font-weight:400;letter-spacing:-.01em;line-height:1.25}
p{margin:0 0 1em}
.lead{font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:300;line-height:1.55;max-width:36rem;color:var(--muted)}
.eyebrow,.footer-h{font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 1.4rem}
.copper-text{color:var(--copper)}

/* header: one floating pill */
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;pointer-events:none}
.header-inner{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;
 max-width:calc(var(--max) - 2rem);width:calc(100% - 2rem);margin:.9rem auto 0;padding:.4rem .45rem .4rem 1rem;
 background:rgba(252,251,248,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--rule);border-radius:999px}
.brand{display:flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none;font-weight:500;font-size:.95rem;letter-spacing:-.01em;white-space:nowrap}
.brand img{width:30px;height:30px;mix-blend-mode:multiply}
.brand em{font-style:normal;color:var(--copper-deep)}
.nav{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.15rem}
.nav a{display:block;color:var(--ink);text-decoration:none;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;padding:.6rem .85rem;border-radius:999px;white-space:nowrap}
.nav a:hover{color:var(--copper-deep)}
.nav a[aria-current=page]{color:var(--copper-deep);text-decoration:underline;text-underline-offset:.45em}
.nav a.nav-cta{background:var(--copper);color:var(--ink);text-decoration:none;padding:.6rem 1.1rem}
.nav a.nav-cta:hover{background:var(--ink);color:var(--paper)}

/* buttons: flat pills */
.btn{display:inline-block;background:var(--copper);color:var(--ink);text-decoration:none;font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;
 padding:.95rem 1.7rem;border-radius:999px;border:1px solid var(--copper);transition:background-color .2s,color .2s,border-color .2s}
.btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn-ghost{background:transparent;border-color:currentColor;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--paper)}
.btn-lg{padding:1.1rem 2rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.2rem}

/* hero: full-bleed video, soft overlay, calm type */
.hero{color:#fff}
.hero-video{position:relative;overflow:hidden;isolation:isolate;background:#2a2420 url("assets/hero-poster.jpg") center/cover no-repeat;min-height:min(92vh,880px);display:flex;align-items:flex-end}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,14,11,.5) 0%,rgba(18,14,11,.15) 55%,rgba(18,14,11,0) 80%),linear-gradient(180deg,rgba(18,14,11,.08) 0%,rgba(18,14,11,0) 40%,rgba(18,14,11,.5) 100%)}
.hero-inner{position:relative;width:100%;padding-top:9rem;padding-bottom:clamp(3.5rem,8vw,6rem)}
.hero-copy{max-width:40rem}
.hero h1{color:#fff}
.hero .copper-text{color:var(--copper-soft)}
.hero .eyebrow{color:rgba(255,255,255,.8)}
.hero .lead{color:rgba(255,255,255,.86)}
.hero .btn-ghost{color:#fff}
.hero .btn-ghost:hover{background:#fff;border-color:#fff;color:var(--ink)}
.hero .btn:not(.btn-ghost):hover{background:#fff;border-color:#fff;color:var(--ink)}
.hero :focus-visible{outline-color:#fff}

/* inner page heading */
.page-banner{padding:clamp(9rem,16vw,12rem) 0 clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--rule)}
.page-banner .lead{margin-bottom:0}

/* sections */
.section{padding:var(--pad) 0}
.alt{background:var(--stone)}
.link-arrow{font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--copper);padding-bottom:.25rem}
.link-arrow:hover{color:var(--copper-deep)}

/* materials line */
.strip{border-bottom:1px solid var(--rule)}
.strip-list{list-style:none;margin:0;padding:1.6rem 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 0}
.strip-list li{font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.strip-list li+li::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--copper);margin:0 1.4rem;vertical-align:middle}

/* steps: numbered columns, thin rules */
.steps{list-style:none;padding:0;margin:3.5rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.steps li{border-top:1px solid var(--rule);padding-top:1.6rem}
.step-num{display:block;font-size:.78rem;font-weight:500;letter-spacing:.12em;color:var(--copper-deep);margin-bottom:2.5rem}
.steps p{color:var(--muted);margin:0}

/* cards: white, rounded, flat */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:3.5rem 0}
.card{background:var(--card);padding:2rem 1.75rem 1.9rem;border-radius:var(--radius)}
.card h3{margin-bottom:.6rem}
.card p{margin:0;font-size:.95rem;color:var(--muted)}

/* panels */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.panel{background:var(--card);padding:clamp(2rem,4vw,3rem);border-radius:var(--radius)}
.panel h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.panel p{margin:0;color:var(--muted)}

/* closing call to action */
.cta-band{padding:var(--pad) 0;border-top:1px solid var(--rule)}
.cta-band-inner{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2rem}
.cta-band h2{margin:0}
.cta-band p{margin:.8rem 0 0;color:var(--muted)}

/* about: 50/50 split */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.about-badge{display:flex;justify-content:center;align-items:center;background:var(--card);border-radius:var(--radius);aspect-ratio:1/1;padding:3rem}
.about-badge img{width:min(240px,60%);mix-blend-mode:multiply;opacity:.92}
.prose{max-width:34rem}
.prose p{color:var(--muted)}
.biz-note{font-size:.85rem;color:var(--muted)}
.prose .btn{margin-top:1rem}

/* book */
.book-grid{display:grid;grid-template-columns:280px 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.book-side h2{font-size:1.6rem}
.ticks{list-style:none;padding:0;margin:0 0 2rem;border-top:1px solid var(--rule)}
.ticks li{padding:.8rem 0;border-bottom:1px solid var(--rule);color:var(--muted)}
.cal-card{background:var(--card);border-radius:var(--radius);padding:1rem}
.cal-embed{width:100%;min-height:640px;overflow:auto}
.notice,.fallback{font-size:.9rem;color:var(--muted);margin:0}

/* contact */
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem}
.contact-card{border-top:1px solid var(--rule);padding-top:1.4rem}
.contact-card h2{font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:1.2rem}
.contact-card p{margin:0;font-size:1.15rem;font-weight:300;line-height:1.45}

/* footer: quiet, poster-like */
.site-footer{background:var(--stone);color:var(--ink);font-size:.88rem;line-height:1.65}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding-top:4.5rem;padding-bottom:2rem}
.footer-grid p{margin:0;color:var(--muted)}
.footer-brand strong{color:var(--ink);font-weight:500}
.footer-h{margin-bottom:.9rem}
.site-footer a{color:var(--ink)}
.wordmark{font-weight:300;font-size:clamp(2.6rem,10.4vw,9.4rem);letter-spacing:-.045em;line-height:.95;color:var(--copper);margin:2rem auto 0;white-space:nowrap;overflow:hidden}
.copy{border-top:1px solid var(--rule);padding-top:1.1rem;padding-bottom:1.6rem;margin-top:1.5rem;font-size:.72rem;letter-spacing:.06em;color:var(--muted)}

/* responsive */
@media (max-width:900px){
 .about-grid,.book-grid,.two-col,.footer-grid{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr;gap:2rem}
 .step-num{margin-bottom:1rem}
 .contact-grid{grid-template-columns:1fr 1fr}
 .about-badge{aspect-ratio:auto;padding:3rem 2rem}}
@media (max-width:760px){
 .header-inner{flex-wrap:wrap;border-radius:22px;padding:.6rem .6rem .5rem 1rem;row-gap:.35rem}
 nav[aria-label=Main]{width:100%}
 .nav{flex-wrap:wrap;gap:.1rem}
 .site-header{position:absolute}
 .nav{justify-content:space-between}
 .nav a{padding:.45rem .35rem;font-size:.64rem;letter-spacing:.07em}
 .nav a.nav-cta{background:none;color:var(--copper-deep);padding:.45rem .35rem}
 .page-banner{padding-top:9.5rem}
 .hero-video{min-height:min(86vh,720px)}
 .hero-inner{padding-top:10rem}}
@media (max-width:380px){.page-banner{padding-top:11rem}.hero-inner{padding-top:12rem}}
@media (max-width:540px){.contact-grid{grid-template-columns:1fr}.strip-list li+li::before{margin:0 .8rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.hero-bg{display:none}}
@media (max-width:700px){.hero-overlay{background:linear-gradient(180deg,rgba(18,14,11,.15),rgba(18,14,11,.6))}}