/* Concept B — Coastline: Kevin's Oregon coast, full-bleed and cinematic. Ocean navy, sea-glass and a sunlit coral. */
:root{
  --bg:#fbf6ee; --bg-alt:#f1e8da; --card:#fff;
  --ink:#0d2a3f; --body:#203545; --muted:#4f6271;
  --accent:#e8603c; --accent-2:#3fc1b9; --on-accent:#fff;
  --sea:#0f4c6b; --deep:#0b2233;
  --line:#e5d9c6; --line-strong:#c9b9a0; --shadow:rgba(13,42,63,.5);
  --font-d:"DM Serif Display",Georgia,serif; --font-b:"Manrope",system-ui,sans-serif; --dw:400;
  --radius:6px; --btn-r:6px; --head-h:84px;
  --head-bg:transparent; --nav:#fff; --nav-hover:rgba(255,255,255,.14); --menu-bg:#0d2a3f;
  --tag-bg:#dff5f3; --tag:#0b5a55; --tag2-bg:#fde3da; --tag2:#8a2f15;
  --fee-bg:#0d2a3f; --fee-eyebrow:#3fc1b9; --foot-bg:#0b2233; --focus:rgba(232,96,60,.25);
  --cta-eyebrow:#ffd2c2; --hope-bg:#0f4c6b;
}
h1,h2{letter-spacing:-.01em}
h1 em,h2 em{font-style:italic;color:#ffb199}

/* header floats over the photo, turns solid on scroll */
.site-head{position:fixed;left:0;right:0;top:34px;background:transparent}
.scrolled .site-head{top:0;background:rgba(11,34,51,.94);backdrop-filter:blur(10px)}
.brand{color:#fff}
.brand-mark{width:40px;height:auto;filter:drop-shadow(0 0 12px rgba(255,220,140,.5))}
.brand-word{display:flex;flex-direction:column;line-height:1}
.brand-word b{font:400 1.55rem/1 var(--font-d)}
.brand-word small{font:700 .66rem/1 var(--font-b);letter-spacing:.32em;text-transform:uppercase;margin-top:5px;opacity:.9}
.btn-head{background:var(--accent)}
.navtoggle span{background:#fff}
@media (max-width:1060px){.nav{inset:84px 0 auto 0}.nav a{color:#fff;border-color:rgba(255,255,255,.15)}}

/* Home hero */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden;margin-top:-34px;padding-top:150px}
.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,34,51,.55) 0%,rgba(11,34,51,.12) 35%,rgba(11,34,51,.35) 62%,rgba(11,34,51,.92) 100%),url(/assets/img/coast.jpg) 30% center/cover;animation:drift 30s ease-in-out infinite alternate}
@keyframes drift{from{transform:scale(1.04)}to{transform:scale(1.12) translateX(-1.5%)}}
.sweep{position:absolute;inset:-40%;background:conic-gradient(from 90deg at 50% 50%,transparent 0deg,rgba(255,226,170,.28) 10deg,transparent 22deg,transparent 360deg);mix-blend-mode:screen;animation:spin 14s linear infinite;pointer-events:none}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-in{position:relative;z-index:1;padding-bottom:40px}
.hero .eyebrow{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.hero h1{color:#fff;font-size:clamp(3.4rem,10vw,8.6rem);line-height:.95;text-shadow:0 4px 40px rgba(0,0,0,.35);margin-bottom:.3em}
.hero h1 em{color:#ffb199}
.hero .lede{color:#fff;max-width:620px;font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:500;text-shadow:0 2px 16px rgba(0,0,0,.4)}
.btn-sun{background:var(--accent);color:#fff}
.btn-glass{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.55);backdrop-filter:blur(8px)}
.hero-links{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.3);margin-bottom:0}
.hero-links a{display:flex;align-items:center;gap:14px;padding:26px 6px;color:#fff;text-decoration:none;font:400 1.5rem/1 var(--font-d)}
.hero-links a+a{border-left:1px solid rgba(255,255,255,.3);padding-left:28px}
.hero-links .ic{width:30px;height:30px;margin:0;background:#ffb199}
.hero-links .arr{margin-left:auto}

/* scroll-lit statement */
.lit-sec{padding:clamp(80px,12vw,170px) 0;background:var(--bg)}
.lit{font:400 clamp(2rem,4.6vw,3.9rem)/1.18 var(--font-d);color:var(--ink);max-width:1100px;margin:0}
.lit span{color:rgba(13,42,63,.16);transition:color .35s}
.lit span.on{color:var(--ink)}
.lit span.acc.on{color:var(--accent);font-style:italic}

/* services as editorial rows */
.rows{border-top:1px solid var(--line-strong)}
.row{display:grid;grid-template-columns:70px 220px 1fr 60px;gap:32px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line-strong);text-decoration:none;color:var(--body);transition:background .3s}
.row:hover{background:var(--bg-alt)}
.row-n{font:400 1.6rem/1 var(--font-d);color:var(--accent)}
.row-img{aspect-ratio:3/2;border-radius:4px;background:var(--img) center/cover;transition:transform .4s}
.row:hover .row-img{transform:scale(1.04)}
.row-t h3{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:.25em}
.row-t p{margin:0;max-width:620px}
.row-go{justify-self:end;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--ink);color:var(--ink)}
.row:hover .row-go{background:var(--accent);border-color:var(--accent);color:#fff}

/* full-bleed quote */
.photo-quote{position:relative;padding:clamp(110px,16vw,220px) 0;color:#fff;background:linear-gradient(90deg,rgba(11,34,51,.85),rgba(11,34,51,.35)),var(--img) center/cover}
.photo-quote blockquote{margin:0 0 20px;max-width:900px;font:400 clamp(2rem,4.4vw,3.6rem)/1.15 var(--font-d);text-shadow:0 2px 24px rgba(0,0,0,.35)}
.photo-quote cite{font-style:normal;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:#ffd2c2}

/* deep section: the process */
.sec-deep{background:var(--deep);color:rgba(255,255,255,.88)}
.sec-deep h2,.sec-deep h3{color:#fff}
.sec-deep .eyebrow{color:var(--accent-2)}
.sec-deep .ssteps{gap:0;border-top:1px solid rgba(255,255,255,.2)}
.sec-deep .sstep{background:none;border:0;border-right:1px solid rgba(255,255,255,.2);border-radius:0;padding:34px 28px 10px}
.sec-deep .sstep:last-child{border-right:0}
.sec-deep .sstep-n{font-size:5rem;color:transparent;-webkit-text-stroke:1.5px var(--accent-2)}
.sec-deep .sstep p{color:rgba(255,255,255,.85)}
.sec-deep .tag{background:rgba(63,193,185,.18);color:#9ff0ea}
.sec-deep .tag-inperson{background:rgba(232,96,60,.22);color:#ffc4b1}

/* testimonial marquee */
.sec-marquee{overflow:hidden}
.marquee{overflow:hidden;padding:10px 0}
.mtrack{display:flex;gap:22px;width:max-content;animation:marq 90s linear infinite}
.marquee.rev .mtrack{animation-direction:reverse;animation-duration:110s}
.marquee:hover .mtrack{animation-play-state:paused}
.mq{width:420px;flex:none;margin:0;padding:30px;background:#fff;border-radius:6px;border:1px solid var(--line)}
.mq .tq-title{font:400 1.45rem/1.2 var(--font-d);color:var(--ink);margin-bottom:.5em}
.mq blockquote{margin:0 0 14px;font-size:1rem}
.mq figcaption{font-weight:800;color:var(--accent);font-size:.88rem}
.sec-marquee .more{margin-top:26px}

.sec-glass{background:linear-gradient(120deg,#0f4c6b,#13707a);color:#fff}
.sec-glass .fact{border-top-color:#ffb199}
.sec-glass .fact dt{color:#fff}
.sec-glass .fact dd{color:rgba(255,255,255,.9)}

/* inner page hero: photo with white type */
.phero{color:#fff;min-height:min(78vh,720px);display:flex;align-items:flex-end;margin-top:-34px;padding:190px 0 clamp(56px,7vw,90px);overflow:hidden}
.phero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,34,51,.7),rgba(11,34,51,.2) 40%,rgba(11,34,51,.85)),var(--img) center/cover}
.phero-fig{display:none}
.phero h1{color:#fff;font-size:clamp(2.8rem,7vw,5.6rem);max-width:1000px;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.phero .eyebrow{color:#ffd2c2}
.phero .lede{color:#fff;max-width:720px;font-weight:500;text-shadow:0 2px 14px rgba(0,0,0,.45)}

.card,.step,.sstep,.tq,.partner,.topic,.cform,.cline,.post-card,.service{border-radius:6px}
.step-num span{background:var(--ink);font-family:var(--font-d);font-weight:400}
.step:nth-child(n+3) .step-num span{background:var(--accent)}
.hope-band{background:linear-gradient(rgba(15,76,107,.75),rgba(15,76,107,.75)),url(/assets/img/beach.jpg) center/cover}
.hope-band p{font-weight:400;font-style:italic}
.pull{border-left-color:var(--accent-2);background:#fff}
.pull p{font-weight:400}
.fact dt{font-weight:400}
.fee-price{font-weight:400}
.service .ic{background:var(--accent)}
.cta-band{background:linear-gradient(180deg,rgba(11,34,51,.45),rgba(11,34,51,.85)),url(/assets/img/hills.jpg) center/cover}
.cta-band h2{font-size:clamp(2.6rem,6vw,4.6rem)}
.cta-band .btn-light{background:var(--accent);color:#fff}
.site-foot .brand{color:#fff}

@media (max-width:980px){
  .row{grid-template-columns:50px 1fr 50px;gap:18px}
  .row-img{display:none}
  .sec-deep .ssteps{grid-template-columns:1fr 1fr}
  .sec-deep .sstep:nth-child(2){border-right:0}
}
@media (max-width:640px){
  .hero-links{grid-template-columns:1fr}
  .hero-links a{padding:18px 0;font-size:1.3rem}
  .hero-links a+a{border-left:0;border-top:1px solid rgba(255,255,255,.3);padding-left:0}
  .hero h1{font-size:3.4rem}
  .hero-bg{background:linear-gradient(180deg,rgba(11,34,51,.6) 0%,rgba(11,34,51,.35) 30%,rgba(11,34,51,.7) 55%,rgba(11,34,51,.95) 100%),url(/assets/img/coast.jpg) 30% center/cover}
  .sec-deep .ssteps{grid-template-columns:1fr}
  .sec-deep .sstep{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}
  .mq{width:300px}
  .row{grid-template-columns:36px 1fr;padding:22px 0}
  .row-go{display:none}
  .brand-word b{font-size:1.3rem}
}