@import url("/assets/fonts.css");
:root{color-scheme:light;--ink:#1f2327;--peach:#f7caa9;--white:#fff;--muted:#b9bdc1;font-family:"Pretendard English",Pretendard,"Apple SD Gothic Neo","Noto Sans KR",Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white);font-size:16px;line-height:1.6}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ab784c;outline-offset:5px}img{display:block;max-width:100%}button{color:inherit}body.modal-open{overflow:hidden}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.2}button:disabled{cursor:default}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:#fff;color:#111;padding:10px 20px}.skip-link:focus{top:10px}.load-notice{min-height:60vh;padding:80px 24px;text-align:center}.site-header{height:104px;padding:0 30px 0 15px;background:#fff;color:#070707;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.brand img{width:44px;height:44px;object-fit:contain}.brand-mark{width:18px;height:18px;border:1.5px solid;border-radius:50%;position:relative}.brand-mark:after{content:"";height:100%;width:1px;position:absolute;left:50%;top:0;background:currentColor}.primary-nav{display:flex;align-items:center;gap:24px}.primary-nav a{font-size:24px;font-weight:750;letter-spacing:1px;line-height:1.25;padding:7px 12px;border-radius:40px}.primary-nav a[aria-current="page"]{background:#050505;color:#fff}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:12px}.menu-toggle span{display:block;height:2px;background:#111;margin:5px 0}.hero{padding:50px 15px 0;background:var(--ink)}.hero h1{font-size:36px;font-weight:900;letter-spacing:-.8px;margin-bottom:30px}.hero-slideshow{position:relative;aspect-ratio:2.233;background:#151719;overflow:hidden}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease}.hero-slide.is-active{opacity:1}.slideshow-controls{position:absolute;bottom:14px;right:14px;display:flex;gap:6px}.slideshow-controls button{background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;line-height:1}.home-gallery{background:#fff;padding:30px 15px 80px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px;align-items:start}.photo-button{padding:0;border:0;background:none;display:block;width:100%;position:relative;overflow:hidden}.photo-button img{width:100%;height:auto}.home-gallery .photo-button{grid-column:span 7}.home-gallery .photo-button:nth-child(4n+2),.home-gallery .photo-button:nth-child(4n+3){grid-column:span 5}.home-gallery .photo-button:nth-child(5){grid-column:span 7}.home-gallery .photo-button:nth-child(6){grid-column:span 5}.home-gallery .photo-button:last-child:nth-child(odd){grid-column:1/-1}.photo-button .photo-hover{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}.photo-button:hover .photo-hover{opacity:1}.work-section{text-align:center;padding:47px 60px 150px;background:var(--ink)}.work-dot{width:28px;height:28px;background:#fff;border-radius:50%;margin:0 auto 39px}.work-section h2{font-size:36px;font-weight:900;letter-spacing:-.5px}.work-description{font-size:18px;margin-top:12px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:60px}.work-card{border:3px solid #f8f8f8;min-height:121px;padding:33px 16px;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:900;line-height:1.2}.work-card[href]{transition:background-color .2s,color .2s}.work-card[href]:hover{background:#fff;color:var(--ink)}.contact-callout{min-height:352px;padding:69px 20px 42px;background:var(--peach);color:var(--ink);text-align:center}.contact-callout h2{font-size:29px;font-weight:800;line-height:1.2}.contact-button{display:inline-block;background:var(--ink);color:#fff;margin-top:28px;padding:11px 27px;font-size:13px;font-weight:700;letter-spacing:1px}.back-top{display:block;margin:30px auto 0;width:30px;line-height:30px;font-size:24px}.site-footer{background:var(--ink);padding:47px 60px 30px;font-size:13px}.footer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px}.footer-title{font-size:14px;margin-bottom:9px;font-weight:600}.footer-links{display:flex;flex-direction:column;gap:4px}.footer-links a:hover{text-decoration:underline}.footer-muted{color:var(--muted)}.copyright{font-size:11px;margin-top:36px;color:var(--muted)}.project-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;min-height:68px;align-items:center;padding:16px 20px;background:#fff;color:#777;font-size:13px}.project-nav a[aria-current="page"]{color:#111;font-weight:700}.project-nav a:hover{color:#111}.about-section{background:#fff;color:#111;padding:75px 60px 100px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-photo{width:100%;height:auto}.about-copy h1{font-size:29px;font-weight:800;line-height:1.35;margin-bottom:23px}.about-intro p{font-size:29px;font-weight:700;line-height:1.35;margin-bottom:22px}.about-welcome{font-size:29px;font-weight:700;line-height:1.35;margin:35px 0}.about-resume section+section{margin-top:32px}.about-resume h2{font-size:25px;font-weight:700;margin-bottom:15px}.about-resume ul{margin:0;padding-left:20px}.about-resume li{font-size:15px;margin:8px 0}.about-section.no-image{grid-template-columns:1fr;max-width:none}.about-section.no-image .about-copy{max-width:850px;margin:0 auto}.project-section{background:#fff;color:#111;padding:48px 60px 90px;min-height:45vh}.project-heading{margin-bottom:48px}.project-heading h1{font-size:36px;font-weight:800}.project-description{max-width:850px;margin-top:26px;font-size:16px;line-height:1.9}.project-description p+p{margin-top:20px}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}.project-gallery .photo-button{margin:0}.project-gallery .photo-button figcaption{font-size:13px;line-height:1.6;padding:9px 0;color:#6c6c6c}.project-gallery.single-column{grid-template-columns:1fr}.project-gallery .photo-button.wide{grid-column:1/-1}.project-section.empty-project{min-height:45vh}.contact-page{background:#fff;color:#111;padding:95px 60px 120px;min-height:520px}.contact-page h1{font-size:36px;font-weight:800;margin-bottom:35px}.contact-page .contact-copy{font-size:19px;line-height:1.8;max-width:760px}.contact-page .contact-copy p+p{margin-top:16px}.contact-details{display:flex;flex-wrap:wrap;gap:45px;margin-top:50px}.contact-details h2{font-size:16px;margin-bottom:12px}.contact-details a{text-decoration:underline;text-underline-offset:4px}.contact-pending{color:#777;font-size:15px}.lightbox{border:0;padding:0;margin:auto;width:100vw;max-width:none;height:100dvh;max-height:none;background:rgba(13,15,17,.98);color:#fff;overflow:hidden}.lightbox::backdrop{background:rgba(0,0,0,.9)}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox-toolbar{position:absolute;top:0;left:0;right:0;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;z-index:1}.lightbox-count{font-size:13px;color:#d3d4d5}.lightbox button{border:0;background:transparent;color:#fff;width:48px;height:48px;font-size:36px;line-height:1}.lightbox figure{margin:65px 70px 35px;max-width:calc(100vw - 140px);text-align:center}.lightbox-image{max-width:100%;max-height:calc(100dvh - 140px);width:auto;height:auto;object-fit:contain;margin:auto}.lightbox-caption{font-size:13px;margin-top:12px;min-height:20px}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:10px}.lightbox-next{right:10px}.not-found{padding:100px 25px;text-align:center;min-height:60vh}.not-found h1{font-size:32px;margin-bottom:20px}.not-found a{text-decoration:underline}
@media(max-width:767px){.site-header{height:70px;padding:0 15px}.brand,.brand img{height:38px;width:38px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;padding:15px 22px 25px;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 8px 12px #00000010}.primary-nav.is-open{display:flex}.primary-nav a{font-size:21px}.hero{padding:34px 15px 0}.hero h1{font-size:27px;margin-bottom:24px}.hero-slideshow{aspect-ratio:1.35}.home-gallery{padding:20px 15px 45px;gap:20px;grid-template-columns:1fr}.home-gallery .photo-button:nth-child(n){grid-column:1}.work-section{padding:42px 20px 68px}.work-dot{width:22px;height:22px;margin-bottom:29px}.work-section h2{font-size:30px}.work-description{font-size:15px}.work-grid{grid-template-columns:1fr;gap:18px;margin-top:35px}.work-card{font-size:24px;min-height:98px;padding:25px 15px;border-width:2px}.contact-callout{min-height:310px;padding:55px 20px 30px}.contact-callout h2{font-size:24px}.site-footer{padding:38px 25px 25px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.copyright{margin-top:30px}.project-nav{gap:20px;font-size:12px;min-height:60px}.about-section{padding:40px 20px 60px;grid-template-columns:1fr;gap:35px}.about-intro p,.about-welcome{font-size:24px}.about-resume h2{font-size:22px}.about-resume li{font-size:14px}.project-section{padding:32px 15px 60px}.project-heading{margin-bottom:30px}.project-heading h1{font-size:29px}.project-description{font-size:15px}.project-gallery{grid-template-columns:1fr;gap:25px}.contact-page{padding:55px 25px 80px;min-height:440px}.contact-page h1{font-size:30px}.contact-page .contact-copy{font-size:17px}.contact-details{gap:30px;flex-direction:column;margin-top:35px}.lightbox-toolbar{padding:10px 12px}.lightbox figure{margin:65px 20px 60px;max-width:calc(100vw - 40px)}.lightbox-image{max-height:calc(100dvh - 155px)}.lightbox-prev,.lightbox-next{top:auto;bottom:8px;transform:none}.lightbox-prev{left:calc(50% - 60px)}.lightbox-next{right:calc(50% - 60px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* The current portfolio has different desktop and phone compositions. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mobile-comma,.project-badge,.mobile-footer-nav{display:none}
.brand picture{display:block}
.home-gallery .photo-button.span-wide{grid-column:span 7}
.home-gallery .photo-button.span-narrow{grid-column:span 5}
.home-gallery .photo-button.span-half{grid-column:span 6}
.home-gallery .photo-button.span-full{grid-column:1/-1}
.about-section{background:var(--ink);color:#fff;gap:30px;padding:50px 15px 90px;align-items:start}
.about-banner{width:100%;height:auto;margin-bottom:36px}
.about-copy{padding:0 15px}
.about-resume h2{font-size:26px}
.about-resume li{font-size:16px}
.project-heading{background:var(--ink);color:#fff;min-height:233px;margin:0;padding:63px 60px;display:grid;grid-template-columns:1fr;gap:45px;align-items:start}
.project-heading h1,.project-year{font-size:29px;font-weight:800;line-height:1.3}
.project-year{margin-top:10px}
.project-heading.has-description{grid-template-columns:1fr 1fr;min-height:380px}
.project-heading-copy h2{font-size:29px;font-weight:800;line-height:1.3}
.project-description{font-size:18px;line-height:1.6;margin-top:24px;color:#b9bdc1}
.project-section{padding:52px 15px;background:#fff;min-height:0}
.project-gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:30px}
.project-gallery .photo-button.span-half{grid-column:span 6}
.project-gallery .photo-button.span-wide{grid-column:span 7}
.project-gallery .photo-button.span-narrow{grid-column:span 5}
.project-gallery .photo-button.span-full{grid-column:1/-1}
.project-gallery.single-column .photo-button{grid-column:1/-1}
.project-section[data-project="Interval"] .span-wide{grid-column:span 8}
.project-section[data-project="Interval"] .span-narrow{grid-column:span 4}
.project-section[data-project="Uncanny"] .photo-button:nth-child(7),.project-section[data-project="Uncanny"] .photo-button:nth-child(8){width:75%;justify-self:center;align-self:center}
.contact-page{background:var(--ink);color:#fff;text-align:center;padding:70px 25px 110px;min-height:650px}
.contact-page .work-dot{margin-bottom:42px}
.contact-page h1{font-size:44px;font-weight:900;line-height:1.15;margin-bottom:38px}
.contact-page .contact-copy{margin:0 auto}
.subscribe-form{display:flex;justify-content:center;max-width:620px;margin:0 auto;gap:8px}
.subscribe-form input{height:48px;flex:1;min-width:0;border:1px solid #b9bdc1;padding:10px 15px;background:#fff;color:#555;opacity:1}
.subscribe-form button{height:48px;border:0;background:#1d46e8;color:#fff;padding:0 26px;font-size:14px;opacity:1}
.subscribe-status{font-size:13px;color:#b9bdc1;margin-top:14px}
.contact-details{justify-content:center;text-align:left}
.contact-pending{color:#b9bdc1}
@media(max-width:767px){
  .site-header{height:48px;justify-content:center;padding:0 15px}
  .brand,.brand img{height:28px;width:28px}
  .menu-toggle{position:absolute;left:3px;top:2px}
  .primary-nav{top:48px;gap:8px}
  .hero{padding:30px 15px 0;background:#fff;color:#111}
  .hero h1{font-size:20px;font-weight:800;letter-spacing:0;line-height:1.35;margin-bottom:26px}
  .mobile-comma{display:inline}
  .hero-slideshow{aspect-ratio:1.062}
  .slideshow-controls{right:8px;bottom:8px}
  .slideshow-controls button{height:30px;width:30px}
  .project-badge{display:block;background:#fff;width:100%;padding:0}
  .project-badge img{width:100%;height:auto}
  .home-gallery{padding:0;gap:0}
  .home-gallery .photo-button.span-wide,.home-gallery .photo-button.span-narrow,.home-gallery .photo-button.span-half,.home-gallery .photo-button.span-full{grid-column:1}
  .home-gallery .photo-button img{width:100%}
  .contact-callout,.footer-grid{display:none}
  .site-footer{padding:26px 15px;background:var(--ink)}
  .mobile-footer-nav{display:flex;justify-content:center;gap:28px;font-size:13px}
  .copyright{text-align:center;font-size:10px;margin-top:18px}
  .project-nav{min-height:56px;padding:14px 10px;gap:18px}
  .about-section{padding:30px 15px 50px;gap:30px}
  .about-copy{padding:0}
  .about-banner{margin-bottom:28px}
  .about-intro p,.about-welcome{font-size:24px}
  .about-resume h2{font-size:23px}
  .about-resume li{font-size:14px}
  .project-heading,.project-heading.has-description{min-height:190px;padding:38px 20px;grid-template-columns:1fr;gap:28px}
  .project-heading h1,.project-year,.project-heading-copy h2{font-size:25px}
  .project-heading.has-description{min-height:0}
  .project-description{font-size:16px;line-height:1.7;margin-top:22px}
  .project-section{padding:25px 15px}
  .project-gallery{grid-template-columns:1fr;gap:25px}
  .project-gallery .photo-button.span-half,.project-gallery .photo-button.span-wide,.project-gallery .photo-button.span-narrow,.project-gallery .photo-button.span-full,.project-section[data-project="Interval"] .photo-button{grid-column:1}
  .project-section[data-project="Uncanny"] .photo-button:nth-child(7),.project-section[data-project="Uncanny"] .photo-button:nth-child(8){width:100%}
  .contact-page{padding:50px 20px 70px;min-height:560px}
  .contact-page h1{font-size:30px;line-height:1.2}
  .contact-page .work-dot{margin-bottom:32px}
  .subscribe-form{flex-wrap:wrap;gap:10px}
  .subscribe-form input{flex-basis:100%}
  .subscribe-form button{width:100%}
  .contact-details{align-items:center;text-align:center}
}
@media(hover:none){.photo-button .photo-hover{display:none}}

/* Measurements from the authenticated original, November 2026. */
:root{font-family:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo",Arial,sans-serif}
.hero h1{font-size:36.431px;line-height:1.2;letter-spacing:0;margin:9px 0 20px}
.hero-slideshow{aspect-ratio:1250/560}
.slideshow-controls{opacity:0;transition:opacity .2s}
.hero-slideshow:hover .slideshow-controls,.hero-slideshow:focus-within .slideshow-controls{opacity:1}
.project-badge{display:block;background:#fff;padding:65px 15px 61px}
.project-badge img{width:493px;max-width:100%;margin:auto}
.home-gallery{padding:0 15px 135px;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px}
.home-gallery .photo-button:nth-child(5)>img{aspect-ratio:1;object-fit:cover}
.work-section{padding:47px 60px 212px}
.work-dot{width:28px;height:28px;margin:0 auto 39px}
.work-section h2{font-size:36.431px;line-height:1.2;letter-spacing:0}
.work-description{font-size:17px;line-height:1.5;margin-top:10px}
.work-grid{margin-top:60px;gap:30px}
.work-card{font-size:29.138px;min-height:121px;border-width:3px}
.site-footer{min-height:282px;padding:73px 15px 30px;font-size:15px;line-height:1.5}
.footer-grid{grid-template-columns:1fr 3fr 5fr 1fr 2fr;gap:0}
.footer-title{font-size:17px;margin-bottom:0}
.footer-links{flex-direction:row;flex-wrap:wrap;gap:15px}
.project-nav{display:none}
.project-nav.work-project-nav{display:flex;height:69px}
.project-heading{padding:52px 15px 60px;min-height:233px}
.project-heading h1,.project-year,.project-heading-copy h2{font-size:29.138px;line-height:1.2;font-weight:900}
.project-year{margin-top:0}
.project-heading.has-description{grid-template-columns:1fr 1fr;gap:30px;min-height:381px}
.project-heading:has(+[data-project="Interval"]){min-height:279px}
.project-description{font-size:17px;line-height:1.4;margin-top:35px;color:#fff}
.project-description p+p{margin-top:0}
.project-section{padding:53px 15px 80px}
.project-gallery{row-gap:30px;column-gap:30px}
.project-gallery .photo-button{overflow:visible}
.project-gallery .photo-button figcaption{color:#1f2327;font-size:17px;line-height:1.5;padding:30px 0 0;text-align:left;min-height:86px}
.project-section[data-project="Rhizome"]{padding-bottom:125px}
.project-section[data-project="Uncanny"] .photo-button:nth-child(3),.project-section[data-project="Interval"] .photo-button:nth-child(3){margin-top:31px}
.project-section[data-project="Uncanny"] .photo-button:nth-child(4),.project-section[data-project="Interval"] .photo-button:nth-child(4){margin-top:31px}
.project-section[data-project="Uncanny"] .photo-button:nth-child(7){width:333px;max-width:100%;justify-self:center;align-self:start}
.project-section[data-project="Uncanny"] .photo-button:nth-child(8){width:318px;max-width:100%;justify-self:center;align-self:start}
.project-section[data-project="Uncanny"]{padding-bottom:130px}
.project-section[data-project="Interval"]{padding-bottom:171px}
.project-section[data-project="Interval"] .photo-button:nth-child(7){grid-column:span 7}
.project-section[data-project="Interval"] .photo-button:nth-child(8){grid-column:span 5}
.project-end{height:272px;background:#fff;color:#222;text-align:center;padding:75px 15px;font-size:29px}
.project-section[data-project="22"]{padding:80px 15px 20px;background:var(--ink)}
.project-section[data-project="22"] .project-gallery{display:flex;flex-direction:column;align-items:center;gap:30px}
.project-section[data-project="22"] .photo-button{width:auto;max-width:100%}
.project-section[data-project="22"] .photo-button img{width:auto;height:500px;max-width:100%;object-fit:contain}
.about-section{padding:88px 15px 77px;gap:30px;grid-template-columns:1fr 1fr}
.about-photo{width:547px;max-width:100%;margin:0 auto}
.about-copy{padding:16px 0 0}
.about-banner{margin-bottom:46px}
.about-intro p{font-size:30px;line-height:1.2;font-weight:900;margin-bottom:0}
.about-welcome{font-size:30px;font-weight:400;line-height:1.2;margin:30px 0 43px}
.about-resume h2{font-size:36px;font-weight:400;line-height:1.2;margin-bottom:10px}
.about-resume ul{padding-left:32px}
.about-resume li{font-size:17px;line-height:1.15;margin:0}
.about-resume section+section{margin-top:30px}
.contact-page{min-height:1029px;padding:115px 25px 110px}
.contact-page h1{font-size:54.638px;line-height:1.2;margin:0 0 46px}
.contact-page .work-dot{margin-bottom:70px}
.contact-details{margin-top:140px}
@media(max-width:991px){
 .site-header{height:48px;justify-content:center;padding:0 15px}
 .brand,.brand img{height:28px;width:28px}
 .menu-toggle{display:block;position:absolute;left:3px;top:2px}
 .primary-nav{display:none;position:absolute;left:0;right:0;top:48px;background:#fff;padding:15px 22px 25px;flex-direction:column;align-items:flex-start;gap:8px}
 .primary-nav.is-open{display:flex}
 .primary-nav a{font-size:21px}
 .hero{padding:10px 15px 0;background:#fff;color:#111}
 .hero h1{font-size:20px;font-weight:900;line-height:30px;margin:0 0 12px}
 .mobile-comma{display:inline}
 .hero-slideshow{aspect-ratio:360/338.086}
 .project-badge{padding:20.5px 0 67px}
 .project-badge img{width:100%}
 .home-gallery{padding:0 0 105px;display:flex;flex-direction:column;gap:30px}
 .work-section{padding:47px 15px 144px}
 .work-section h2{font-size:20px;line-height:30px}
 .work-description{font-size:17px;line-height:25.5px}
 .work-grid{grid-template-columns:1fr;margin-top:60px;gap:30px}
 .work-card{font-size:20px;min-height:113px;padding:30px 15px}
 .contact-callout,.footer-grid{display:none}
 .site-footer{min-height:0;padding:26px 15px}
 .mobile-footer-nav{display:flex;justify-content:center;gap:28px;font-size:13px}
 .copyright{text-align:center;font-size:10px;margin-top:18px}
 .project-nav{display:flex;min-height:46px;height:46px;padding:10px;gap:18px;font-size:12px}
 .project-nav.work-project-nav{height:71px}
 .project-heading,.project-heading.has-description{padding:26px 15px;min-height:134px;grid-template-columns:1fr;gap:30px}
 .project-heading.has-description{min-height:436px}
 .project-heading:has(+[data-project="Interval"]){min-height:134px}
 .project-heading h1,.project-year,.project-heading-copy h2{font-size:20px;line-height:24px}
 .project-description{font-size:17px;line-height:1.4;margin-top:30px}
 .project-section{padding:49px 0 80px}
 .project-gallery{display:flex;flex-direction:column;gap:30px}
 .project-gallery .photo-button figcaption{padding:30px 15px 0}
 .project-section[data-project="Rhizome"]{padding-bottom:90px}
 .project-section[data-project="Rhizome"] .photo-button figcaption{display:none}
 .project-section[data-project="Rhizome"] .photo-button:first-child{margin-bottom:30px}
 .project-section[data-project="Rhizome"] .photo-button:last-child:after{content:"근망(根網) - Rhizome IV\A\A근망(根網) - Rhizome III\A\A근망(根網) - Rhizome II\A\A근망(根網) - Rhizome I";white-space:pre-line;display:block;padding:30px 15px 0;text-align:left;font-size:17px;line-height:20.25px;color:#1f2327}
 .project-section[data-project="Uncanny"] .photo-button:nth-child(3),.project-section[data-project="Uncanny"] .photo-button:nth-child(4),.project-section[data-project="Interval"] .photo-button:nth-child(4){margin-top:0}
 .project-section[data-project="Uncanny"] .photo-button:first-child{margin-bottom:31px}
 .project-section[data-project="Uncanny"] .photo-button:nth-child(7),.project-section[data-project="Uncanny"] .photo-button:nth-child(8){align-self:center}
 .project-section[data-project="Uncanny"]{padding-bottom:116px}
 .project-section[data-project="Interval"]{padding-bottom:156px}
 .project-end{display:none}
 .project-end-Uncanny{display:block;height:212px;padding:75px 15px;font-size:20px}
 .project-section[data-project="22"]{padding:20px 15px 13px}
 .project-section[data-project="22"] .project-gallery{gap:15px}
 .about-section{padding:67px 0 77px;display:flex;flex-direction:column;gap:0}
 .about-section>div{width:100%}
 .about-photo{width:100%}
 .about-copy{padding:61px 15px 0;display:flex;flex-direction:column}
 .about-banner{width:calc(100% + 30px);max-width:none;margin:0 -15px 46px}
 .about-intro p{font-size:20px;line-height:24px}
 .about-welcome{font-size:20px;line-height:24px;margin:30px 0 43px}
 .about-resume h2{font-size:28px;line-height:1.15}
 .about-resume li{font-size:17px;line-height:1.15}
 .contact-page{min-height:1038px;padding:115px 20px 70px}
 .contact-page h1{font-size:30px}
}
.about-intro{min-height:220px}
.about-welcome{margin-bottom:31px}
.project-section[data-project="Rhizome"]{padding-bottom:60px}
@media(max-width:991px){
 .about-intro{min-height:202px}
 .project-section[data-project="Rhizome"]{padding-bottom:90px}
 .contact-page{padding-top:47px}
 .contact-page .work-dot{margin-bottom:64.5px}
 .contact-page h1{font-size:24px;line-height:28.8px;margin-bottom:64px}
}

/* Second comparison: original menus, actual typefaces and footer sections. */
:root{font-family:"Pretendard English",NanumBarunGothic,"Apple SD Gothic Neo",sans-serif}
body{font-size:17px;line-height:1.5}
.site-header{padding:0 15px}
.primary-nav{gap:0}
.primary-nav a{font-size:24px;font-weight:700;letter-spacing:1px;line-height:36px;padding:0 20px;height:40px;display:block}
.work-menu{position:relative}
.work-toggle{display:none}
.work-submenu{display:none;position:absolute;left:20px;top:40px;width:160px;background:#1f2327;padding:10px 0}
.work-submenu a{height:auto;padding:5px 20px;font-size:12px;line-height:17.1429px;font-weight:700;letter-spacing:0;color:#f0d0b8;border-radius:0}
.work-submenu a[aria-current="page"],.work-submenu a:hover{background:#30353a;color:#fff}
@media(min-width:992px){.work-menu:hover .work-submenu,.work-menu:focus-within .work-submenu{display:block}}
.menu-backdrop[hidden]{display:none}
.hero{padding-top:41px}
.hero h1{margin:10px 0 28.773px}
.contact-callout{position:relative;height:351.9375px;min-height:0;padding:95px 15px 0}
.contact-callout h2{font-size:29.138px;font-weight:800;line-height:34.9656px;color:#212121}
.contact-button{margin-top:40px;padding:15px 30px;border:1px solid #005dff;background:#005dff;font-size:18px;font-weight:700;line-height:25.7143px;letter-spacing:0}
.back-top{position:absolute;top:204.9375px;left:84.5044%;width:14.3225%;height:75px;margin:0;line-height:0}
.back-top img{width:60px;height:75px;margin:auto}
.site-footer{height:282px;min-height:0}
.footer-links{flex-direction:column;gap:0}
.company-footer{min-height:167.59375px;background:#fff;color:#000;padding:30px 15px;display:grid;grid-template-columns:1fr 1fr;font-size:12px}
.company-footer nav{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:2px}
.company-footer nav a{height:24px;line-height:24px}
.company-footer .footer-brand{grid-column:1;grid-row:1}
.about-welcome{font-size:29.138px;line-height:34.9656px;font-weight:900;margin:40px 0 35.5px}
.about-resume h2{font-size:36px;line-height:62.835px;margin-bottom:10px}
.about-resume section+section{margin-top:10px}
.contact-page{padding:132px 15px 110px;position:relative}
.contact-page h1{font-size:43.707px;line-height:52.4484px;margin-bottom:71px}
.contact-page .work-dot{margin-bottom:70px}
.subscribe-form{max-width:610px;gap:4px;flex-wrap:nowrap}
.subscribe-form input{height:39px;padding:6px 12px;font-size:17px;line-height:24.2857px;border-color:#eee}
.subscribe-form button{width:112.28125px;flex:none;height:39px;padding:6px 0;background:#005dff;border:1px solid #005dff;font-size:12px;font-weight:700;line-height:17.1429px}
.subscribe-status{font-size:13px;line-height:20.8px;margin-top:14px}
.contact-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:90.2px 4px 0;text-align:center}
.contact-details>div{min-height:132.96875px;padding-top:30px}
.contact-details h2{font-size:29.138px;line-height:34.9656px;font-weight:700;margin-bottom:15px}
@media(max-width:991px){
 .hero{padding:10px 15px 0}
 .hero h1{margin:0 0 12px}
 .menu-toggle{width:40px;height:44px;padding:12px;left:3px}
 .menu-toggle span{height:2px;margin:4px 0}
 .primary-nav{position:fixed;top:0;bottom:0;left:0;right:auto;width:min(300px,80vw);height:100dvh;overflow-y:auto;background:#1f2327;color:#fff;padding:10px 0;box-shadow:none;z-index:102;gap:0;align-items:stretch}
 .primary-nav a{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;height:34px;padding:7px 20px;border-radius:0}
 .primary-nav a[aria-current="page"]{background:transparent;color:#f0d0b8}
 .work-menu>a{padding-right:50px}
 .work-toggle{display:block;position:absolute;right:8px;top:0;width:34px;height:34px;border:0;background:none;color:#fff;font-size:18px}
 .work-submenu{position:static;width:100%;padding:4px 0 8px;background:transparent}
 .work-submenu a{padding-left:35px;font-size:13px;color:#fff}
 .work-menu.is-expanded .work-submenu{display:block}
 .menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100vw;height:100dvh;border:0;background:#0009;z-index:101}
 body.menu-open{overflow:hidden}
 body.menu-open .menu-toggle{position:fixed;top:10px;left:calc(min(300px,80vw) + 6px);z-index:103;color:#fff}
 body.menu-open .menu-toggle span{background:#fff;position:absolute;top:16px;left:12px;width:21px;height:1px;margin:0;transform:rotate(45deg)}
 body.menu-open .menu-toggle span:nth-child(2){display:none}
 body.menu-open .menu-toggle span:nth-child(3){transform:rotate(-45deg)}
 .site-footer{display:none}
 .company-footer{min-height:264.59375px;padding:20px 15px;display:flex;flex-direction:column;gap:0}
 .company-footer nav{gap:0;order:0}
 .company-footer nav a{height:28px;line-height:18px;padding:5px 0;width:40%}
 .company-footer .footer-brand{order:1;margin-top:20px}
 .about-banner{margin-bottom:30px}
 .about-welcome{font-size:20px;line-height:24px}
 .about-resume h2{font-size:24px;line-height:32.2px}
 .about-resume section+section{margin-top:10px}
 .contact-page{padding:47px 15px 70px}
 .contact-page .work-dot{margin-bottom:64.5px}
 .contact-page h1{font-size:24px;line-height:28.8px;margin-bottom:71px}
 .subscribe-form input{flex-basis:auto;font-size:16px}
 .subscribe-form button{width:112.28125px}
 .contact-details{grid-template-columns:1fr;gap:23px;margin-top:67.7px;align-items:stretch}
 .contact-details>div{min-height:129.5px;padding-top:30px}
 .contact-details h2{font-size:24px;line-height:28.8px}
}
/* Original public copy is supplied separately from the source repository. */
.company-copy{grid-column:1;grid-row:1;min-width:0}
.company-information{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.contact-details{margin-top:125px}
.contact-details h2{font-weight:600;margin-bottom:10px}
.contact-details a{font-size:15px;line-height:18px;text-decoration:none}
@media(max-width:991px){.company-copy{order:1}.company-copy .footer-brand{margin-top:20px}.contact-details{margin-top:102.5px}}
.company-information{line-height:18px}
.company-information span{display:inline-block;margin-right:8px}
.project-gallery-label{background:#fff;color:#111;padding:0 15px;font-size:14px;line-height:21px}
.project-end-Interval{font-size:17px;color:#777}
.about-intro{display:flow-root}
.about-intro p{margin:10px 0}
/* Third comparison (2026-11-13): the original measured at 1920, 1440, 1280, 1024, 820 and 390 px wide. */
/* The original shrinks the whole page to 85% from 767 to 1024 px wide. */
@media(min-width:767px) and (max-width:1024px){body{zoom:.85}}
.about-section{background:#000 url("/assets/5b29dbc61f16a.png") 50% 50%/cover no-repeat}
.about-resume h2{font-family:"Google Sans",sans-serif}
.project-nav a{color:rgba(33,33,33,.7)}
.project-description.is-dark{color:#212121}
.project-gallery .photo-button figcaption{color:#212121;line-height:20.25px}
.project-section[data-project="Rhizome"] .photo-button:nth-child(2) figcaption{font-weight:700;color:#0a0909}
.project-end{display:none}
.subscribe-form input{border-color:rgba(33,33,33,.65)}
.subscribe-form input::placeholder{color:#999}
.subscribe-form button{letter-spacing:1px}
.contact-details>div:nth-child(2) h2{font-weight:600}
.contact-details h2 b{font-weight:700}
.footer-brand{line-height:18px;margin-bottom:9.6px}
.company-information{margin:0 0 6px}
@media(min-width:992px){
 /* "What I do" stops at 1160 px and the company footer at 1250 px; the other bands keep 15 px sides up to 1310 px and 60 px from 1311 px (rule below). */
 .work-section{padding-left:max(60px,calc(50% - 580px));padding-right:max(60px,calc(50% - 580px))}
 .company-footer{padding-left:max(15px,calc(50% - 625px));padding-right:max(15px,calc(50% - 625px))}
 .company-footer nav{padding-left:15px}
 .primary-nav a{line-height:40px;color:#0a0909}
 .primary-nav a>span{display:inline-block;line-height:29px}
 .primary-nav a[aria-current="page"]{background:none;color:#0b0101;border-radius:0}
 .primary-nav a[aria-current="page"]>span{background:#050505;padding:4px 15px;border-radius:50px}
 .hero-slideshow:hover .slideshow-controls{opacity:0}
 .hero-slideshow:focus-within .slideshow-controls{opacity:1}
 .contact-callout h2{font-weight:700}
 .footer-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
 .footer-grid>div:nth-child(2){grid-column:span 8}
 .footer-title{font-weight:700}
 .footer-links a{font-size:14px;line-height:26px;color:#fafafa}
 .copyright{margin-top:9px;text-align:right;font-size:13px;line-height:19.5px;color:#eee}
 .about-resume h2{line-height:43.2px;padding-top:15.3px;margin-bottom:14.3px}
 .project-heading{padding-top:70px}
 .project-heading-copy h2{font-weight:600}
 .project-description{margin-top:23px}
 .project-heading-copy>.project-description:first-child{margin-top:-9px}
 .project-label{margin-top:58px;font-size:14px;line-height:21px}
 .project-heading:has(+[data-project="Uncanny"]){min-height:233px}
 .project-gallery .photo-button figcaption{padding-top:32px}
 .project-section[data-project="Rhizome"]{padding-bottom:365px}
 .project-section[data-project="Uncanny"]{padding-bottom:316px}
 .project-section[data-project="Interval"]{padding-bottom:350px}
}
@media(max-width:991px){
 .work-card{font-size:18px}
 .project-heading,.project-heading.has-description{padding:40.5px 15px 39.5px;gap:65px}
 .project-heading h1,.project-year,.project-heading-copy h2{font-size:18px;line-height:27px}
 .project-heading-copy h2{font-weight:600}
 .project-description{margin-top:16.6px}
 .project-label,.project-heading-copy:has(>.is-dark:only-child){display:none}
 .project-heading.has-description:has(.is-dark){min-height:134px}
 .project-gallery .photo-button figcaption{padding-top:32px}
 .project-section[data-project="Uncanny"],.project-section[data-project="Interval"]{padding-bottom:63px}
 .project-end-Uncanny{display:block;height:212px;padding:0;font-size:0}
 .about-intro p+p{margin-top:16.5px}
 .about-welcome{font-size:18px}
 .contact-details h2{font-size:18px}
}
@media(min-width:1311px){.site-header,.hero,.home-gallery,.site-footer,.about-section,.project-heading,.project-section{padding-left:60px;padding-right:60px}}
@media(min-width:992px){
 .about-banner-box{height:68px;display:flex;align-items:center;margin-bottom:46px}
 .about-banner-box .about-banner{margin:0}
 .about-intro{min-height:0}
}
@media(min-width:992px){
 .project-section[data-project="22"]{padding-top:11px}
 .project-heading:has(+[data-project="Rhizome"]){min-height:0;padding-bottom:134px}
 .project-section[data-project="Interval"] .photo-button:last-child img{max-width:1600px;margin:0 auto}
 .contact-details h2{font-weight:700;margin-bottom:5px}
 .contact-details>div{padding-top:36px}
 .contact-details>div:nth-child(2){padding-top:31px}
 .contact-details>div:nth-child(2) h2{font-weight:600}
 .work-grid{margin-top:62px}
}
.contact-details h2{font-weight:700}
.contact-details>div:nth-child(2) h2{font-weight:600}
@media(max-width:991px){
 .hero h1{color:#000}
 .project-badge{padding-bottom:30px}
 .company-copy .footer-brand{margin-top:15px}
 .about-welcome{line-height:27px}
 .contact-details h2{margin-bottom:5px}
 .contact-details>div{padding-top:35px}
 .contact-details>div:nth-child(2){padding-top:30px}
 .project-heading.has-description{gap:51px}
}
/* Third comparison, second pass: borders, see-through text and the phone sub-menu of the original. */
.work-card{border-color:#fff;border-width:3px}
.project-section[data-project="22"]{background:#fff}
.project-description:not(.is-dark),.project-label{opacity:.5}
.project-section[data-project="Uncanny"] .photo-button:last-child figcaption,.project-section[data-project="Interval"] .photo-button:last-child figcaption{opacity:.5}
.footer-grid>div:nth-child(n+3) a,.copyright,.contact-details a{opacity:.5}
.contact-details>div{border:4px solid #fff}
.subscribe-form button{border-width:3px}
.project-subnav{display:none}
@media(min-width:992px){
 .project-section[data-project="Rhizome"] .photo-button:nth-child(even) figcaption{opacity:.5}
 .work-grid{margin-top:61px}
 .work-section{padding-bottom:211px}
 .contact-details{margin-top:122px}
 .contact-details>div{min-height:141px;padding-top:35px}
 .contact-details>div:nth-child(2){padding-top:30px}
 .contact-details h2{margin-bottom:7.8px}
 .project-nav.work-project-nav{align-items:flex-start;padding-top:24px;gap:25px}
 .project-nav a{padding:2px 0 7px;line-height:16px;border-bottom:1px solid transparent}
 .project-nav a[aria-current="page"]{color:#212121;font-weight:400;border-bottom-color:#212121}
}
@media(max-width:991px){
 .project-nav:has(+.project-subnav){display:none}
 .project-subnav{display:flex;align-items:center;gap:4.5px;height:46px;padding:0 15px;background:#fff;border-bottom:1px solid #e5e7eb;font-size:12px;line-height:15px}
 .project-subnav a{padding:0 4px;color:#212121}
 .project-subnav a[aria-current="page"]{height:28px;line-height:26px;padding:0 13px;border:1px solid #212121;background:#212121;color:#fff}
 .project-nav.work-project-nav{align-items:flex-start;padding-top:36px;gap:25px;font-size:13px;line-height:16px}
 .contact-details{gap:14px}
 .contact-details>div{min-height:138.5px;padding-top:35.5px}
 .contact-details>div:nth-child(2){padding-top:29.5px}
 .contact-details h2{line-height:27px;margin-bottom:9.5px}
}
@media(min-width:992px){
 .contact-details{margin:121px 0 0}
 .work-section{padding-left:max(30px,calc(50% - 580px));padding-right:max(30px,calc(50% - 580px))}
}
@media(max-width:991px){
 .about-section{padding-bottom:82px}
 .contact-details{margin:98.5px 0 0}
 .contact-details h2{margin-bottom:8px}
 .project-heading.has-description{gap:44px}
 .project-gallery .photo-button figcaption{min-height:0}
}
@media(max-width:991px){
 .project-section[data-project="Rhizome"]{padding-bottom:77px}
 .project-section[data-project="Rhizome"] .photo-button:last-child:after{padding-top:33px;color:#212121}
}
@media(min-width:992px){.subscribe-form{max-width:calc(50% - 15px)}}
@media(min-width:992px){
 .contact-page{padding-left:max(15px,calc(50% - 625px));padding-right:max(15px,calc(50% - 625px))}
}
/* The original has a separate tablet layout from 768 to 991 px (shown at 85%). */
@media(min-width:768px) and (max-width:991px){
 .hero h1{font-size:29.138px;line-height:35px}
 .work-section h2{font-size:29.138px;line-height:35px}
 .work-card{font-size:23.31px;line-height:28px}
 .project-nav.work-project-nav{height:94px;padding-top:52px}
 .contact-page h1{font-size:34px;line-height:40.8px}
 .contact-details h2{font-size:23.31px;line-height:28px}
 .project-heading h1,.project-year,.project-heading-copy h2{font-size:23.31px;line-height:28px}
 .about-welcome{font-size:23.31px;line-height:28px}
}
@media(min-width:768px) and (max-width:991px){
 .work-grid{margin-top:62px}
 .work-card{min-height:114px}
 .work-section{padding-bottom:209px}
 .company-footer nav a{height:30px;padding:6px 0}
 .company-copy .footer-brand{margin-top:0}
 .project-badge{padding:26px 0 29px}
 .project-badge img{width:493px;margin:0 auto}
}
@media(min-width:768px) and (max-width:991px){
 .contact-page{padding-top:140px;padding-bottom:323px}
 .contact-page h1{margin-bottom:130px}
 .subscribe-form{max-width:none}
 .contact-details{margin-top:183.5px;gap:30px}
 .contact-details>div{min-height:133px;padding-top:34px}
 .contact-details>div:nth-child(2){padding-top:29px}
 .contact-details h2{margin-bottom:8px}
 .about-section{padding-top:88px}
 .about-photo{width:547px;margin:0 auto}
 .about-banner{width:calc(100% - 40px);margin:0 20px 44px}
}
@media(min-width:768px) and (max-width:991px){
 .contact-details{margin-top:179.5px}
 .company-footer{min-height:0}
 .about-banner{margin-bottom:33px}
 .about-intro{min-height:0}
 .about-intro p+p{margin-top:13.5px}
 .about-welcome{margin:42px 0}
 .about-resume h2{line-height:28.8px;margin-bottom:14px}
 .about-resume section+section{margin-top:27.5px}
 .project-heading,.project-heading.has-description{padding-top:70px;gap:50px}
 .project-description{margin-top:23px}
 .project-heading:has(+[data-project="Rhizome"]){min-height:456px}
 .project-section{padding-top:52px}
}
@media(min-width:768px) and (max-width:991px){
 .project-heading{align-content:start}
 .about-welcome{margin-bottom:53px}
}
@media(min-width:768px) and (max-width:991px){
 .project-heading,.project-heading.has-description{padding-bottom:71px}
 .project-heading.has-description:has(.is-dark){min-height:0}
 .project-section[data-project="Uncanny"]{padding-bottom:350px}
 .project-end-Uncanny{display:none}
 .project-section[data-project="Interval"]{padding-bottom:79px}
 .project-section[data-project="22"]{padding:34px 15px 20px}
 .project-section[data-project="22"] .project-gallery{gap:31px}
}
@media(min-width:768px) and (max-width:991px){
 .home-gallery{padding-bottom:136px}
 .project-section[data-project="Rhizome"]{padding-bottom:93px}
 .project-section[data-project="Rhizome"] .photo-button:first-child{margin-bottom:32px}
}
@media(min-width:768px) and (max-width:991px){.project-section[data-project="22"]{padding-bottom:11px}}
/* The contact page dot sits closer to its heading in the original (icon glyph there, round box here). */
@media(min-width:992px){.contact-page{padding-top:152px}.contact-page .work-dot{margin-bottom:50px}}
@media(max-width:767px){.contact-page{padding-top:77px}.contact-page .work-dot{margin-bottom:34.5px}}
@media(min-width:768px) and (max-width:991px){.contact-page{padding-top:152px}.contact-page .work-dot{margin-bottom:52.5px}}
/* Fixed menu bar that slides in once the page is scrolled past the header (desktop only, like the original). */
.fixed-header{display:none}
@media(min-width:992px){
 .fixed-header{display:flex;justify-content:center;position:fixed;top:0;left:0;right:0;height:70px;z-index:1000;background:#1f2327;transform:translateY(-100%);visibility:hidden;transition:transform .42s cubic-bezier(.165,.84,.44,1),visibility 0s linear .42s}
 body.is-scrolled .fixed-header{transform:none;visibility:visible;transition:transform .42s cubic-bezier(.165,.84,.44,1),visibility 0s}
 .fixed-header a{display:block;height:70px;line-height:70px;padding:0 20px;font-size:24px;font-weight:700;letter-spacing:1px;color:#fff}
 .fixed-header a>span{display:inline-block;line-height:29px;vertical-align:middle}
 .fixed-header a[aria-current="page"]{color:#f7caa9}
 .work-card[href]:hover{background:none;color:inherit}
}
.footer-grid>div:nth-child(3) a{word-break:break-all}
@media(min-width:992px){.fixed-header a>span{vertical-align:top;margin-top:21px}}
@media(min-width:992px){
 .primary-nav .work-submenu{padding:0}
 .primary-nav .work-submenu a{line-height:17.1429px;color:#f0d0b8;letter-spacing:1px;background:none}
 .primary-nav .work-submenu a[aria-current="page"],.primary-nav .work-submenu a:hover{background:#30353a;color:#fff}
}
@media(min-width:992px){
 .fixed-header>a,.fixed-header>.work-menu>a{display:block;height:70px;line-height:70px;padding:0 20px;font-size:24px;font-weight:700;letter-spacing:1px;color:#fff;cursor:pointer}
 .fixed-header>a[aria-current="page"],.fixed-header>.work-menu>a[aria-current="page"]{color:#f7caa9}
 .fixed-header .work-submenu{top:55px;padding:0}
 .fixed-header .work-submenu a{display:block;height:auto;padding:5px 20px;font-size:12px;line-height:17.1429px;font-weight:700;letter-spacing:1px;color:#f0d0b8;cursor:pointer}
 .fixed-header .work-submenu a[aria-current="page"],.fixed-header .work-submenu a:hover{background:#30353a;color:#fff}
}
@media(min-width:992px){
 .primary-nav .work-submenu a[aria-current="page"],.fixed-header .work-submenu a[aria-current="page"]{background:none;color:#f0d0b8}
 .primary-nav .work-submenu a:hover,.fixed-header .work-submenu a:hover{background:#717171;color:#fff}
}

/* ===== 2026-11-13 다듬기(결정기록 114, 사용자: "너가 알아서 좀 더 디벨롭해봐. 다른 프로 작가들 웹사이트 래퍼런스 삼아서 해도되고") =====
   작가 사이트들의 공통점(작품 묶음을 표지 사진으로 보여 줌, 사진을 눌러 크게 봄, 빈 틀·안 되는 칸 없음)에 맞춰 원본 틀에서 남은 것을 손봤다.
   아래 규칙은 위의 '원본 그대로' 치수 규칙을 일부러 덮어쓴다. 되돌리려면 이 묶음과 site.js·data.json의 같은 날 바뀐 곳을 되돌린다 */
/* 메뉴: 지금 화면 표시 글자가 검은 알약에 묻혀 안 보이던 것 */
@media(min-width:992px){.primary-nav>a[aria-current="page"]>span,.primary-nav>.work-menu>a[aria-current="page"]>span{color:#fff}}
/* 작품 표지 카드 */
.series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 30px;margin-top:60px;text-align:left}
.series-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.series-card{display:block;color:#fff}
.series-cover{display:block;aspect-ratio:3/2;overflow:hidden;background:#15181b}
.series-cover img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.165,.84,.44,1)}
.series-card:hover .series-cover img,.series-card:focus-visible .series-cover img{transform:scale(1.035)}
.series-name{display:inline-block;margin-top:16px;font-size:24px;font-weight:800;line-height:1.2}
.series-year{margin-left:10px;font-size:14px;color:var(--muted)}
.work-section{padding-bottom:120px}
@media(max-width:767px){.series-grid,.series-grid[data-count="3"]{grid-template-columns:1fr;gap:30px;margin-top:40px}.series-name{font-size:18px;margin-top:12px}.work-section{padding-bottom:90px}}
/* 사진: 누르면 크게 보기, 화면에 들어올 때 살짝 떠오르기 */
.photo-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.photo-open:focus-visible{outline-offset:-3px}
.home-gallery .photo-button:nth-child(5) .photo-open>img{aspect-ratio:1;object-fit:cover}
.photo-button,.series-card{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.photo-button.is-seen,.series-card.is-seen{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.photo-button,.series-card{opacity:1;transform:none;transition:none}.series-cover img{transition:none}}
/* 작품 화면 끝의 큰 빈 칸 줄이기 */
@media(min-width:768px){.project-section[data-project="Rhizome"],.project-section[data-project="Uncanny"],.project-section[data-project="Interval"]{padding-bottom:120px}}
/* 문의 화면: 구독 칸 대신 안내 한 줄, 상자 전체가 링크 */
.contact-page h1{margin-bottom:22px}
.contact-page .contact-copy{max-width:none;margin:0 auto;text-align:center;font-size:17px;line-height:1.6;opacity:.7}
.contact-details{margin:64px 0 0}
.contact-details>a{display:block;border:4px solid #fff;padding:34px 16px 32px;text-align:center;opacity:1;color:#fff;transition:background-color .2s,color .2s}
.contact-details>a:hover,.contact-details>a:focus-visible{background:#fff;color:var(--ink)}
.contact-details>a h2{margin-bottom:8px}
.contact-details>a span{opacity:.6}
.contact-page{padding-bottom:140px;min-height:0}
@media(max-width:767px){.contact-page{padding-bottom:90px}}
/* 바닥글: 메일·전화가 글자 중간에서 끊기던 것 */
@media(min-width:992px){.footer-grid{grid-template-columns:110px 1fr auto auto auto;column-gap:44px}.footer-grid>div:nth-child(2){grid-column:auto}}
.footer-grid>div:nth-child(n+3) a{white-space:nowrap;word-break:normal}