/* GAON refinement: preserve the established ivory, walnut and photography. */
:root{--gaon-paper:#f7f4ed;--gaon-ink:#292821;--gaon-muted:#625d54;--gaon-rule:#d6d0c4;--gaon-accent:#806746}
::selection{background:#d9c8a7;color:#24231f}
input,textarea{caret-color:var(--gaon-accent)}
html{scroll-padding-top:28px;scrollbar-color:#aaa18f var(--gaon-paper)}
body{color:var(--gaon-ink);text-rendering:optimizeLegibility}
h1,h2,h3{text-wrap:balance;letter-spacing:-.03em!important}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gaon-accent);outline-offset:5px}
/* Utility labels remain part of the approved brand, without dominating it. */
.eyebrow{font-size:12px!important;letter-spacing:.1em}
.site-header{max-width:1600px;margin:auto}
.site-header nav{font-size:13px;gap:24px}
.site-header .nav-cta{font-size:13px;padding:12px 0}
.reading-nav{gap:12px 32px;padding:14px 5%;font-size:14px;align-items:center}
.reading-nav a{min-height:44px;display:inline-flex!important;align-items:center}
.reading-nav a[aria-current=page]{font-weight:600;border-bottom:2px solid var(--gaon-accent)}
.reading-nav a:hover{color:var(--gaon-accent)}
.hero .lead{font-size:17px;line-height:1.9;max-width:34ch}
.hero .hero-note{font-size:12px;line-height:1.7;max-width:42ch}
.hero .button,.button,button{font-size:15px;min-height:48px}
.section-top>p{font-size:17px;line-height:1.95;max-width:55ch}
.section-top h2{font-size:clamp(34px,4.5vw,64px);line-height:1.4}
.story>p,.story>div>p:not(.eyebrow):not(.caption){font-size:17px;line-height:1.95}
.feature-copy p{font-size:17px;line-height:1.9;max-width:48ch}
.process-grid p,.sample-info p,.sample-disclaimer,.privacy-note{font-size:14px;line-height:1.85}
.process-grid h3{font-size:24px}
.filters button{font-size:13px;padding:12px 18px;min-height:44px}
.sample-info h3{font-size:23px}
.sample-info a{font-size:14px;min-height:44px;display:flex;align-items:center}
.editor-panel label{font-size:14px;line-height:1.7}
.editor-panel label span,.preview-top span,.website-export p{font-size:12px;line-height:1.8}
.editor-panel input,.editor-panel textarea,.editor-panel select{font-size:16px;line-height:1.65;padding:12px}
.faq-list summary{font-size:17px;line-height:1.65;padding-block:20px}
.faq-list details p{font-size:15px;line-height:1.9;max-width:65ch}
.footer-top nav{font-size:14px}.footer-top nav a{padding-block:8px;min-height:40px}
.footer-top>div>p,.footer-bottom{font-size:12px;line-height:1.8}
/* Editorial reading invitations use the existing imagery as their index. */
.reading-paths{background:#eee9df;padding:96px 5%}
.reading-paths>p:not(.eyebrow){font-size:17px;max-width:65ch;line-height:1.9}
.reading-paths-grid{gap:32px;margin-top:40px}
.reading-paths-grid a{padding:0;border-top:0;transition:color .2s ease}
.reading-thumb{width:100%;height:auto!important;aspect-ratio:3/2;object-fit:cover;display:block;margin-bottom:22px}
.reading-paths-grid a>span{font-size:12px;color:var(--gaon-muted)}
.reading-paths-grid strong{font-size:21px;margin:8px 0 12px;line-height:1.5}
.reading-paths-grid p{font-size:15px;line-height:1.85}
.reading-paths-grid a:hover{color:var(--gaon-accent)}
/* Shared reading surface: article hierarchy, contents and useful exits. */
.guide-page .guide-header{max-width:1440px;margin:auto}
.guide-brand img{display:block;width:132px;height:52px;object-fit:contain}
.guide-brand small{font-size:10px;color:var(--gaon-muted);letter-spacing:.1em;margin-left:0}
.guide-brand{display:flex;align-items:center;gap:16px}
.guide-header>a:last-child{border-bottom:1px solid var(--gaon-accent);padding:10px 0;min-height:44px}
.guide-intro{padding-top:64px;padding-bottom:42px}
.guide-intro h1{max-width:20ch;font-size:clamp(36px,4.4vw,60px);line-height:1.35}
.guide-kicker{display:none}
.guide-crumb{color:var(--gaon-muted);font-size:13px}
.guide-deck{max-width:65ch;font-size:18px;line-height:1.95}
.guide-cover img{height:auto;aspect-ratio:2/1;object-fit:cover}
.guide-cover figcaption{font-size:12px;line-height:1.8}
.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:64px;max-width:1200px}
.guide-toc{align-self:start;padding-top:6px;border-top:1px solid var(--gaon-rule)}
.guide-toc>p{padding-top:18px;color:var(--gaon-muted);letter-spacing:0;font-size:13px}
.guide-toc a{font-size:14px;line-height:1.8;padding:4px 0;margin-bottom:9px}
.guide-toc a:hover{text-decoration:underline;color:var(--gaon-accent)}
.guide-article h2{font-size:28px;line-height:1.5;margin-bottom:20px}
.guide-article p{max-width:70ch;font-size:17px;line-height:2}
.guide-article section{padding-bottom:32px;margin-bottom:48px}
.guide-sources{background:transparent;border-top:1px solid var(--gaon-rule);padding:28px 0}
.guide-sources p,.guide-sources a{font-size:14px;line-height:1.9}
.guide-next a{min-height:44px;padding:10px 0;line-height:1.7}
.guide-footer{padding-block:48px;font-size:14px;line-height:1.9}
body.gaon-q2>header{height:auto;min-height:84px;max-width:1600px;margin:auto;gap:24px}
.gaon-q2>header nav{font-size:14px;gap:24px}
.gaon-q2 .hero-copy{color:#292821;max-width:860px}
.gaon-q2 .hero-copy h1{font-size:clamp(42px,5.5vw,78px);line-height:1.3;max-width:12ch}
.gaon-q2 .hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.9;max-width:42ch}
.gaon-q2 .caption{font-size:13px;line-height:1.8}
.gaon-q2 .moods article p,.gaon-q2 .intro-video>p:not(.eyebrow){font-size:17px;line-height:1.9}
.gaon-q2 .moods article{padding-top:12px}.gaon-q2 .moods h3{font-size:25px;margin:22px 0 12px}
.gaon-q2 .gallery figcaption{font-size:15px;padding-top:18px}
.gaon-q2 .experience>p,.gaon-q2 .faq details p{font-size:16px;line-height:1.9;max-width:65ch}
.gaon-q2 .faq summary{font-size:18px;line-height:1.7}
.gaon-q2 .workbench{padding-top:20px}.gaon-q2 .workbench form{background:#eee8dc;padding:26px}
.gaon-q2 .workbench form label{font-size:14px;font-weight:600}.gaon-q2 .workbench small{font-size:12px;line-height:1.8}
.gaon-q2 .comparison h3{font-size:16px}.gaon-q2 #comparison-text{font-size:15px;line-height:1.9}
.gaon-q2 .workbench button{width:100%}
.gaon-q2 footer>nav{flex-wrap:wrap;margin:24px 0;font-size:14px;gap:12px 28px}
.gaon-q2 footer>nav a{min-height:44px;display:flex;align-items:center}
@media(min-width:1200px){.gaon-q1 .hero{max-width:1600px;margin:auto;gap:7%;padding-top:76px;padding-bottom:90px}.gaon-q1 .hero-photo{height:680px}.gaon-q1 .hero h1{font-size:64px;line-height:1.3}.gaon-q2 .hero-copy{padding-top:94px}.guide-layout{padding-bottom:100px}}
@media(max-width:900px){.guide-layout{gap:36px;grid-template-columns:160px minmax(0,1fr)}.site-header nav{gap:18px}.reading-paths-grid{gap:22px}.hero .lead{font-size:16px}.gaon-q2 .hero-copy h1{font-size:clamp(40px,6vw,64px)}}
@media(max-width:700px){.reading-nav{gap:0 20px;padding:10px 5%;font-size:13px}.reading-nav a{min-height:44px}.reading-paths{padding:64px 5%}.reading-paths-grid{grid-template-columns:1fr;gap:34px}.reading-paths-grid a{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:20px}.reading-thumb{grid-column:1;grid-row:1/4;aspect-ratio:4/5;margin:0}.reading-paths-grid a>span,.reading-paths-grid strong,.reading-paths-grid p{grid-column:2}.reading-paths-grid strong{font-size:19px;margin:3px 0 7px}.reading-paths-grid p{font-size:14px}.guide-layout{grid-template-columns:1fr;gap:38px}.guide-toc{background:transparent;padding:0}.guide-toc a{display:inline-block;margin-right:20px;min-height:44px;font-size:13px}.guide-toc>p{margin-bottom:8px}.guide-intro{padding-top:36px}.guide-intro h1{font-size:36px;max-width:19ch}.guide-deck{font-size:17px}.guide-cover img{aspect-ratio:4/3}.guide-article h2{font-size:25px}.guide-article p{font-size:16px;line-height:1.95}.guide-brand{gap:10px}.guide-brand img{width:106px;height:44px}.guide-brand small{font-size:9px}.guide-header>a:last-child{font-size:12px!important}.guide-next{flex-direction:column;gap:8px}.gaon-q2>header{padding:16px 5%;min-height:70px;gap:16px}.gaon-q2>header nav{gap:16px;font-size:13px}.gaon-q2>header nav a{display:inline-flex;min-height:44px;align-items:center}.gaon-q2>header nav a:first-child{display:none}.gaon-q2 .hero-copy{padding:36px 5% 42px}.gaon-q2 .hero-copy h1{font-size:clamp(34px,8.6vw,48px);max-width:15ch;line-height:1.4;margin:20px 0}.gaon-q2 .hero-copy>p:not(.eyebrow){font-size:16px}.gaon-q2 .hero>img{aspect-ratio:4/3;object-position:60% center}.gaon-q2 .moods article p{font-size:16px}.gaon-q2 .workbench form{padding:22px}.gaon-q2 .reading-paths h2{font-size:32px}}
@media(max-width:600px){.site-header{gap:12px}.site-header nav{font-size:12px;gap:16px;justify-content:flex-start;flex-wrap:wrap}.site-header .nav-cta{font-size:12px}.gaon-q1 .hero{padding-top:40px;gap:30px}.gaon-q1 .hero h1{font-size:clamp(34px,8.8vw,46px);line-height:1.35}.gaon-q1 .hero-photo{height:auto;aspect-ratio:4/5}.hero .lead{font-size:16px;margin:25px 0}.hero .hero-note{font-size:12px}.section-top h2{font-size:34px}.section-top>p{font-size:16px}.story>p,.story>div>p:not(.eyebrow):not(.caption){font-size:16px}.feature-copy p{font-size:16px}.process-grid p{font-size:15px}.samples .section-top h2,.maker .section-top h2{font-size:32px}.filters button{font-size:12px}.faq-list summary{font-size:16px}.personal-about p{font-size:15px}.personal-hero p{font-size:16px}.guide-footer{font-size:13px}}
@media(prefers-reduced-motion:reduce){.reading-paths-grid a{transition:none}}
/* Final inspection corrections: Korean line breaks and image captions. */
.gaon-q2 .hero-copy h1{max-width:none;word-break:keep-all;overflow-wrap:normal;text-wrap:initial}
.gaon-q1 .hero .lead{max-width:none;word-break:keep-all}
.logo span,.guide-brand small{font-size:11px!important}
.hero-photo figcaption{font-size:12px;color:#292821;background:#f7f4ed;padding:8px 12px;line-height:1.6;max-width:85%}
.three-photos figcaption,.mosaic figcaption{font-size:13px;line-height:1.75}
.guide-page .guide-brand small{font-size:11px}
@media(max-width:600px){.hero-photo figcaption{font-size:11px}.three-photos figcaption,.mosaic figcaption{font-size:12px}.guide-page .guide-brand small{display:none}.gaon-q2 .hero-copy h1{max-width:none}}