/* =========================================================
   SEEN — EDITORIAL VOICE
   Dark, observational, image-led. Distinct from Doug's Notebook
   and Test Kitchen while remaining inside the G&C system.
   ========================================================= */
:root{
  --seen-night:#1d1218;
  --seen-aubergine:#28171f;
  --seen-oxblood:#3a1c24;
  --seen-mineral:#e7e0da;
  --seen-muted:#bdb1aa;
  --seen-saffron:#d39a3a;
  --seen-rust:#a95736;
  --seen-rule:rgba(211,154,58,.34);
}
body.seen-page{background:var(--seen-night);color:var(--seen-mineral);font-family:Georgia,"Times New Roman",serif;}
.seen-page::selection{background:var(--seen-saffron);color:#171014;}

/* familiar G&C shell, quieter inside Seen */
.seen-nav{;display:flex;align-items:center;gap:34px;min-height:78px;padding:10px 5vw;background:#0c0a0b;border-bottom:1px solid rgba(211,154,58,.18);}
.seen-nav-logo img{display:block;width:56px;height:56px;object-fit:contain;}
.seen-nav nav{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;}
.seen-nav nav a,.seen-nav nav a:visited{color:#d8d0ca;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:1.3px;text-decoration:none;transition:color .18s ease;}
.seen-nav nav a:hover,.seen-nav nav a:focus-visible{color:var(--seen-saffron);}
.seen-nav nav span{color:rgba(211,154,58,.38);font-size:8px;}

/* hero: composition rather than engineering grid */
.seen-hero{position:relative;display:grid;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);min-height:540px;background:linear-gradient(145deg,#211219 0%,#321923 52%,#1a1117 100%);overflow:hidden;}
.seen-hero::before{content:"";position:absolute;left:7vw;top:0;width:1px;height:72%;background:linear-gradient(to bottom,var(--seen-saffron),transparent);opacity:.72;z-index:2;}
.seen-hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:88px 5vw 82px 10vw;}
.seen-index{display:flex;align-items:baseline;gap:12px;margin-bottom:64px;font-family:Arial,Helvetica,sans-serif;color:var(--seen-saffron);}
.seen-index span{font-size:11px;font-weight:900;letter-spacing:5px;}
.seen-index b{font-size:9px;letter-spacing:2px;color:var(--seen-muted);}
.seen-hero h1{max-width:520px;margin:0;color:var(--seen-mineral);font-family:Georgia,"Times New Roman",serif;font-size:clamp(68px,7vw,118px);font-weight:400;line-height:.82;letter-spacing:-4px;text-wrap:balance;}
.seen-deck{max-width:430px;margin:34px 0 0;padding-left:28px;border-left:1px solid var(--seen-rule);color:#cfc4bd;font-size:19px;font-style:italic;line-height:1.55;}
.seen-context{display:flex;gap:18px;margin-top:38px;color:var(--seen-saffron);font:800 9px/1 Arial,Helvetica,sans-serif;letter-spacing:2px;}
.seen-context span+span::before{content:"/";margin-right:18px;color:rgba(231,224,218,.26);}
.seen-hero-photo{position:relative;min-height:540px;overflow:hidden;}
.seen-hero-photo::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(171,88,39,.18);mix-blend-mode:soft-light;pointer-events:none;}
.seen-hero-photo::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(29,18,24,.72) 0%,rgba(55,27,24,.05) 28%,rgba(55,27,24,.03) 72%,rgba(29,18,24,.32) 100%);pointer-events:none;}
.seen-hero-photo img{position:relative;z-index:0;display:block;width:100%;height:100%;min-height:540px;object-fit:cover;object-position:center;filter:sepia(.10) saturate(.94) contrast(1.04) brightness(.86);transform:scale(1.01);}

/* essay */
.seen-body{position:relative;padding:100px 7vw 110px;background:radial-gradient(circle at 16% 12%,rgba(92,44,55,.18),transparent 31%),var(--seen-night);}
.seen-article{position:relative;max-width:760px;margin:0 auto;}
.seen-article>p{margin:0 0 27px;color:#ddd5cf;font-size:18px;line-height:1.82;}
.seen-article>p:first-child{margin-bottom:36px;color:#f0e9e4;font-size:23px;line-height:1.65;}
.seen-article>p:first-child::first-letter{float:left;margin:9px 9px 0 0;color:var(--seen-saffron);font-size:68px;line-height:.68;}

/* links should read as prose until invited */
.seen-article a{color:inherit;text-decoration-color:rgba(211,154,58,.5);text-decoration-thickness:1px;text-underline-offset:4px;transition:color .16s ease,text-decoration-color .16s ease;}
.seen-article a:hover,.seen-article a:focus-visible{color:var(--seen-saffron);text-decoration-color:var(--seen-saffron);}
.seen-article a:visited{color:#c68e6e;}

/* the aside is literally a margin thought: visible beside the prose, never interrupting it */
.seen-margin-note{position:absolute;left:-285px;width:225px;margin:0;padding:18px 0 18px 20px;border-left:1px solid var(--seen-saffron);transform:translateY(-6px);}
.seen-margin-note span{display:block;margin-bottom:9px;color:var(--seen-saffron);font:800 8px/1 Arial,Helvetica,sans-serif;letter-spacing:2.5px;}
.seen-margin-note p{margin:0;color:#a99d96;font-size:14px;font-style:italic;line-height:1.55;}

/* photography gets permission to be atmospheric */
.seen-figure{margin:64px 0;}
.seen-figure img{display:block;width:100%;height:auto;box-shadow:0 26px 65px rgba(0,0,0,.25);filter:sepia(.12) saturate(.96) contrast(1.03) brightness(.98);}
.seen-figure figcaption{margin-top:13px;color:var(--seen-saffron);font:800 9px/1.45 Arial,Helvetica,sans-serif;letter-spacing:1.75px;}
.seen-figure-wide{width:min(1040px,calc(100vw - 10vw));margin-left:50%;transform:translateX(-50%);}
.seen-figure-wide img{max-height:720px;object-fit:cover;}
.seen-figure-detail{width:min(610px,100%);margin-left:auto;margin-right:-100px;}

.seen-closing{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:78px;padding:28px 0 0 28px;border-top:1px solid var(--seen-rule);}
.seen-closing::before{content:"";position:absolute;left:0;top:28px;width:1px;height:54px;background:var(--seen-saffron);}
.seen-closing span{color:var(--seen-saffron);font:800 9px/1 Arial,Helvetica,sans-serif;letter-spacing:2.4px;}
.seen-closing strong{color:var(--seen-mineral);font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:400;letter-spacing:.2px;}
.seen-page .post-nav-bottom{color:var(--seen-muted);}
.seen-page .post-nav-bottom a,.seen-page .post-nav-bottom a:visited{color:var(--seen-muted);}
.seen-page .post-nav-bottom a:hover,.seen-page .post-nav-bottom a:focus-visible{color:var(--seen-saffron);}

/* footer remains G&C; a quiet boundary keeps Seen from swallowing the site */


@media(max-width:1279px){
  /* the note repeats the adjoining thought, so suppress it where a true margin no longer exists */
  .seen-margin-note{display:none;}
  .seen-figure-detail{margin-right:auto;}
}
@media(max-width:900px){
  .seen-nav{display:block;padding:12px 4vw;overflow-x:auto;white-space:nowrap;}
  .seen-nav-logo{display:none;}
  .seen-nav nav{justify-content:flex-start;min-width:max-content;}
  .seen-hero{grid-template-columns:1fr;min-height:0;}
  .seen-hero::before{left:7vw;height:45%;}
  .seen-hero-copy{padding:72px 8vw 60px 11vw;}
  .seen-index{margin-bottom:44px;}
  .seen-hero h1{font-size:clamp(62px,14vw,96px);}
  .seen-hero-photo{min-height:54vw;max-height:600px;}
  .seen-hero-photo img{min-height:54vw;}
  .seen-hero-photo::after{background:linear-gradient(180deg,rgba(29,18,24,.45),transparent 34%,rgba(29,18,24,.2));}
}
@media(max-width:650px){
  .seen-body{padding:68px 7vw 80px;}
  .seen-article>p{font-size:17px;line-height:1.76;}
  .seen-article>p:first-child{font-size:20px;}
  .seen-figure-wide{width:100%;margin-left:0;transform:none;}
  .seen-hero-copy{padding-left:12vw;}
  .seen-deck{font-size:17px;}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;}}


/* Seen keeps the shared conversation mechanics but stays in its own palette. */
.seen-page .article-conversation{background:var(--seen-aubergine);border-top-color:var(--seen-saffron);}
.seen-page .article-conversation-kicker{color:var(--seen-saffron);}
.seen-page .article-conversation h2{color:var(--seen-mineral);}
.seen-page .article-conversation p{color:#d8cec8;}
.seen-page .article-conversation-link,.seen-page .article-conversation-link:visited{color:var(--seen-mineral);border-color:rgba(231,224,218,.42);}
.seen-page .article-conversation-link:hover,.seen-page .article-conversation-link:focus-visible{color:var(--seen-saffron);border-color:var(--seen-saffron);}
.seen-page .article-conversation-link-primary,.seen-page .article-conversation-link-primary:visited{background:var(--seen-saffron);border-color:var(--seen-saffron);color:#171014;}
.seen-page .article-conversation-link-primary:hover,.seen-page .article-conversation-link-primary:focus-visible{background:#e0ad55;border-color:#e0ad55;color:#171014;}