:root{--ink:#111111;--paper:#f7f5f0;--muted:#6f6a62;--line:#d9d4ca;--accent:#6e3f2f;--dark:#171717;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:rgba(247,245,240,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:white;font-size:13px;letter-spacing:.08em}.brand-text small{font-weight:500;color:var(--muted);margin-left:6px}.nav{display:flex;gap:24px;font-size:14px}.hero{min-height:76vh;padding:12vh 7vw 8vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.hero-kicker,.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--accent);margin-bottom:16px}h1{font-size:clamp(40px,6.3vw,92px);line-height:1.06;letter-spacing:-.045em;margin:0;max-width:1200px;font-weight:500}h1 strong{font-weight:800}.hero-copy{max-width:720px;font-size:20px;color:#403d38;margin:34px 0 26px}.hero-actions,.visit-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;border:1px solid var(--ink);font-weight:700;font-size:14px}.btn.primary{background:var(--ink);color:white}.btn.ghost{background:transparent}.hero-note{margin-top:28px;color:var(--muted);font-size:14px}.manifesto{padding:9vh 7vw;border-bottom:1px solid var(--line)}.manifesto blockquote{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4.2vw,62px);line-height:1.2;margin:0;max-width:1100px}.manifesto em{color:var(--accent)}.section{padding:10vh 7vw}.section-head{max-width:820px;margin-bottom:48px}.section h2{font-size:clamp(34px,4vw,60px);line-height:1.15;letter-spacing:-.035em;margin:0 0 16px}.section-head p{font-size:18px;color:var(--muted)}.grid{display:grid;gap:18px}.care-grid{grid-template-columns:repeat(3,1fr)}.card{padding:28px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.36)}.card h3{margin:0 0 10px;font-size:20px}.card p{margin:0;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;border-top:1px solid var(--line)}.principles{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}.principles>div{padding:26px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principles span{font-size:12px;color:var(--accent);font-weight:700}.principles h3{font-size:24px;margin:8px 0}.principles p{color:var(--muted);margin:0}.dark{background:var(--dark);color:white}.dark .section-head p,.dark .space-note{color:#b9b6b0}.space-panels{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.space-panel{min-height:260px;border:1px solid #3a3a3a;border-radius:24px;padding:24px;display:flex;align-items:flex-end;background:linear-gradient(140deg,#252525,#101010);font-size:22px}.space-note{font-size:13px;margin-top:12px}.journal-card{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.journal-card h3{font-size:30px;margin:8px 0}.journal-card p{margin:0;color:var(--muted)}.tag{font-size:11px;letter-spacing:.12em;color:var(--accent);font-weight:700}.visit{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;background:#ece8df}.address{font-size:22px;margin:6px 0 12px}.fine{font-size:13px;color:var(--muted);max-width:700px}footer{padding:32px 7vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:flex-end}@media(max-width:900px){.nav{display:none}.hero{padding-top:10vh;min-height:auto}.hero-copy{font-size:18px}.care-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.space-panels{grid-template-columns:1fr}.space-panel{min-height:180px}.visit,.journal-card,footer{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.site-header{padding:14px 18px}.hero,.section,.manifesto{padding-left:20px;padding-right:20px}h1{font-size:44px}.hero-copy{font-size:17px}.care-grid{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.principles>div{border-right:none}.btn{width:100%}.hero-actions,.visit-actions{width:100%}footer{padding:26px 20px}}


/* v1.1 photo/editorial layout */
.hero-with-photo{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  padding:0;
  max-width:none;
  min-height:76vh;
  align-items:stretch;
}
.hero-copy-block{
  padding:clamp(70px,8vw,120px) 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-visual{margin:0;min-height:520px;overflow:hidden}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 40%}

.space-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.space-gallery figure{
  position:relative;
  margin:0;
  min-height:360px;
  overflow:hidden;
  border-radius:20px;
  background:#222;
}
.space-gallery .gallery-wide{grid-column:1/-1;min-height:320px}
.space-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.space-gallery .gallery-wide img{object-position:center}
.space-gallery figcaption{
  position:absolute;
  left:14px;
  right:auto;
  bottom:14px;
  max-width:calc(100% - 28px);
  padding:8px 11px;
  border-radius:999px;
  background:rgba(0,0,0,.64);
  color:#fff;
  font-size:12px;
  line-height:1.4;
}
.space-note{margin-top:18px;color:#aaa;font-size:13px}
.visit{grid-template-columns:1fr .75fr auto;gap:24px;align-items:end}
.visit-photo{height:250px;overflow:hidden;border-radius:18px}
.visit-photo img{width:100%;height:100%;object-fit:cover}

@media (max-width:900px){
  .hero-with-photo{grid-template-columns:1fr;min-height:auto}
  .hero-copy-block{padding:70px 20px 46px}
  .hero-visual{min-height:300px;max-height:46vh}
  .space-gallery{grid-template-columns:1fr}
  .space-gallery .gallery-wide{grid-column:auto}
  .visit{grid-template-columns:1fr}
}
@media (max-width:560px){
  .space-gallery figure,.space-gallery .gallery-wide{min-height:260px}
  .space-gallery figcaption{font-size:11px}
}

/* v1.2 — stability, documentary photo tone, crop correction */
/* Avoid expensive blur on older browsers while keeping the header readable. */
@supports not (backdrop-filter: blur(1px)) {
  .site-header{background:rgba(247,245,240,.98)}
}

/* Real photos keep a coherent, slightly warmer editorial tone without pretending to be paintings. */
.real-photo{
  background:#2a2926;
}

/* Wide panorama must be seen as a panorama, not cropped into a conventional card. */
.space-gallery .gallery-wide{
  min-height:0;
  aspect-ratio:1536/332;
  background:#242321;
}
.space-gallery .gallery-wide img,
.space-gallery img.panorama-photo{
  width:100%;
  height:auto;
  aspect-ratio:1536/332;
  object-fit:contain;
  object-position:center;
}

/* Reception is documentary evidence: show the whole composition rather than cutting edges. */
.space-gallery figure:has(.contain-photo){
  min-height:0;
  aspect-ratio:4/3;
  display:flex;
  align-items:center;
  justify-content:center;
}
.space-gallery img.contain-photo{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#222;
}

/* Portrait entrance stays readable; crop only very lightly. */
.space-gallery img.portrait-photo{
  object-fit:contain;
  background:#222;
}

/* Reduce layout/paint burden below the fold on supported browsers. */
@supports (content-visibility:auto){
  #space,#journal,#visit{content-visibility:auto;contain-intrinsic-size:900px}
}

/* Mobile: preserve actual-photo ratios and stop forced 260px crops. */
@media (max-width:900px){
  .space-gallery figure{min-height:0;aspect-ratio:auto}
  .space-gallery .gallery-wide{aspect-ratio:1536/332}
  .space-gallery figure:has(.contain-photo){aspect-ratio:4/3}
  .space-gallery img.contain-photo,
  .space-gallery img.portrait-photo{height:auto;max-height:none;object-fit:contain}
  .space-gallery .gallery-wide img{height:auto;object-fit:contain}
}
@media (max-width:560px){
  .space-gallery figure,.space-gallery .gallery-wide{min-height:0}
  .space-gallery .gallery-wide{border-radius:16px}
  .space-gallery figure:has(.contain-photo){aspect-ratio:4/3}
  .space-gallery img.contain-photo{width:100%;height:100%;object-fit:contain}
}

/* v1.4 — subtle social emphasis without turning the header into an ad bar */
.header-social a{
  color:var(--accent);
  border-color:rgba(110,63,47,.42);
  background:rgba(110,63,47,.07);
  box-shadow:0 1px 0 rgba(110,63,47,.05);
}
.header-social a:hover{
  background:var(--accent);
  color:#fff;
  border-color:var(--accent);
}


/* Homepage weekly update rail — keep the frame fixed; replace card content only. */
.update-rail{scroll-margin-top:75px;padding:clamp(42px,5vw,64px) 7vw clamp(48px,6vw,72px);border-bottom:1px solid var(--line);background:var(--paper)}
.update-wrap{width:min(1180px,100%);margin:0 auto}
.update-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:48px;align-items:end;margin-bottom:30px}
.update-head .eyebrow{margin-bottom:8px}
.update-head h2{margin:0;font:400 clamp(32px,3.2vw,46px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.04em}
.update-head p{max-width:520px;margin:0;color:var(--muted);font-size:15px}
.update-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.update-card{display:flex;min-width:0;flex-direction:column;border-top:1px solid var(--ink);padding-top:14px}
.update-thumb{position:relative;display:flex;align-items:center;justify-content:space-between;aspect-ratio:16/5;margin-bottom:16px;padding:16px 18px;overflow:hidden;background:#e7dfd7;color:#4c3b34}
.update-thumb::after{content:"";position:absolute;width:150px;height:150px;right:-54px;bottom:-96px;border:1px solid currentColor;border-radius:50%;opacity:.28}
.update-thumb>span,.update-thumb>b{position:relative;z-index:1}
.update-thumb>span{font-size:10px;font-weight:800;letter-spacing:.15em}
.update-thumb>b{font:400 22px/1 Georgia,serif}
.update-card-video .update-thumb{background:linear-gradient(135deg,#1b1a19,#6e3f2f);color:#fff}
.update-card-journal .update-thumb{background:#d8c4b8;color:#5a4037}
.update-card-note .update-thumb{background:#e8e2d7;color:#564c43}
.update-card-robot .update-thumb{aspect-ratio:16/8;padding:8px;border:1px solid #d8d0c4;background:#f9f7f1}
.update-card-robot .update-thumb::after{display:none}
.update-card-robot .update-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.update-type{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em}
.update-card h3{margin:8px 0 9px;font:400 24px/1.25 Georgia,"Times New Roman",serif;letter-spacing:-.025em;word-break:keep-all}
.update-card p{margin:0 0 17px;color:var(--muted);font-size:14px;line-height:1.65;word-break:keep-all}
.update-link{display:inline-block;align-self:flex-start;margin-top:auto;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px;transition:transform .18s ease}
.update-link:hover{transform:translateX(4px)}
.update-link:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
#directors-mind,#debt-world-intro{scroll-margin-top:92px}
.sd-note-list.sd-note-list-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.sd-mind-feature{margin:24px 0 14px;padding:24px 0;border-block:1px solid #d8cbc0}
.sd-mind-feature h4{margin:6px 0 16px;font:400 clamp(28px,3vw,42px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.04em}
.sd-mind-feature>p:not(.sd-kicker){max-width:900px;margin:0 0 14px;color:#5f5751;font-size:15px;line-height:1.75;word-break:keep-all}
.sd-mind-feature .sd-dispatch-link{display:inline-block;margin-top:6px}
@media(max-width:760px){
  .update-rail{padding:38px 20px 48px}
  .update-head{grid-template-columns:1fr;gap:10px;margin-bottom:25px}
  .update-head h2{font-size:34px}
  .update-head p{font-size:14px}
  .update-grid{grid-template-columns:1fr;gap:28px}
  .update-thumb{height:84px;aspect-ratio:auto;margin-bottom:14px}
  .update-card-robot .update-thumb{height:auto;aspect-ratio:16/10}
  .update-card h3{font-size:22px}
  .sd-note-list.sd-note-list-two{grid-template-columns:1fr}
  .sd-mind-feature{padding:20px 0}
  .sd-mind-feature h4{font-size:29px}
  .sd-mind-feature>p:not(.sd-kicker){font-size:14px;line-height:1.7}
}

/* Debt World series — scoped editorial map within the existing journal system. */
.journal-part{margin:8px 0 18px;color:#746c66;font-size:13px;font-weight:800;letter-spacing:.06em;word-break:keep-all}
.journal-part+h1{margin-top:0}
.debt-series-shell .journal-header h1{font-size:clamp(44px,6vw,68px)}
.debt-opening{padding-top:38px}
.debt-question{font:400 clamp(27px,4vw,40px)/1.3 Georgia,"Times New Roman",serif;letter-spacing:-.025em;word-break:keep-all}
.debt-map{margin:44px 0 58px;padding:26px 0;border-block:1px solid #bfaea2}
.debt-map figcaption{margin-bottom:22px}
.debt-map figcaption span{display:block;color:#936052;font-size:11px;font-weight:800;letter-spacing:.14em}
.debt-map figcaption strong{display:block;margin-top:6px;font:400 31px/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.03em}
.debt-map figcaption p{margin:6px 0 0;color:#746c66;font-size:14px}
.debt-map-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid #ddd2c7}
.debt-map-part{min-width:0;padding:18px 12px}
.debt-map-part+.debt-map-part{border-left:1px solid #ddd2c7}
.debt-map-part>span{display:block;color:#936052;font-size:10px;font-weight:800;letter-spacing:.12em}
.debt-map-part>strong{display:block;min-height:58px;margin:8px 0 14px;font:400 15px/1.35 Georgia,"Times New Roman",serif;word-break:keep-all}
.debt-map-part ol{list-style:none;margin:0;padding:0;border-top:1px solid #e5dcd4}
.debt-map-part li{padding:8px 0;border-bottom:1px solid #e5dcd4;font-size:11px;line-height:1.45;word-break:keep-all}
.debt-map-axis{margin:18px 0 0!important;color:#6c625b;font-size:12px;line-height:1.7!important;text-align:center;word-break:keep-all}
.debt-preface{scroll-margin-top:40px}
.debt-toc{margin-top:64px;padding-top:8px;border-top:1px solid #bfaea2;scroll-margin-top:40px}
.debt-toc-part{padding:22px 0;border-bottom:1px solid #ddd2c7}
.journal-body .debt-toc-part h3{margin:0 0 10px;font:400 21px/1.35 Georgia,"Times New Roman",serif;word-break:keep-all}
.debt-toc-part ol{list-style:none;margin:0;padding:0}
.debt-toc-part li+li{margin-top:8px}
.debt-toc-part a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:baseline;font-size:15px;line-height:1.5}
.debt-toc-part a span{color:#936052;font:italic 16px/1 Georgia,"Times New Roman",serif}
.journal-epilogue{margin-top:64px;padding-top:8px;border-top:1px solid #bfaea2}

@media(max-width:760px){
  .journal-part{font-size:12px;line-height:1.55}
  .debt-opening{padding-top:28px}
  .debt-question{font-size:27px}
  .debt-map{margin:36px 0 46px;padding:22px 0}
  .debt-map figcaption strong{font-size:27px}
  .debt-map-grid{grid-template-columns:1fr}
  .debt-map-part{padding:16px 0}
  .debt-map-part+.debt-map-part{border-left:0;border-top:1px solid #ddd2c7}
  .debt-map-part>strong{min-height:0;margin:6px 0 12px;font-size:17px}
  .debt-map-part ol{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:0}
  .debt-map-part li{padding:0;border-bottom:0;font-size:12px}
  .debt-map-axis{text-align:left}
  .debt-toc{margin-top:48px}
  .journal-body .debt-toc-part h3{font-size:20px}
}


/* v1.5 — canonical home-route CTA */
.brand-text,.brand-text small{color:#b42318!important}
.brand:hover .brand-text,.brand:focus-visible .brand-text{text-decoration:underline;text-underline-offset:4px}


/* v1.6 — six care films preview */
.care-film-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}
.care-film-preview{padding:0 0 18px;border-bottom:1px solid var(--line)}
.care-film-preview h3{margin:0 0 10px;font:700 15px/1.3 Arial,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;color:var(--accent)}
.care-film-preview video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#111;border-radius:14px}
.care-film-preview a{display:inline-block;margin-top:10px;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.care-film-preview-grid{grid-template-columns:1fr;gap:26px}.care-film-preview{padding-bottom:20px}}


/* v1.7 — PDF download location guide */
.download-location{margin:10px 0 0!important;padding-left:12px;border-left:3px solid #2f6fae;color:#1d5f9e!important;font:700 13px/1.7 Arial,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word}
.download-location strong{color:#164f89}
@media(max-width:760px){.download-location{font-size:12px;line-height:1.65}}

/* Series F — Creation / Critique. A dark viewing room inside the editorial system. */
.journal-page.creation-page{background:#0b0b0c;color:#f2efe8}
.creation-page .journal-shell{width:min(980px,90vw)}
.creation-page .journal-back{color:#aaa39a}
.creation-page .journal-header{border-color:#33302d}
.creation-page .journal-header h1{max-width:900px;color:#fff}
.creation-page .journal-deck{color:#c5beb4}
.creation-page .sd-kicker{color:#7fc8b8}
.creation-page .journal-body{color:#e4dfd7}
.creation-page .journal-body h2{color:#fff}
.creation-page .journal-body p{color:#c9c2b9}
.creation-manifesto{padding:42px 0 10px}
.creation-statement{max-width:880px!important;margin-bottom:30px!important;color:#f4f0e8!important;font:400 clamp(28px,4.2vw,46px)/1.34 Georgia,"Times New Roman",serif;letter-spacing:-.035em;word-break:keep-all}
.creation-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:38px 0 74px;border-block:1px solid #3b3834}
.creation-index div{padding:18px 18px 18px 0}
.creation-index div+div{padding-left:18px;border-left:1px solid #3b3834}
.creation-index span{display:block;color:#7fc8b8;font-size:10px;font-weight:800;letter-spacing:.14em}
.creation-index strong{display:block;margin-top:7px;color:#f2efe8;font:400 17px/1.4 Georgia,"Times New Roman",serif}
.creation-film{margin:0 0 86px;padding-top:26px;border-top:1px solid #5a5550}
.creation-film-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:20px}
.creation-film-no{display:block;margin-bottom:9px;color:#7fc8b8;font-size:10px;font-weight:800;letter-spacing:.15em}
.creation-film h2{margin:0!important;font-size:clamp(32px,4.6vw,52px)!important;line-height:1.08!important}
.creation-film-meta{margin:0!important;color:#918b84!important;font-size:12px;letter-spacing:.08em;white-space:nowrap}
.creation-screen{position:relative;margin:0;background:#000;border:1px solid #2f2d2b;box-shadow:0 24px 64px rgba(0,0,0,.34)}
.creation-screen video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.creation-film figcaption{margin-top:22px}
.creation-film figcaption p{max-width:800px;margin-bottom:14px!important;font-size:16px;line-height:1.8}
.creation-critique{display:grid;grid-template-columns:130px minmax(0,1fr);gap:24px;margin-top:20px;padding:20px 0;border-block:1px solid #302e2b}
.creation-critique b{color:#d1c9bf;font-size:11px;letter-spacing:.12em}
.creation-critique p{margin:0!important;color:#9f9890!important;font-size:14px!important;line-height:1.75!important}
.creation-method{margin:12px 0 64px;padding:30px;border:1px solid #3d3935;background:#121213}
.creation-method h2{margin:0 0 18px!important;font-size:30px!important}
.creation-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.creation-method-grid span{display:block;margin-bottom:8px;color:#7fc8b8;font:italic 18px Georgia,"Times New Roman",serif}
.creation-method-grid strong{display:block;margin-bottom:8px;color:#f0ece5;font-size:15px}
.creation-method-grid p{margin:0!important;color:#9f9890!important;font-size:13px;line-height:1.7}
.creation-note{padding:22px 24px;border-left:4px solid #7fc8b8;background:#171719;color:#c9c2b9}
.creation-note strong{color:#fff}
.creation-page .journal-nav{padding-top:24px;border-top:1px solid #33302d}
.creation-page .journal-nav a{color:#d6d0c8}
@media(max-width:760px){
  .creation-page .journal-shell{width:min(92vw,680px)}
  .creation-page .journal-header h1{font-size:48px}
  .creation-statement{font-size:29px}
  .creation-index{grid-template-columns:1fr;margin:28px 0 56px}
  .creation-index div,.creation-index div+div{padding:14px 0;border-left:0}
  .creation-index div+div{border-top:1px solid #302e2b}
  .creation-film{margin-bottom:66px}
  .creation-film-head{grid-template-columns:1fr;gap:8px}
  .creation-film-meta{white-space:normal}
  .creation-critique{grid-template-columns:1fr;gap:8px}
  .creation-method{padding:24px 20px}
  .creation-method-grid{grid-template-columns:1fr;gap:26px}
}