@font-face{font-family:Batang;src:url("/assets/gowun-batang-I5GNV5NC.ttf") format("truetype");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f8f6f1;color:#203d3c;font-family:Arial,Batang,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:84px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8dfd7;background:#f8f6f1eb;position:sticky;top:0;z-index:4;backdrop-filter:blur(12px)}.brand{font-size:26px;font-family:Georgia,Batang,serif;letter-spacing:-1px}.brand span{font-family:Batang,serif;font-size:12px;margin-left:18px;letter-spacing:2px}nav{display:flex;gap:36px;font-size:12px;text-transform:uppercase;letter-spacing:2px}nav a{padding:18px 0}.hero{max-width:1440px;margin:auto;padding:60px 6% 0;display:grid;grid-template-columns:1fr .85fr;gap:7%;position:relative}.hero-copy{align-self:center;padding-bottom:36px}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:600}h1{font-family:Georgia,Batang,serif;font-size:clamp(74px,9vw,140px);font-weight:400;line-height:.95;margin:35px 0 32px;letter-spacing:-7px}h1 i{font-weight:400;color:#4e7b70}.intro{font-size:16px;line-height:1.8;max-width:340px;color:#526c66}.hero-photo{margin:0;position:relative}.hero-photo img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;object-position:45% 50%;border-radius:180px 180px 0 0}.hero-photo figcaption{font-family:Batang,serif;font-size:12px;line-height:2;text-align:right;margin-top:12px}.social{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.social a{border:1px solid #c8d3ca;border-radius:40px;padding:12px 15px;font-size:11px;display:flex;gap:12px;align-items:center;min-height:44px}.social a:hover{background:#203d3c;color:#fff}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #cdd7ce;padding:24px 0;margin-top:32px;font-size:10px;letter-spacing:3px}.gallery-section,.work-section,.links-section{padding:80px 6%;max-width:1440px;margin:auto}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.section-title h2{font-family:Georgia,Batang,serif;font-size:52px;font-weight:400;margin:0;letter-spacing:-2px}.section-title h2 span{color:#b48369}.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;align-items:start}.photo{grid-column:span 2;padding:0;border:0;background:transparent;cursor:zoom-in;color:inherit;text-align:left}.photo img{width:100%;height:auto;display:block;transition:filter .3s}.photo:hover img{filter:brightness(.93)}.photo-1{margin-top:64px}.photo-3{grid-column:2/4;margin-top:5px}.photo-4{grid-column:4/6;margin-top:60px}.photo-index{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;border-top:1px solid #cbd5ce;margin-top:14px;padding-top:12px}.photo-index b{font-weight:400;font-size:16px}.work-section{background:#e9eee7;max-width:none;padding-left:max(6%,calc((100% - 1267px)/2));padding-right:max(6%,calc((100% - 1267px)/2))}.work-list{padding:0;list-style:none;margin:0}.work-list li{display:grid;grid-template-columns:55px 1fr 240px;gap:18px;align-items:center;border-top:1px solid #c5d1c6;padding:24px 0}.work-number{font-size:10px;letter-spacing:2px;color:#7c9287}.work-list strong{font-family:Georgia,Batang,serif;font-weight:400;font-size:24px}.work-meta{font-size:12px;color:#627a70;text-align:right;line-height:1.6}.link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.link-grid a{min-height:140px;background:#f0dfd0;padding:24px;display:flex;flex-direction:column;position:relative;transition:background .2s}.link-grid a:hover{background:#e6cbb6}.link-grid span{font-family:Georgia,Batang,serif;font-size:25px}.link-grid small{margin-top:12px;font-size:10px;text-transform:uppercase;letter-spacing:2px}.link-grid b{position:absolute;bottom:18px;right:24px;font-size:22px;font-weight:400}footer{background:#203d3c;color:#e1e8dc;padding:40px 6%;display:flex;align-items:center;gap:40px;position:relative}footer p{font-size:11px;line-height:1.9;margin:0}footer p:nth-child(2){max-width:450px;color:#a9bcb0}footer a:not(.up){text-decoration:underline}.up{margin-left:auto;font-size:25px;padding:12px}.lightbox{position:fixed;inset:0;background:#152524f5;z-index:10;display:flex;align-items:center;justify-content:center;padding:60px;gap:24px}.lightbox img{max-width:80vw;max-height:80vh;object-fit:contain}.lightbox button{background:none;color:#fff;border:0;cursor:pointer;font-size:28px;min-width:44px;min-height:44px}.lightbox .close{position:absolute;right:20px;top:12px;font-size:42px}.lightbox p{position:absolute;bottom:16px;color:#fff;font-size:12px;letter-spacing:3px}:focus-visible{outline:2px solid #b48369;outline-offset:5px}@media(max-width:767px){header{height:70px;padding:0 24px}.brand{font-size:22px}.brand span{display:none}nav{gap:18px;font-size:9px;letter-spacing:1px}.hero{padding:36px 24px 0;gap:24px;grid-template-columns:1fr}.hero-copy{padding:0}.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:84px;letter-spacing:-4px;margin:26px 0 22px}.intro{font-size:14px;max-width:290px}.social{gap:6px;margin-top:22px}.social a{font-size:10px;padding:10px 12px;gap:8px}.hero-photo{margin-top:10px}.hero-photo img{aspect-ratio:1/1;border-radius:150px 150px 0 0}.hero-bottom{margin-top:0;letter-spacing:2px}.gallery-section,.work-section,.links-section{padding:54px 24px}.section-title{margin-bottom:28px;gap:12px}.section-title h2{font-size:38px;letter-spacing:-1px}.gallery{grid-template-columns:1fr 1fr;gap:20px 14px}.photo{grid-column:auto}.photo-1{margin-top:40px}.photo-2{margin-top:0}.photo-3{grid-column:auto;margin-top:40px}.photo-4{grid-column:1/-1;width:75%;margin:0 auto}.work-list li{grid-template-columns:22px 1fr;gap:8px 14px;padding:22px 0}.work-list strong{font-size:21px;line-height:1.3}.work-meta{grid-column:2;text-align:left;font-size:11px}.link-grid{grid-template-columns:1fr 1fr;gap:10px}.link-grid a{padding:20px 16px;min-height:130px}.link-grid span{font-size:22px}footer{padding:30px 24px;display:block}footer p:nth-child(2){margin-top:18px;padding-right:35px}.up{position:absolute;right:18px;bottom:28px}.lightbox{padding:50px 12px;gap:0}.lightbox img{max-width:calc(100vw - 100px)}.lightbox button{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.hero-slides{position:relative;aspect-ratio:4/5;border-radius:180px 180px 0 0;overflow:hidden}.hero-slides img{position:absolute;inset:0;width:100%;height:100%;border-radius:0;opacity:0;transition:opacity 1.3s ease;object-fit:cover;object-position:center}.hero-slides img.active{opacity:1}@media(max-width:767px){.hero-slides{aspect-ratio:1/1;border-radius:150px 150px 0 0}}@media(prefers-reduced-motion:reduce){.hero-slides img{transition:opacity 1.3s ease!important}}.intro{font-family:Georgia,Batang,serif;font-style:italic}.work-list li{grid-template-columns:115px 1fr 220px}.work-year{font-size:12px;letter-spacing:1px;color:#627a70}.work-year{white-space:nowrap}@media(max-width:767px){.work-list li{grid-template-columns:85px 1fr;gap:8px 12px}.work-list strong{font-size:20px}.work-year{font-size:11px;letter-spacing:0}}h1{letter-spacing:-1px}.section-title h2{letter-spacing:.02em}@media(max-width:767px){h1{letter-spacing:0}.section-title h2{letter-spacing:.02em}}body{background-image:url("/assets/waves-ZXMP5RYF.svg");background-size:900px 600px}.work-section{background-color:#e9eee7;background-image:url("/assets/waves-ZXMP5RYF.svg");background-size:900px 600px}body{background-image:url("/assets/wave-painting-IH2D6D2P.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.work-section{background-color:#e9eee76b;background-image:none}@media(max-width:767px){body{background-position:58% center}}.hero-slides{box-shadow:0 12px 30px #203d3c26,0 3px 8px #203d3c12}.photo img{box-shadow:0 9px 24px #203d3c21,0 2px 6px #203d3c0f}.social a{background-color:#f8f6f173;box-shadow:0 4px 10px #203d3c17}.link-grid a{box-shadow:0 6px 16px #203d3c1a}.social a:hover{background:#203d3c}.photo:hover img{box-shadow:0 12px 28px #203d3c2e}.link-grid a{background:#dde6df}.link-grid a:hover{background:#cddad0}
