:root{--wine:#7a2845;--paper:#fff8ec;--ink:#382d30;--line:#ccb8b2;--rose:#edd5d5;--muted:#73545d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 'Malgun Gothic',sans-serif}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button{cursor:pointer}.skip{position:absolute;top:-100px;padding:12px;background:white}.skip:focus{top:0;z-index:5}:focus-visible{outline:3px solid #925b0e;outline-offset:4px}header{padding:25px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:25px}.wordmark{font:bold 24px Batang,serif;text-decoration:none;color:var(--wine)}.wordmark small{display:block;font:9px Georgia,serif;letter-spacing:3px;margin-top:10px}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:13px}main{max-width:1500px;margin:auto}h1,h2,h3{font-weight:normal;word-break:keep-all;overflow-wrap:anywhere}h1,h2{font-family:Batang,serif}p{word-break:keep-all;overflow-wrap:anywhere}h2{font-size:clamp(26px,3vw,40px);line-height:1.5}.eyebrow{font:11px Georgia,serif;letter-spacing:2px;color:var(--wine)}.desk{display:grid;grid-template-columns:.9fr 1.5fr;position:relative;padding:55px 5vw 75px;gap:5vw;align-items:center}.desk h1{font-size:clamp(48px,6vw,80px);line-height:1.22;margin:25px 0;letter-spacing:-3px}.desk h1 em{font-style:normal;color:var(--wine)}.desk-visual img{width:100%;border-radius:48% 48% 4px 4px}.desk-visual p{font-size:10px;text-align:right;color:var(--muted)}.small-note{position:absolute;right:5%;bottom:40px;background:#ead7a5;border:1px solid #c6aa70;padding:15px 26px;font-family:Batang,serif;transform:rotate(5deg);text-align:center}.pill,button{display:inline-block;background:var(--wine);color:#fff8ec;border:1px solid var(--wine);padding:12px 20px;border-radius:4px;text-decoration:none;font-size:14px}button:hover,.pill:hover{background:#542034}button:disabled{opacity:.5;cursor:default}.direction{display:grid;grid-template-columns:1fr 1fr;background:var(--rose);padding:45px 7vw;gap:7vw;align-items:center}.direction p{font-size:14px}.direction form{padding:0}.direction output{display:block;margin-top:20px;font-size:14px;min-height:95px}.atelier{display:grid;grid-template-columns:1fr 1.2fr;padding:65px 7vw;gap:8vw}.caption figure{max-width:360px}.caption img{border-radius:4px}.caption p{font-size:14px}label{display:block;font-size:13px;margin:15px 0}input,textarea,select{display:block;width:100%;min-width:0;padding:12px;border:1px solid #a6848c;background:#fffdf8;color:var(--ink);border-radius:3px}textarea{resize:vertical}#profile{padding:20px 30px;background:#f5ece2;border-top:5px solid var(--wine)}.fine,.meta{font-size:12px;color:var(--muted)}.comparison{padding:50px 7vw;background:#f1e7df;border-top:1px solid var(--line)}.comparison>p{font-size:13px}#candidate{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:18px;align-items:end}#candidate button{margin-bottom:15px;min-height:50px}.candidate{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:15px;padding:20px 0;border-top:1px solid var(--line);align-items:center;font-size:14px}.candidate strong{overflow-wrap:anywhere}.candidate.over{color:#8c1434}.candidate button{background:transparent;color:var(--wine);padding:5px 12px}.letter{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding:60px 7vw}.letter textarea{background:repeating-linear-gradient(#fffdf8 0,#fffdf8 34px,#e8d7cf 35px);line-height:35px}.letter button{margin-top:18px}#status{font-size:12px}#budget-error,#candidate-error{color:#9c1b36;font-size:13px}.journal-preview{padding:50px 7vw;border-top:1px solid var(--line)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.journal-grid article{min-width:0}.journal-grid img{height:240px;width:100%;object-fit:contain;background:#f1e7df}.journal-grid h3{font-size:20px;line-height:1.7}.journal-grid p{font-size:12px;color:var(--wine)}.journal-grid small{display:block;font-size:10px;color:var(--muted)}.privacy-note{padding:35px 7vw;margin:30px 0;background:#e5e9df}.privacy-note h2{font-size:25px}.privacy-note p{font-size:13px;max-width:800px}.privacy-note a{display:inline-block;margin:12px;font-size:13px}.journal-page{padding:30px 7vw 70px}.journal-page h1{font-size:45px}.journal-page article{border-bottom:1px solid var(--line);padding:25px 0}.journal-page article[hidden]{display:none}.journal-page h2{font-size:27px}.article{max-width:820px;margin:auto;padding:20px 28px 70px}.article h1{font-size:clamp(33px,4vw,49px);line-height:1.5}.article h2{font-size:27px;margin-top:45px}.article p{line-height:2}.article figure{max-width:600px;margin:30px auto}.article img{max-height:420px;width:auto;margin:auto;object-fit:contain}.article figcaption{font-size:11px;line-height:1.8;color:var(--muted)}img{display:block;max-width:100%;height:auto}figure{margin:25px 0}figcaption{font-size:11px;color:var(--muted)}.crumb{font-size:12px;padding:20px 5vw;color:var(--muted);gap:10px}.crumb a{font-size:12px}footer{padding:40px 5vw;background:#eedbd9}footer p{font-size:12px}footer nav{gap:20px}footer nav a{font-size:12px}@media(max-width:750px){header{align-items:flex-start;flex-direction:column;gap:22px}header nav{gap:20px}.desk{padding-top:30px;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.desk h1{font-size:43px;letter-spacing:-2px}.desk p{font-size:12px}.desk-visual{padding-top:30px}.small-note{bottom:35px;padding:8px 16px;font-size:12px}.desk .pill{font-size:12px;padding:9px 12px}.direction,.atelier,.letter{grid-template-columns:1fr;gap:20px}.direction{padding:35px 7vw}.direction h2 br,.caption h2 br{display:none}.direction output{min-height:70px}.atelier{padding-top:40px}#profile{padding:12px 20px}.caption figure{display:none}#candidate{grid-template-columns:1fr 1fr;gap:8px 14px}#candidate label:first-child{grid-column:1/-1}#candidate button{grid-column:1/-1}.candidate{grid-template-columns:1fr 1fr;gap:8px}.candidate strong{grid-column:1/-1}.candidate button{justify-self:end}.journal-grid{grid-template-columns:1fr}.journal-grid img{height:260px}.article{padding:10px 6vw 50px}.article h2{font-size:25px}.journal-page h1{font-size:35px}.letter{padding-top:35px}.comparison h2{font-size:28px}.wordmark{font-size:23px}}
