/* palette: black & white, orange accent */
:root{--bg:#FFFFFF;--bg2:#FFFFFF;--bg3:#F2F2F0;--line:#1E1D1B;--ink:#000000;--txt:#4A4946;--mute:#8A8884;--dark:#000000;--acc:#FF5A1F}
body{background:var(--bg);color:var(--ink)}
.nav::before{background:rgba(0,0,0,.88) !important;border:0 !important;backdrop-filter:blur(8px)}
.nav .wm,.nav .menu a:not(.c1):not(.c2){color:#fff !important}
.nav .tag{color:var(--acc) !important}
.nav .burger i{background:#fff !important}
.nav .menu a:not(.c1):not(.c2){border-top-color:rgba(255,255,255,.15) !important}
.nav .menu a:not(.c1):not(.c2):hover,.nav .menu a.on{background:rgba(255,255,255,.08) !important}
.nav .ctas{border-top-color:rgba(255,255,255,.15) !important}
.nav .ctas .c2{background:var(--acc) !important;color:#fff !important}
.touch{background:#000 !important;color:#fff !important}
.touch .dot{background:transparent !important;color:#fff !important;width:auto !important;height:auto !important}
.touch{padding:0 !important;gap:10px !important;justify-content:center !important}
.touch:hover{background:var(--acc) !important}
.pill.solid:hover,.k6-send:hover,.nav .ctas .c2:hover{background:#000 !important}
.pill:hover{background:var(--acc) !important;border-color:var(--acc) !important;color:#fff !important}
.num,.mono.lab{color:var(--mute)}
.h6 h1 .lt{color:var(--txt)}
.d6-pic img{filter:none}
.s6{background:#fff}
.c6,.k6,.clients{background:#fff}
.h6-strip,.h6-bar{background:#fff}
.w6-txt .tags span{background:#000}
.frame .bar{color:#fff}
.frame .bar #clock{color:var(--acc)}
.clients .marq{border-top-color:var(--ink)}
.d6-rules li{border-bottom-color:#1E1D1B}
.k6{border-top:1px solid var(--ink)}
.s6-row.open .plus .pm::before{color:var(--acc)}
.row.open .plus .pm::before{color:var(--acc)}
.k6-soc a{border-bottom-color:var(--ink)}
/* ===== v6 layout variation (loads after style.css) ===== */
.pill{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;border:1px solid rgba(30,29,27,.22);border-radius:4px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none;transition:background .2s,color .2s,border-color .2s;background:transparent}
.pill svg{transition:transform .3s var(--ease)}
.pill:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.pill:hover svg{transform:translate(2px,-2px)}
.pill.solid{background:var(--ink);color:#fff;border-color:var(--ink)}
.pill.solid:hover{background:#000}
.mono.lab{color:var(--mute)}
.num{color:var(--mute)}

/* HERO: statement + strip */
.h6{padding:clamp(140px,18vh,200px) 0 0;font-family:var(--latin)}
.h6-top{padding:0 var(--pad)}
.h6 h1{font-family:"Archivo",var(--latin);font-size:clamp(48px,8.2vw,118px);line-height:.88;letter-spacing:-.035em;font-weight:700;text-transform:uppercase;margin-top:18px;max-width:12.4em;color:var(--ink)}
.h6 h1 .lt{font-weight:400;color:var(--txt)}
.h6-row{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-top:clamp(36px,4vw,56px)}
.h6-row p{font-size:clamp(17px,1.5vw,21px);line-height:1.3;max-width:26em;color:var(--ink)}
.h6-cta{display:flex;gap:8px}
.h6-strip{margin-top:clamp(56px,7vw,96px);overflow:hidden;border-top:1px solid var(--ink)}
.h6-track{display:flex;gap:10px;width:max-content;padding:10px 0;animation:h6drift 60s linear infinite}
.h6-track figure{margin:0;flex:none}
.h6-track img{height:clamp(240px,38vh,420px);width:auto;display:block;object-fit:cover}
.h6-track figure:nth-child(odd) img{aspect-ratio:4/5}
.h6-track figure:nth-child(even) img{aspect-ratio:3/2}
.h6-track figcaption{margin-top:8px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
@keyframes h6drift{to{transform:translateX(-50%)}}
.h6-strip:hover .h6-track{animation-play-state:paused}
.h6-bar{display:flex;justify-content:space-between;margin:0 var(--pad);padding:14px 0 0;border-top:1px solid var(--ink);font-size:10px;letter-spacing:.02em;text-transform:uppercase;color:var(--txt)}

/* WORK: brief → made blocks */
#work.w6{padding:clamp(240px,38vh,420px) var(--pad) clamp(64px,8vw,120px);font-family:var(--latin);position:relative;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.85) 160px,#fff 260px) !important}
.clients{background:var(--bg2)}
.w6-intro{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.w6-intro h2{font-size:clamp(26px,2.9vw,42px);line-height:1.12;letter-spacing:-.03em;font-weight:500;max-width:20em;color:var(--ink);text-indent:2.6em}
.w6-item{display:grid;grid-template-columns:4fr 8fr;gap:40px;padding:clamp(40px,5vw,64px) 0;border-top:1px solid var(--ink);align-items:start}
.w6-item.flip{grid-template-columns:8fr 4fr}
.w6-item.flip .w6-txt{order:2}
.w6-item.flip .w6-img{order:1}
.w6-txt{position:sticky;top:110px;display:flex;flex-direction:column;gap:22px}
.w6-txt h3{font-size:clamp(28px,3.4vw,48px);letter-spacing:-.03em;font-weight:500;line-height:1}
.w6-txt h3 small{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-top:10px;font-weight:400}
.w6-bm{display:grid;gap:18px;max-width:30em}
.w6-bm .lab{display:block;margin-bottom:8px}
.w6-bm p{margin:0;font-size:16px;line-height:1.45;color:var(--ink)}
.w6-bm p.q{color:var(--txt);font-size:18px}
.w6-txt .tags{display:flex;gap:2px;flex-wrap:wrap}
.w6-txt .tags span{font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;background:var(--ink);color:#fff;height:22px;line-height:22px;padding:0 8px;border-radius:2px}
.w6-txt .pill{align-self:flex-start}
.w6-img .big{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:2px}
.w6-img .sm{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.w6-img .sm img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:2px}
.w6-foot{border-top:1px solid var(--ink);padding-top:28px;display:flex;justify-content:flex-end}

/* WHAT WE DO: numbered accordion */
.s6{padding:clamp(96px,12vw,160px) var(--pad);background:var(--bg2);font-family:var(--latin)}
.s6-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.s6-head h2{grid-column:1;font-family:"Archivo",var(--latin);font-size:clamp(44px,5.6vw,80px);line-height:.92;letter-spacing:-.03em;font-weight:700;text-transform:uppercase;margin-top:14px}
.s6-head .lab{grid-column:1/-1}
.s6-head p{grid-column:2;font-size:clamp(17px,1.4vw,20px);line-height:1.35;max-width:24em;color:var(--ink);justify-self:end}
.s6-list{border-top:1px solid var(--ink)}
.s6-row{border-bottom:1px solid var(--ink)}
.s6-top{display:grid;grid-template-columns:60px 1.1fr 1.6fr 60px;gap:24px;align-items:baseline;padding:26px 0;cursor:pointer}
.s6-top h3{font-family:"Archivo",var(--latin);font-size:clamp(28px,3.6vw,52px);line-height:1;letter-spacing:-.03em;font-weight:700;text-transform:uppercase}
.s6-top .one{font-size:16px;color:var(--txt);margin:0}
.s6-top .plus{font-family:var(--mono);font-size:12px;color:var(--mute);justify-self:end}
.s6-row.open .plus .pm{position:relative;color:transparent}
.s6-row.open .plus .pm::before{content:"−";position:absolute;left:0;top:0;color:var(--ink)}
.s6-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.s6-row.open .s6-body{grid-template-rows:1fr}
.s6-in{min-height:0;overflow:hidden;display:grid;grid-template-columns:60px 1fr auto;gap:24px;align-items:start}
.s6-in ul{grid-column:2;list-style:none;margin:0;padding:0 0 32px;columns:2;column-gap:40px;max-width:40em}
.s6-in li{font-size:16px;line-height:1.5;color:var(--ink);break-inside:avoid}
.s6-in .pill{grid-column:3;margin-bottom:32px}

/* CLIENTS: type wall */
.c6{padding:clamp(96px,12vw,160px) var(--pad)}
.c6-wall{margin-top:28px;font-family:"Archivo",var(--latin);font-size:clamp(28px,4.6vw,66px);line-height:1.05;letter-spacing:-.03em;font-weight:700;text-transform:uppercase;color:#D9D9D6;display:flex;flex-wrap:wrap;gap:.1em .45em;max-width:16em}
.c6-wall span{transition:color .3s}
.c6-wall span.k{color:var(--ink)}
.c6-wall:hover span{color:var(--ink)}

/* STUDIO: director block */
.d6{padding:clamp(96px,12vw,160px) var(--pad);display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start;font-family:var(--latin)}
.d6-pic{position:sticky;top:110px}
.d6-pic img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;border-radius:2px;filter:grayscale(1) contrast(1.05)}
.d6-pic .cap{display:block;margin-top:12px;color:var(--mute)}
.d6-quote{font-size:clamp(26px,2.9vw,42px);line-height:1.12;letter-spacing:-.03em;font-weight:500;color:var(--ink);margin:18px 0 44px;max-width:16em}
.d6-rules{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.d6-rules li{display:grid;grid-template-columns:60px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.d6-rules b{display:block;font-size:clamp(20px,1.9vw,26px);letter-spacing:-.025em;font-weight:500;margin-bottom:6px}
.d6-rules li > div > span{font-size:15px;color:var(--txt);line-height:1.5}
.d6-note{margin-top:36px;font-size:15px;line-height:1.55;color:var(--txt);max-width:34em}

/* CONTACT: open, underline form */
.k6{padding:clamp(96px,12vw,160px) var(--pad) 32px;border-top:1px solid var(--ink);font-family:var(--latin)}
.k6 h2{font-family:"Archivo",var(--latin);font-size:clamp(56px,10vw,150px);line-height:.88;letter-spacing:-.04em;font-weight:700;text-transform:uppercase;margin-bottom:clamp(40px,5vw,72px)}
.k6-g{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.k6-l p{font-size:16px;line-height:1.6;color:var(--txt);max-width:26em;font-family:var(--sans)}
.k6-l .mail{display:inline-block;margin-top:24px;font-size:clamp(22px,2.4vw,32px);font-weight:500;letter-spacing:-.025em;border-bottom:1px solid var(--ink);padding-bottom:2px;color:var(--ink);text-decoration:none}
.k6-soc{display:flex;gap:18px;margin-top:28px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.k6-soc a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}
.k6-f{display:grid;gap:0}
.k6-f label{display:grid;gap:8px;padding:18px 0;border-bottom:1px solid var(--ink)}
.k6-f label .mono{color:var(--mute);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.k6-f input,.k6-f textarea{background:transparent;border:0;outline:0;font:inherit;font-size:18px;color:var(--ink);padding:0;resize:vertical;font-family:var(--sans)}
.k6-f input::placeholder,.k6-f textarea::placeholder{color:var(--mute)}
.k6-send{margin-top:24px;justify-self:end;display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 20px;background:var(--ink);color:#fff;border:0;border-radius:4px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.k6-send:hover{background:#000}
.k6-foot{display:flex;justify-content:space-between;gap:16px;margin-top:clamp(72px,10vw,140px);padding-top:16px;border-top:1px solid var(--ink);font-size:10px;letter-spacing:.02em;text-transform:uppercase;color:var(--txt)}
.k6-foot .wm{font-family:var(--logo);font-size:18px;text-transform:none;letter-spacing:0;color:var(--ink)}

@media (max-width:1000px){
  .h6{padding-top:110px}
  .h6 h1{font-size:44px}
  .h6-row{grid-template-columns:1fr;gap:20px;align-items:start}
  .h6-track img{height:220px}
  .h6-bar span:nth-child(3),.h6-bar span:nth-child(4){display:none}
  .w6-intro{grid-template-columns:1fr}
  .w6-intro h2{text-indent:0}
  .w6-item,.w6-item.flip{grid-template-columns:1fr;gap:20px}
  .w6-item.flip .w6-txt{order:1}
  .w6-item.flip .w6-img{order:2}
  .w6-txt{position:static}
  .s6-head{grid-template-columns:1fr}
  .s6-head p{grid-column:1;justify-self:start}
  .s6-top{grid-template-columns:40px 1fr 40px;grid-template-rows:auto auto;row-gap:6px}
  .s6-top .one{grid-column:2}
  .s6-top .plus{grid-column:3;grid-row:1}
  .s6-in{grid-template-columns:40px 1fr}
  .s6-in ul{columns:1}
  .s6-in .pill{grid-column:2;margin-bottom:28px}
  .d6{grid-template-columns:1fr;gap:28px}
  .d6-pic{position:static}
  .d6-pic img{aspect-ratio:4/5}
  .k6-g{grid-template-columns:1fr;gap:36px}
  .k6-foot{flex-wrap:wrap}
}

.d6-pic img{filter:none}

/* works page: hover ( + ) → ( VIEW + ) in orange; thumbnails stay still */
body.works .row:hover .plus{color:var(--acc)}
body.works .row:hover .plus .v{max-width:4em !important;margin-right:.6em !important}
body.works .row.open .plus .v,body.works .row.open:hover .plus .v{max-width:0 !important;margin-right:0 !important}
/* hero: "beyond the brief." in orange */
.frame h1 .serif{color:var(--acc) !important}

/* works page: bottom filter bar radius = nav radius */
.fbar{border-radius:4px !important}
/* get in touch: chat pictogram (KakaoTalk channel) */
.touch .dot svg{width:18px;height:18px;display:block}

.k6 h2 .nc{text-transform:none;letter-spacing:-.05em}

/* ===== WHAT WE DO PAGE ===== */
body.whatpage{background:#fff}
.s6-more{margin-top:40px;display:flex;justify-content:flex-end}
.pill.solid.acc{background:var(--acc);border-color:var(--acc);color:#fff}
.whatpage main{font-family:var(--latin)}
.wp-head{padding:clamp(180px,22vw,280px) var(--pad) clamp(80px,10vw,140px)}
.wp-head h1{font-family:"Archivo",var(--latin);font-size:clamp(56px,10vw,150px);line-height:.88;letter-spacing:-.04em;font-weight:700;text-transform:uppercase;margin:18px 0 clamp(56px,7vw,96px);color:var(--ink)}
.wp-hg{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start;border-top:1px solid var(--ink);padding-top:20px}
.wp-idx{list-style:none;margin:0;padding:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.wp-idx a{display:flex;gap:18px;padding:6px 0;color:var(--ink);text-decoration:none;transition:color .2s}
.wp-idx a span{color:var(--mute);transition:color .2s}
.wp-idx a:hover,.wp-idx a:hover span{color:var(--acc)}
.wp-hg p{font-size:clamp(20px,1.9vw,28px);line-height:1.3;letter-spacing:-.015em;color:var(--ink);max-width:24em;margin:0}

.wp-svc{display:grid;grid-template-columns:5fr 7fr;gap:48px;margin:0 var(--pad);padding:clamp(56px,7vw,96px) 0 clamp(80px,10vw,140px);border-top:1px solid var(--ink);scroll-margin-top:100px}
.wp-l{position:sticky;top:120px;align-self:start}
.wp-l h2{font-family:"Archivo",var(--latin);font-size:clamp(44px,6vw,96px);line-height:.9;letter-spacing:-.035em;font-weight:700;text-transform:uppercase;margin:14px 0 18px;color:var(--ink)}
.wp-l .one{font-size:17px;line-height:1.4;color:var(--txt);margin:0;max-width:20em}
.wp-r .desc{font-size:clamp(22px,2.2vw,32px);line-height:1.25;letter-spacing:-.02em;color:var(--ink);margin:0 0 clamp(40px,5vw,64px);max-width:22em}
.wp-meta{display:grid;grid-template-columns:3fr 2fr;gap:40px;padding-top:20px;border-top:1px solid rgba(0,0,0,.14)}
.wp-meta .lab,.wp-rel .lab,.wp-loop .lab{display:block;margin-bottom:14px}
.wp-meta ul{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}
.wp-meta li{font-size:16px;line-height:1.6;color:var(--ink);break-inside:avoid}
.wp-meta p{font-size:16px;line-height:1.5;color:var(--txt);margin:0}
.wp-rel,.wp-loop{margin-top:clamp(40px,5vw,64px)}
.wp-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}
.wp-thumbs a{display:block;color:var(--ink);text-decoration:none}
.wp-thumbs .img,.wp-thumbs img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:2px;transition:transform .6s var(--ease),filter .4s}
.wp-thumbs a{overflow:hidden}
.wp-thumbs a:hover img{transform:scale(1.03)}
.wp-thumbs span{display:block;margin-top:10px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;transition:color .2s}
.wp-thumbs a:hover span{color:var(--acc)}
.wp-loop ol,.wp-proc ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.wp-loop li,.wp-proc li{border-top:1px solid var(--ink);padding:16px 20px 0 0}
.wp-loop b,.wp-proc b{display:block;margin:22px 0 8px;font-weight:500;font-size:20px;letter-spacing:-.02em;color:var(--ink)}
.wp-loop p,.wp-proc p{font-size:15px;line-height:1.45;color:var(--txt);margin:0;max-width:18em}

.wp-proc{padding:clamp(96px,12vw,160px) var(--pad);border-top:1px solid var(--ink)}
.wp-proc h2{font-family:"Archivo",var(--latin);font-size:clamp(40px,5.6vw,80px);line-height:.92;letter-spacing:-.03em;font-weight:700;text-transform:uppercase;margin:14px 0 clamp(48px,6vw,80px);color:var(--ink)}
.wp-proc li .num{transition:color .2s}
.wp-proc li:hover .num{color:var(--acc)}

.wp-ways{background:#000;color:#fff;padding:clamp(96px,12vw,160px) var(--pad)}
.wp-ways .lab{color:rgba(255,255,255,.5)}
.wp-wg{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:clamp(32px,4vw,56px);border-top:1px solid rgba(255,255,255,.3)}
.wp-wg>div{padding:28px 48px 8px 0}
.wp-wg>div+div{padding-left:48px;border-left:1px solid rgba(255,255,255,.3)}
.wp-wg h3{font-family:"Archivo",var(--latin);font-size:clamp(36px,4.4vw,64px);line-height:.95;letter-spacing:-.03em;font-weight:700;text-transform:uppercase;margin:0 0 20px}
.wp-wg p{font-size:clamp(17px,1.4vw,20px);line-height:1.4;color:rgba(255,255,255,.82);max-width:24em;margin:0 0 28px}
.wp-wg .mono{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}

.wp-cta{padding:clamp(96px,12vw,160px) var(--pad) 32px}
.wp-cta h2{font-family:"Archivo",var(--latin);font-size:clamp(56px,10vw,150px);line-height:.88;letter-spacing:-.04em;font-weight:700;text-transform:uppercase;margin:0 0 clamp(40px,5vw,64px);color:var(--ink)}
.wp-cg{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:end}
.wp-cg p{font-size:clamp(18px,1.6vw,22px);line-height:1.35;color:var(--ink);max-width:22em;margin:0}
.wp-btns{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.wp-btns .pill{height:50px;padding:0 20px}
.wp-btns .pill.acc:hover{background:#000 !important;border-color:#000 !important}

@media (max-width:1000px){
  .wp-head{padding-top:140px}
  .wp-hg,.wp-svc,.wp-cg{grid-template-columns:1fr;gap:28px}
  .wp-l{position:static}
  .wp-meta{grid-template-columns:1fr;gap:28px}
  .wp-meta ul{columns:1}
  .wp-thumbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:calc(var(--pad)*-1);padding-right:var(--pad);scrollbar-width:none}
  .wp-thumbs::-webkit-scrollbar{display:none}
  .wp-thumbs a{flex:0 0 62%;scroll-snap-align:start}
  .wp-loop ol,.wp-proc ol{grid-template-columns:1fr 1fr;row-gap:32px}
  .wp-wg{grid-template-columns:1fr}
  .wp-wg>div{padding:28px 0 32px}
  .wp-wg>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.3)}
  .wp-btns{justify-content:flex-start}
  .wp-btns .pill{flex:1 1 100%;justify-content:space-between}
  .s6-more{justify-content:stretch}.s6-more .pill{flex:1;justify-content:space-between}
}

/* ===== JOURNAL ===== */
body.journal{background:#fff}
.journal main{font-family:var(--latin)}
.jn-head{padding:clamp(180px,22vw,280px) var(--pad) clamp(56px,7vw,96px)}
.jn-head h1{font-family:"Archivo",var(--latin);font-size:clamp(56px,10vw,150px);line-height:.88;letter-spacing:-.04em;font-weight:700;text-transform:uppercase;margin:18px 0 clamp(48px,6vw,80px);color:var(--ink)}
.jn-hg{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start;border-top:1px solid var(--ink);padding-top:20px}
.jn-hg .mono{color:var(--ink)}
.jn-hg p{font-size:clamp(20px,1.9vw,28px);line-height:1.3;letter-spacing:-.015em;color:var(--ink);max-width:24em;margin:0}
.jn-list{padding:0 var(--pad) clamp(80px,10vw,140px)}
.jn-row{display:grid;grid-template-columns:110px 130px 1fr 80px 24px;gap:24px;align-items:baseline;padding:32px 0 36px;border-top:1px solid var(--ink);color:var(--ink);text-decoration:none}
.jn-list .jn-row:last-child{border-bottom:1px solid var(--ink)}
.jn-row time,.jn-row .tp,.jn-row .rd{font-size:10.5px}
.jn-row .tp{color:var(--ink)}
.jn-row .tt h2{font-family:var(--sans);font-size:clamp(22px,2.3vw,34px);line-height:1.25;letter-spacing:-.03em;font-weight:600;margin:0 0 12px;transition:color .2s;word-break:keep-all}
.jn-row .tt p{font-family:var(--sans);font-size:15px;line-height:1.6;color:var(--txt);margin:0;max-width:44em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jn-row .rd{justify-self:end}
.jn-row .ar{justify-self:end;transition:transform .3s var(--ease),color .2s}
.jn-row:hover .tt h2,.jn-row:hover .ar{color:var(--acc)}
.jn-row:hover .ar{transform:translate(3px,-3px)}
.jn-end{padding-top:0}
.jn-end .k6-foot{margin-top:0}
body.journal:not(.article) .jn-end{padding-bottom:110px}

/* article */
.ja{font-family:var(--sans)}
.ja-head{padding:clamp(160px,18vw,240px) var(--pad) clamp(40px,5vw,64px);max-width:1180px}
.ja-head .crumb{display:flex;gap:10px;color:var(--mute)}
.ja-head .crumb a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink)}
.ja-head .crumb a:hover{color:var(--acc);border-color:var(--acc)}
.ja-head h1{font-family:var(--sans);font-size:clamp(36px,5vw,72px);line-height:1.12;letter-spacing:-.045em;font-weight:700;margin:24px 0 32px;color:var(--ink);word-break:keep-all}
.ja-meta{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:10.5px;color:var(--txt)}
.ja-meta b{font-weight:500;color:var(--ink)}
.ja-grid{display:grid;grid-template-columns:3fr 9fr;gap:48px;margin:0 var(--pad);padding-top:28px;border-top:1px solid var(--ink)}
.ja-toc{position:sticky;top:110px;align-self:start}
.ja-toc .lab{display:block;margin-bottom:14px}
.ja-toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.ja-toc li{counter-increment:t}
.ja-toc a{display:grid;grid-template-columns:26px 1fr;padding:6px 0;font-size:13.5px;line-height:1.45;color:var(--mute);text-decoration:none;transition:color .2s}
.ja-toc a::before{content:counter(t,decimal-leading-zero);font-family:var(--mono);font-size:10px;padding-top:2px}
.ja-toc a:hover,.ja-toc a.on{color:var(--ink)}
.ja-toc a.on::before{color:var(--acc)}
.ja-body{max-width:720px;padding-bottom:clamp(80px,10vw,140px)}
.ja-sum{border:1px solid var(--ink);border-radius:4px;padding:24px 28px;margin-bottom:56px}
.ja-sum .lab{display:block;margin-bottom:12px;color:var(--acc)}
.ja-sum ul{margin:0;padding:0;list-style:none}
.ja-sum li{position:relative;padding-left:18px;font-size:17px;line-height:1.65;color:var(--ink);margin:6px 0}
.ja-sum li::before{content:"";position:absolute;left:0;top:.75em;width:7px;height:1px;background:var(--ink)}
.ja-body>h2,.ja-faq h2{font-size:clamp(22px,2vw,28px);line-height:1.35;letter-spacing:-.035em;font-weight:700;margin:64px 0 18px;color:var(--ink);scroll-margin-top:110px}
.ja-body>p{font-size:17.5px;line-height:1.85;letter-spacing:-.01em;color:#222;margin:0 0 18px}
.ja-body>p b{font-weight:600;color:var(--ink)}
.ja-body>ul,.ja-body>ol{margin:8px 0 24px;padding:0 0 0 22px}
.ja-body>ul li,.ja-body>ol li{font-size:17px;line-height:1.75;color:#222;margin:4px 0}
.ja-body>ol li::marker{font-family:var(--mono);font-size:12px;color:var(--mute)}
.ja-body blockquote{margin:32px 0;padding-left:20px;border-left:2px solid var(--acc);font-size:20px;line-height:1.6;color:var(--ink)}
.ja-faq{padding:0 !important;background:none !important;margin-top:80px;border-bottom:1px solid var(--ink);scroll-margin-top:110px}
.ja-faq h2{margin-top:0}
.ja-faq details{border-top:1px solid var(--ink)}
.ja-faq summary{list-style:none;display:flex;justify-content:space-between;gap:24px;padding:20px 0;cursor:pointer;font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.ja-faq summary::-webkit-details-marker{display:none}
.ja-faq summary .plus{font-size:12px;color:var(--mute);flex:none;font-weight:400}
.ja-faq details[open] summary .pm{position:relative;color:transparent}
.ja-faq details[open] summary .pm::before{content:"−";position:absolute;left:0;top:0;color:var(--acc)}
.ja-faq details p{font-size:16.5px;line-height:1.8;color:var(--txt);margin:0 0 24px;max-width:40em}
.ja-author{margin-top:56px;display:grid;gap:10px}
.ja-author p{font-size:15.5px;line-height:1.7;color:var(--txt);margin:0}
.ja-author b{color:var(--ink);font-weight:600;margin-right:8px}
.ja-cta{margin-top:48px;padding:28px;background:#000;color:#fff;border-radius:4px;display:grid;gap:20px}
.ja-cta p{font-size:19px;line-height:1.5;margin:0;letter-spacing:-.02em}
.ja-cta .wp-btns{justify-content:flex-start}
.ja-cta .pill:not(.acc){color:#fff;border-color:rgba(255,255,255,.35)}
.ja-cta .pill:not(.acc):hover{background:#fff !important;color:#000 !important;border-color:#fff !important}
.jn-more{padding:clamp(80px,10vw,120px) 0 0;border-top:1px solid var(--ink)}
.jn-more>.lab{display:block;padding:0 var(--pad) 24px}

@media (max-width:1000px){
  .jn-head,.ja-head{padding-top:140px}
  .jn-hg{grid-template-columns:1fr;gap:20px}
  .jn-row{grid-template-columns:auto auto 1fr;gap:6px 16px;padding:24px 0 28px}
  .jn-row .tt{grid-column:1/-1;grid-row:2;margin-top:10px}
  .jn-row .rd{grid-column:3;grid-row:1}
  .jn-row .ar{display:none}
  .ja-grid{grid-template-columns:1fr;gap:0}
  .ja-toc{position:static;padding-bottom:28px;margin-bottom:32px;border-bottom:1px solid rgba(0,0,0,.14)}
  .ja-sum{padding:20px}
  .ja-body>p{font-size:16.5px}
  .ja-cta{padding:22px}
}

.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* journal rows with thumbnail */
.jn-row{grid-template-columns:110px 130px 1fr minmax(220px,26%) !important;align-items:start !important}
.jn-row .mt{display:grid;gap:6px;font-size:10.5px}
.jn-row .mt .rd{color:var(--mute);justify-self:start}
.jn-row .go{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:10px;color:var(--ink);transition:color .2s}
.jn-row .go svg{transition:transform .3s var(--ease)}
.jn-row:hover .go{color:var(--acc)}
.jn-row:hover .go svg{transform:translate(2px,-2px)}
.jn-row .th{overflow:hidden;border-radius:2px;aspect-ratio:3/2}
.jn-row .th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}
.jn-row:hover .th img{transform:scale(1.04)}
@media (max-width:1000px){
  .jn-row{grid-template-columns:1fr auto !important;gap:14px 16px !important}
  .jn-row .th{grid-column:1/-1;grid-row:1}
  .jn-row .mt{grid-column:1;grid-row:2;display:flex;gap:14px}
  .jn-row .tp{grid-column:2;grid-row:2;justify-self:end}
  .jn-row .tt{grid-column:1/-1;grid-row:3;margin-top:0}
}