:root{--paper:#f7f4ed;--ink:#1c1c19;--line:#d9d5ca;--muted:#6a675f;font-family:Arial,"Malgun Gothic",sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}p{line-height:1.9;word-break:keep-all}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8c633e;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:20;background:white;padding:15px}.skip:focus{top:8px}.site-header{display:flex;align-items:center;gap:35px;padding:24px 5vw;border-bottom:1px solid var(--line)}.logo{font:36px Georgia,serif;letter-spacing:-.07em;display:flex;align-items:baseline;gap:12px}.logo span{font:9px Arial,sans-serif;letter-spacing:.08em}.site-header nav{display:flex;gap:28px;margin-left:auto;font-size:11px}.nav-cta{font-size:11px;border-bottom:1px solid;padding:9px 0}.section{padding:130px 6vw}.eyebrow{font-size:9px;letter-spacing:.12em;display:block;margin-bottom:30px;font-weight:400}.hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:75px 5vw 100px;align-items:center}.hero h1{font:clamp(54px,6.2vw,105px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.065em}.hero .lead{font-size:13px;max-width:320px;margin:34px 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;min-height:48px;border:1px solid var(--ink);font-size:11px;font-weight:400;border-radius:0;background:transparent}.primary,.dark{background:var(--ink);color:#fff}.secondary{background:transparent}.hero-note{font-size:9px;color:var(--muted);margin-top:22px}.hero-photo{height:680px;position:relative;overflow:hidden}.hero-photo img{object-position:60% 35%;transform:scale(1);transform-origin:center 65%}.hero-photo figcaption{position:absolute;bottom:22px;left:24px;font-size:9px;color:white;text-shadow:0 1px 8px #000}.section-top{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:35px;align-items:start;margin-bottom:60px}.section-top .eyebrow{margin-top:10px}.section-top h2,h2.editorial{font:clamp(48px,5.7vw,90px)/1.04 Georgia,serif;letter-spacing:-.055em}.section-top>p{font-size:12px;max-width:290px}.three-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.three-photos img{height:430px}.three-photos figure:nth-child(2){padding-top:65px}.three-photos figure:nth-child(3){padding-top:130px}.three-photos figcaption,.mosaic figcaption{font-size:9px;margin-top:14px}.story{background:#181816;color:#f6f3ea;padding:120px 6vw;text-align:center}.story h2{font:clamp(36px,5.5vw,80px)/1.65 Georgia,"Malgun Gothic",serif;letter-spacing:-.055em}.story p{font-size:12px;color:#c8c5ba;max-width:360px;margin:35px auto 0}.feature{height:780px;position:relative}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,#0008)}.feature-copy{position:absolute;z-index:1;left:6vw;bottom:65px;color:white}.feature-copy h2{font:clamp(60px,8vw,125px)/.98 Georgia,serif;letter-spacing:-.05em;margin:25px 0}.feature-copy p{font-size:12px;max-width:330px}.gallery{background:#edeae2}.mosaic{display:grid;grid-template-columns:1.15fr 1fr;gap:30px}.mosaic-large{grid-row:span 2}.mosaic-large img{height:calc(100% - 30px)}.mosaic figure:not(.mosaic-large) img{height:330px}.mosaic-wide{grid-column:1/-1;margin:50px 12% 0}.mosaic .mosaic-wide img{height:450px}.process{padding:90px 6vw;border-bottom:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.process-grid article{border-top:1px solid var(--line);padding-top:24px}.process-grid span{font:45px Georgia,serif}.process-grid h3{font-size:17px;font-weight:400;letter-spacing:-.04em;margin:25px 0 18px}.process-grid p{font-size:12px;color:var(--muted)}.samples{padding:100px 6vw 35px}.samples .section-top{grid-template-columns:1.5fr 1fr auto;align-items:center}.samples .section-top h2{font:34px/1.4 Arial,"Malgun Gothic",sans-serif;letter-spacing:-.05em}.samples .section-top>div .eyebrow{margin-bottom:18px}.sample-lead-card{width:110px;height:110px;transform:rotate(4deg);padding:6px;background:#ddd9ce}.sample-lead-card canvas{width:100%;height:auto}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filters button{min-height:42px;padding:10px 18px;border:1px solid var(--line);background:transparent;font-size:10px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.sample-card[hidden]{display:none}canvas{display:block;width:100%;height:auto;aspect-ratio:1;background:#eee7de}.sample-canvas{padding:18px;background:#e9e5db}.sample-info{display:flex;justify-content:space-between;gap:15px;padding-top:18px}.sample-info h3{font-size:15px;font-weight:400}.sample-info p{font-size:9px;color:var(--muted);margin-top:6px}.sample-info a{font-size:10px;border-bottom:1px solid;align-self:flex-start;padding:3px 0}.maker{padding-top:70px}.maker .section-top{grid-template-columns:1.4fr 1fr}.maker .section-top h2{font:40px/1.4 Arial,"Malgun Gothic",sans-serif;letter-spacing:-.06em}.maker .section-top .eyebrow{margin-bottom:20px}.maker-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:35px;align-items:start}.editor-panel{border:1px solid var(--line);background:#fcfaf5;padding:30px}.editor-panel h3{font-size:18px;font-weight:400;margin-bottom:25px}#profile-form label{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;font-size:11px;margin-top:23px}#profile-form label span{font-size:9px;color:var(--muted);margin-left:auto}#profile-form input,#profile-form select,#profile-form textarea{width:100%;min-height:44px;background:transparent;border:1px solid var(--line);padding:12px;border-radius:0;font-size:12px;line-height:1.6;resize:vertical;color:var(--ink)}.fields-three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fields-three label{margin-top:0!important}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.privacy-note{font-size:9px;color:var(--muted);margin-top:18px}#form-error{font-size:12px;color:#9a3228;margin-top:15px}#form-error:empty{margin:0}#status{font-size:12px;min-height:24px;margin-top:17px}#profile-form [aria-invalid=true]{border-color:#9a3228}.card-preview{padding:24px;background:#e9e5db}.preview-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px;align-items:center}.preview-top h3{font-size:13px;font-weight:400}.preview-top span{font-size:9px}.card-preview .button{width:100%;margin-top:22px}button:disabled{opacity:.4;cursor:not-allowed}.website-label{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:70px 0 25px}.website-label h3{font-size:17px;font-weight:400}.website-label p{font-size:10px;color:var(--muted)}#personal-preview{border:1px solid var(--line);background:#fbf8f0;overflow-wrap:anywhere}#personal-preview header{display:flex;justify-content:space-between;gap:25px;padding:24px 35px;font-size:9px;border-bottom:1px solid var(--line)}#preview-brand{font:21px Georgia,serif;letter-spacing:-.04em}.personal-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;padding:45px 6%;align-items:center}.personal-photo{height:400px}.personal-photo img{object-position:60% 35%}.personal-eyebrow{font-size:9px;letter-spacing:.1em}.personal-hero h2{font:clamp(36px,4.5vw,65px)/1.12 Georgia,"Malgun Gothic",serif;letter-spacing:-.055em;margin:25px 0}.personal-hero p{font-size:13px;white-space:pre-line}.personal-about{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:55px 6%;border-top:1px solid var(--line)}.personal-about>span{font-size:9px;letter-spacing:.1em}.personal-about p{font-size:12px;white-space:pre-line;line-height:2}#personal-preview footer{padding:20px 6%;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.website-export{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-top:23px}.website-export p{font-size:10px;color:var(--muted);max-width:460px}.website-export .button{flex-shrink:0}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;border-top:1px solid var(--line)}.faq h2{font:36px/1.4 Arial,"Malgun Gothic",sans-serif;letter-spacing:-.055em}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;position:relative;font-size:13px;padding:24px 26px 24px 0;line-height:1.65;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;font-size:20px}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:11px;color:var(--muted);padding:0 20px 25px 0}.site-footer{padding:60px 6vw 30px;background:#181816;color:#f4f1e6}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:start}.footer-top p{font-size:11px;color:#c2beb4;margin-top:18px}.footer-top nav{display:flex;gap:25px;flex-wrap:wrap;font-size:10px}.site-footer h2{font:clamp(80px,12vw,190px)/.95 Georgia,serif;letter-spacing:-.05em;margin:80px 0}.footer-bottom{font-size:9px;color:#aaa69b;border-top:1px solid #46443c;padding-top:24px}
@media(max-width:900px){.section{padding:95px 5vw}.hero{gap:5%;padding:55px 5vw 75px}.hero-photo{height:550px}.hero h1{font-size:7vw}.section-top{grid-template-columns:1fr 1.5fr}.section-top>p{grid-column:2}.three-photos img{height:320px}.three-photos figure:nth-child(2){padding-top:40px}.three-photos figure:nth-child(3){padding-top:80px}.feature{height:650px}.mosaic figure:not(.mosaic-large) img{height:250px}.mosaic .mosaic-wide img{height:360px}.samples .section-top>p{grid-column:auto}.maker-grid{gap:20px}.fields-three{grid-template-columns:1fr}.fields-three label{margin-top:15px!important}.editor-panel{padding:24px}.personal-photo{height:300px}.maker .section-top>p{grid-column:auto}.faq{gap:6%}}
@media(max-width:600px){.site-header{padding:17px 5vw;flex-wrap:wrap;gap:15px}.logo{font-size:32px}.site-header nav{order:3;margin:0;width:100%;justify-content:space-between;gap:15px;font-size:10px}.site-header nav a{padding:9px 0;min-height:32px}.nav-cta{margin-left:auto;font-size:10px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 5vw 60px}.hero h1{font-size:15vw;max-width:100%}.hero .eyebrow{margin-bottom:25px}.hero .lead{font-size:12px;margin:25px 0}.hero-photo{height:125vw;max-height:620px}.hero-note{font-size:8px}.section{padding:75px 5vw}.section-top{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.section-top>p{grid-column:auto;font-size:11px}.section-top h2{font-size:54px}.section-top .eyebrow{margin:0}.three-photos{grid-template-columns:1fr;gap:30px}.three-photos figure:nth-child(n){padding:0}.three-photos img{height:110vw;max-height:550px}.three-photos figure:nth-child(2){width:80%;margin-left:auto}.three-photos figure:nth-child(3){width:90%}.story{padding:80px 5vw}.story h2{font-size:7.5vw;line-height:1.8}.story p{font-size:11px;margin-top:25px}.feature{height:640px}.feature-copy{left:5vw;right:5vw;bottom:45px}.feature-copy h2{font-size:16vw}.feature-copy p{font-size:11px}.mosaic{gap:20px;grid-template-columns:1fr 1fr}.mosaic-large{grid-column:1/-1;grid-row:auto}.mosaic-large img{height:120vw}.mosaic figure:not(.mosaic-large) img{height:50vw}.mosaic-wide{margin:25px 0 0}.mosaic .mosaic-wide img{height:75vw}.mosaic figcaption{font-size:8px;line-height:1.5}.process{padding:65px 5vw}.process-grid{grid-template-columns:1fr;gap:35px}.process-grid h3{margin:20px 0 12px}.process-grid p{font-size:11px}.samples .section-top{grid-template-columns:1fr auto;gap:20px}.samples .section-top h2{font-size:24px}.samples .section-top>p{grid-column:1/-1;grid-row:2}.sample-lead-card{width:75px;height:75px}.filters{gap:6px}.filters button{padding:10px 13px;font-size:9px}.sample-grid{grid-template-columns:1fr;gap:33px}.maker{padding-top:30px}.maker .section-top{grid-template-columns:1fr}.maker .section-top h2{font-size:30px}.maker-grid{grid-template-columns:1fr;gap:25px}.editor-panel{padding:23px 18px}.form-actions{flex-direction:column}.form-actions .button{width:100%}.website-label{display:block;margin-top:50px}.website-label p{margin-top:12px;font-size:9px}#personal-preview header{padding:19px 20px;gap:15px;font-size:8px}#preview-brand{font-size:17px}.personal-hero{grid-template-columns:1fr;padding:35px 20px;gap:25px}.personal-hero h2{font-size:38px;margin:20px 0}.personal-hero p{font-size:12px}.personal-photo{height:90vw}.personal-about{grid-template-columns:1fr;gap:20px;padding:30px 20px}.personal-about p{font-size:11px}.website-export{display:block}.website-export .button{width:100%;margin-top:20px}.faq{grid-template-columns:1fr;gap:30px}.faq h2{font-size:29px}.faq-list summary{font-size:11px}.footer-top{flex-direction:column;gap:30px}.footer-top nav{gap:20px;flex-direction:column}.site-footer h2{font-size:17vw;margin:60px 0}.button{min-height:48px}input,select,textarea{min-width:0}#personal-preview{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Photo motion stays optional and respects accessibility preferences. */
.scene-entered{animation:photo-enter .7s ease-out both}
@keyframes photo-enter{from{opacity:.6;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#gallery figure img{transition:transform .55s ease}#gallery figure:hover img{transform:perspective(1000px) rotateY(2deg) scale(1.025)}}
@media(prefers-reduced-motion:reduce){.scene-entered{animation:none}}

.catalog-intro{padding-bottom:75px}.catalog-intro h1{font:clamp(60px,8vw,125px)/1.02 Georgia,serif;letter-spacing:-.055em}.catalog-intro>p{font-size:12px;color:var(--muted);margin-top:35px}.catalog-section{padding-top:20px}.catalog-section>h2{margin-bottom:60px}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.catalog-photo{display:block;height:570px;overflow:hidden}.catalog-photo img{object-position:center}.catalog-photo.portrait img{object-position:60% 35%;transform:scale(1.15);transform-origin:center 65%}.catalog-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:9px;letter-spacing:.04em;margin-top:25px;align-items:center}.catalog-state{border:1px solid #9c9b90;padding:7px 10px;background:#eae9df}.catalog-state.review{background:transparent}.catalog-card h3{font:37px/1.2 Georgia,serif;letter-spacing:-.04em;margin:23px 0 16px}.catalog-card>p{font-size:12px;max-width:400px;color:var(--muted)}.catalog-link{display:inline-block;font-size:11px;border-bottom:1px solid;padding:8px 0;margin-top:25px}.catalog-planned{font-size:11px;color:var(--muted);padding-top:45px;margin-top:70px;border-top:1px solid var(--line)}@media(max-width:900px){.catalog-grid{gap:30px}.catalog-photo{height:430px}}@media(max-width:600px){.catalog-intro{padding-bottom:45px}.catalog-intro h1{font-size:15vw}.catalog-intro>p{font-size:11px;margin-top:25px}.catalog-grid{grid-template-columns:1fr;gap:60px}.catalog-section>h2{font-size:48px;margin-bottom:40px}.catalog-photo{height:120vw;max-height:600px}.catalog-card h3{font-size:32px}.catalog-card>p{font-size:11px}.catalog-planned{font-size:10px;margin-top:50px}}/* Korean editorial typography keeps the photo-first layout. */
.hero h1{font-family:"Malgun Gothic",Arial,sans-serif;font-size:clamp(40px,4.4vw,68px);font-weight:400;line-height:1.3;letter-spacing:-.055em}
@media(max-width:600px){.hero h1{font-size:clamp(32px,8.4vw,46px);line-height:1.4}}

/* Bright open feature with readable dark copy. */
.feature:after{background:linear-gradient(180deg,transparent 35%,rgba(247,244,237,.90) 100%)}.feature-copy{color:var(--ink)}.feature>img{object-position:center center}

/* Light blue-gray GAON identity, transparent original. */
.logo{align-items:center;gap:12px}.logo .brand-wordmark{width:180px;height:76px;object-fit:contain;flex:none}
@media(max-width:700px){.logo .brand-wordmark{width:144px;height:60px}.logo{gap:8px}}

/* Compact logo balanced with the navigation. */
.logo .brand-wordmark{width:132px;height:52px}.logo{gap:8px}.site-header{padding-top:18px;padding-bottom:18px;gap:24px}
@media(max-width:700px){.logo .brand-wordmark{width:112px;height:44px}.site-header{padding-top:14px;padding-bottom:14px;gap:16px}}