@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600&display=swap');
:root{--paper:#f6f5f1;--ink:#252521;--muted:#77766e;--line:#d0cec5;--serif:'Noto Serif KR',Batang,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--serif);font-size:15px;line-height:1.9}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8b5a44;outline-offset:5px}header{height:96px;display:flex;justify-content:space-between;align-items:center;padding:0 5.5%;border-bottom:1px solid transparent}.wordmark{font-family:Georgia,serif;letter-spacing:.055em;font-size:25px}nav{display:flex;gap:35px;font-size:14px}nav a:hover,.text-link:hover{color:#94604c}.skip{position:absolute;top:-100px;left:10px;background:white;z-index:20}.skip:focus{top:10px}.hero{height:calc(100svh - 96px);min-height:680px;max-height:1050px;position:relative;display:flex;flex-direction:column;align-items:center;padding-top:55px}.hero-brand{text-align:center}.eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.2em;color:var(--muted);margin:0 0 27px}.hero h1{font-weight:400;font-size:clamp(78px,7.5vw,118px);line-height:1.1;letter-spacing:.12em;margin:0 0 23px;padding-left:.12em}.brand-sub{font-size:18px;letter-spacing:.55em;color:#8b897f;margin:0;padding-left:.55em}.vertical-quote{position:absolute;right:6%;top:75px;writing-mode:vertical-rl;font-family:Georgia,serif;color:#939087;font-size:17px;letter-spacing:.03em;margin:0}.vertical-quote span{height:140px;width:1px;background:#aaa69a;margin-top:24px;display:inline-block}.camera{width:360px;height:245px;object-fit:contain;margin:24px 0 14px;filter:drop-shadow(0 17px 13px #29231d14)}.outline{border:1px solid #777569;padding:11px 25px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;font-size:14px;background:transparent;transition:.2s}.outline:hover{background:#eae8e0}.hero-cta{min-width:215px}.hero-bottom{font-size:11px;color:var(--muted);letter-spacing:.14em;margin-top:22px}.scroll-cue{position:absolute;bottom:27px;left:5.5%;font:9px Arial,sans-serif;letter-spacing:.18em;color:var(--muted)}.section{max-width:1400px;margin:auto;padding:115px 6%;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px;gap:25px}h2{font-size:clamp(28px,3vw,42px);line-height:1.65;font-weight:400;letter-spacing:-.045em;margin:0}.section-note{font-size:13px;color:var(--muted);margin:0}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.work-art{height:360px;background:#e7e4dc;position:relative;display:grid;place-items:center;overflow:hidden}.work-art:before{content:'';position:absolute;width:230px;height:230px;top:40px;left:50%;transform:translateX(-50%);border-radius:50%;box-shadow:inset 12px 16px 24px #00000014,inset -15px -18px 26px #ffffff9c}.work-art span{font-size:31px;line-height:1.6;position:relative;letter-spacing:.15em;text-align:center}.work-art small{position:absolute;bottom:25px;font-size:10px;letter-spacing:.12em;color:#7b786f}.work-art.wedding{background:#e9e5df}.work-art.event{background:#e0e1dc}.tile-caption{display:flex;align-items:center;justify-content:space-between;padding-top:14px;gap:10px}.tile-caption h3{font-size:16px;font-weight:400;margin:0}.tile-caption span{font:8px Arial,sans-serif;letter-spacing:.1em;color:var(--muted)}.small{font-size:11px;line-height:1.9}.muted{color:var(--muted)}.work>.small{margin-top:25px}.about{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.portrait{width:100%;aspect-ratio:529/732;background-image:url('assets/photographer-card.jpg');background-size:282.04% 170.9%;background-position:13.292% 23.892%;filter:grayscale(1)}.about-copy{position:relative}.seal{display:inline-flex;border:1px solid #9b6854;color:#9b6854;font-size:13px;line-height:1;padding:8px;letter-spacing:.15em;position:absolute;right:0;top:0}.about-statement{margin:30px 0 35px;color:var(--muted);font-size:13px;line-height:2.2}.signature{display:flex;align-items:baseline;gap:18px;margin-bottom:24px}.signature span{font-family:Georgia,serif;font-size:18px}.signature strong{font-size:20px;font-weight:400;letter-spacing:.2em}.text-link{border:0;border-bottom:1px solid var(--line);padding:10px 0;background:none;font-size:12px;color:var(--ink);text-align:left;display:inline-flex;gap:25px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #8f8c7f;border-bottom:1px solid #8f8c7f}.price-card{padding:33px 26px 28px;border-right:1px solid var(--line)}.price-card:first-child{padding-left:0}.price-card:last-child{border-right:0}.price-card .eyebrow{margin-bottom:19px}.price-card h3{font-weight:400;font-size:25px;margin:0}.price{font-family:Georgia,serif;font-size:48px;margin:20px 0}.price span{font:12px var(--serif);margin-left:10px;color:var(--muted)}ul{padding:0;list-style:none;font-size:12px;line-height:2.4}.price-card button{width:100%;justify-content:space-between}.service-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:42px}.service-notes span{font:italic 16px Georgia,serif;color:#9b6854}.service-notes h4{font-size:15px;font-weight:500;margin:12px 0}.service-notes p{font-size:12px;color:var(--muted);margin:0;line-height:2}.booking{display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.booking-intro{position:relative}.paper-circle{height:180px;width:180px;border-radius:50%;box-shadow:inset 13px 17px 24px #00000012,inset -15px -18px 26px #fff9;margin:35px 0 30px}.booking-intro h2{font-size:32px}.booking-intro>p:not(.eyebrow){font-size:13px;color:var(--muted)}.booking-intro>a{display:block;font-family:Georgia,serif;font-size:17px;margin-top:8px}.booking-intro>.small{margin:28px 0}form label{display:flex;flex-direction:column;gap:9px;font-size:12px;margin-bottom:23px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}input,select,textarea{border:0;border-bottom:1px solid #b8b5ab;border-radius:0;background:transparent;width:100%;color:var(--ink);padding:10px 3px;font-size:14px;min-width:0}select{min-height:45px}textarea{resize:vertical}label.check{flex-direction:row;align-items:center;margin-bottom:10px}.check input{width:16px;height:16px;accent-color:#5e5c50}.estimate{background:#e9e7df88;padding:23px;margin:22px 0 30px}.estimate>div{display:flex;justify-content:space-between;align-items:baseline}.estimate span{font-size:12px}.estimate strong{font-size:26px;font-weight:400}.estimate p{font-size:11px;margin:8px 0 0;color:#6b695f}.solid{background:#393a33;color:#fff;border:1px solid #393a33;padding:16px 23px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-top:25px}.solid:hover{background:#56564c}#request-result{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}#request-result h3{font-size:17px;font-weight:400}#request-result pre{font-family:var(--serif);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}#copy-request{display:block;margin-top:14px}footer{border-top:1px solid var(--line);padding:45px 6%;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer p{font-size:11px;color:var(--muted)}footer>a:not(.wordmark){font:10px Arial,sans-serif;letter-spacing:.1em;margin-left:auto}footer small{font:9px Arial,sans-serif;color:var(--muted)}[hidden]{display:none!important}@media(min-height:950px) and (min-width:800px){.hero{padding-top:100px}.camera{width:410px;height:290px;margin:40px 0 22px}}@media(max-width:900px){header{padding:0 5%;height:80px}nav{gap:20px;font-size:12px}.wordmark{font-size:21px}.hero{height:calc(100svh - 80px);min-height:650px}.section{padding:85px 6%}.work-art{height:280px}.work-art:before{width:180px;height:180px}.about{gap:7%}.price-card{padding:25px 17px}.price-card h3{font-size:21px}.price span{font-size:11px}.booking{gap:7%;grid-template-columns:.85fr 1.3fr}.booking-intro h2{font-size:27px}.service-notes{gap:22px}}@media(max-width:600px){header{height:auto;min-height:90px;flex-wrap:wrap;justify-content:center;padding:19px 5% 14px;gap:13px}.wordmark{font-size:21px}nav{width:100%;justify-content:center;gap:24px;font-size:11px}.hero{height:calc(100svh - 100px);min-height:625px;padding-top:54px}.hero h1{font-size:83px}.hero .eyebrow{font-size:8px;margin-bottom:25px}.brand-sub{font-size:14px}.camera{width:290px;max-width:83%;height:210px;margin:24px 0 15px}.vertical-quote{right:5%;top:82px;font-size:11px}.vertical-quote span{height:85px}.hero-cta{font-size:13px;padding:9px 22px;min-width:200px}.hero-bottom{font-size:9px}.scroll-cue{font-size:7px;bottom:20px}.section{padding:64px 7%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:28px}.section-note{font-size:11px;margin-top:20px}.eyebrow{font-size:8px;margin-bottom:22px}.work-grid{grid-template-columns:1fr;gap:30px}.work-art{height:350px}.work-art:before{width:230px;height:230px;top:40px}.tile-caption span{font-size:9px}.about{grid-template-columns:1fr;gap:35px}.portrait{max-width:400px}.about-copy h2{font-size:29px}.price-grid{grid-template-columns:1fr}.price-card,.price-card:first-child{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.price-card:last-child{border-bottom:0}.price-card h3{font-size:25px}.price{margin:12px 0;font-size:43px}.price-card ul{font-size:13px}.service-notes{grid-template-columns:1fr;gap:26px}.service-notes>div{padding-left:37px;position:relative}.service-notes span{position:absolute;left:0;top:12px}.service-notes p{font-size:12px}.booking{grid-template-columns:1fr;gap:35px}.booking-intro .paper-circle{height:120px;width:120px;position:absolute;right:0;top:25px;z-index:-1}.booking-intro h2{font-size:28px}.booking-intro>.small{margin:20px 0}.field-grid{gap:0 16px}form label{font-size:11px}input,select,textarea{font-size:16px}.estimate{padding:20px 16px}.estimate strong{font-size:25px}footer{padding:30px 7%;gap:17px}footer .wordmark{width:100%}footer p{font-size:9px}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
