/* Diorama Hub / Studio edition. Original layout; references in THIRD_PARTY.md. */
:root{--paper:#141513;--ink:#f2f0e9;--muted:#a2a49a;--line:#353731;--accent:#f16b3d}
html{scroll-behavior:auto;scroll-padding-top:90px}body{font-family:'Pretendard Variable',Pretendard,'Malgun Gothic',sans-serif;background:var(--paper);color:var(--ink)}
::selection{background:#f16b3d;color:#151513}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#ff8e64}
.site-header{height:88px;padding:0 4.2%;border-bottom:1px solid #ffffff19;background:#141513;position:relative;z-index:10}.brand{font-size:20px;letter-spacing:-.055em;gap:12px}.brand small{font-size:8px;letter-spacing:2.7px;color:#b3b5aa;margin-top:5px}.brand-symbol{display:grid;place-content:center;width:36px;height:36px;font:600 35px/1 Arial;letter-spacing:-8px;margin-right:4px;color:var(--accent);transform:rotate(-8deg)}.brand-symbol span{font-style:normal}.site-header nav{font-size:13px;gap:34px}.site-header nav>a{transition:color .2s}.site-header nav>a:hover{color:#ff9b74}.nav-cta{border:1px solid #64665d;border-radius:0;padding:14px 20px;gap:25px}.nav-cta:hover{background:#f16b3d;color:#151513!important;border-color:#f16b3d}
.studio-hero{position:relative;min-height:690px;height:calc(100svh - 88px);max-height:980px;isolation:isolate;overflow:hidden}.hero-scene{position:absolute;inset:0 0 0 23%;z-index:-3;background:#20231c}.scene-image{width:100%;height:100%;object-fit:cover;object-position:50% 57%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#141513 4%,#141513e6 25%,#14151366 53%,#14151308 76%),linear-gradient(0deg,#141513e8 0%,transparent 30%,#14151315)}.hero-content{padding:65px 4.2% 135px;max-width:850px}.eyebrow{font-size:11px;font-weight:550;letter-spacing:.06em;margin-bottom:28px;color:#c3c5b9;display:flex;gap:10px;align-items:center}.live-dot{width:6px;height:6px;border-radius:0;background:var(--accent);box-shadow:none}.studio-hero h1{font-size:clamp(60px,6.3vw,100px);font-weight:650;letter-spacing:-.075em;line-height:1.1}.studio-hero h1 em{font-style:normal;color:var(--accent)}.hero-description{font-size:15px;line-height:1.9;color:#c5c6bd;margin-top:28px;letter-spacing:-.025em}.studio-button{display:inline-flex;align-items:center;gap:42px;background:#f16b3d;color:#121410;padding:16px 18px 16px 23px;margin-top:30px;font-weight:650;font-size:13px;transition:background .2s,transform .2s}.studio-button>span{border-left:1px solid #13161350;padding-left:17px;font-size:21px}.studio-button:hover{background:#ff9067;transform:translateY(-3px)}.hero-bottom{position:absolute;bottom:30px;left:4.2%;right:4.2%;display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:20px;gap:24px}.scroll-prompt{font-size:11px;display:flex;align-items:center;gap:15px;color:#c5c7bc}.scroll-prompt>span{font-size:23px;color:#f16b3d}.scene-credit{text-align:right;display:grid;gap:7px}.scene-credit>span{font-size:10px;color:#bbbdb2}.scene-credit strong{font-size:13px;font-weight:500}.scene-credit strong span{margin-left:25px;color:#f16b3d}.studio-strip{min-height:78px;display:flex;justify-content:space-around;align-items:center;padding:20px 4.2%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px;color:#9d9f94;font-size:13px}.studio-strip i{font-style:normal;color:#f16b3d;font-size:25px}
.section{margin:0 4.2%;padding:105px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:55px}.section h2,.craft-copy h2{font-size:clamp(38px,4.4vw,68px);font-weight:550;line-height:1.18;letter-spacing:-.065em}.soft{color:#787d70}.section-aside{max-width:310px;padding-bottom:4px}.section-aside p,.section-description{font-size:14px;line-height:1.9;color:#a6aa9d}.text-link{font-size:13px;display:inline-flex;gap:40px;align-items:center;border-bottom:1px solid #72766a;padding:14px 0;color:#e7e9df}.text-link span{font-size:21px;color:#f16b3d}.section-aside .text-link{margin-top:24px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 32px}.project-card:nth-child(even){padding-top:0}.photo-link{position:relative;display:block;overflow:hidden;background:#242620}.photo-link img,.project-card:nth-child(even) .photo-link img{width:100%;aspect-ratio:1.37;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1),filter .8s;filter:saturate(.88)}.photo-link:hover img{transform:scale(1.035);filter:saturate(1)}.photo-arrow{position:absolute;bottom:20px;right:20px;width:45px;height:45px;display:grid;place-items:center;background:#f16b3d;color:#171a13;transform:translateY(4px);border-radius:0;font-size:23px;opacity:1}.project-caption{display:flex;gap:20px;padding-top:21px;border-top:0}.project-num{color:#8c9183;font-size:11px;font-family:monospace;min-width:22px;padding-top:3px}.project-caption p{font-size:10px;letter-spacing:.045em;color:#999f8f;margin-bottom:9px}.project-caption h3{font-size:22px;font-weight:500;letter-spacing:-.035em;line-height:1.4}.feature-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 42px}.feature-grid .project-card:nth-child(4n+1),.feature-grid .project-card:nth-child(4n+4){grid-column:span 7}.feature-grid .project-card:nth-child(4n+2),.feature-grid .project-card:nth-child(4n+3){grid-column:span 5}.feature-grid .project-card:nth-child(2){padding-top:100px}.feature-grid .project-card:nth-child(3){padding-top:0}.feature-grid .project-card:nth-child(4){padding-top:100px}.feature-grid .project-card:nth-child(4n+1) img,.feature-grid .project-card:nth-child(4n+4) img{aspect-ratio:1.36}.feature-grid .project-card:nth-child(4n+2) img,.feature-grid .project-card:nth-child(4n+3) img{aspect-ratio:.95}
.craft-section{display:grid;grid-template-columns:1.05fr 1fr;background:#24291f;margin:15px 0 0}.craft-photo{min-height:650px;overflow:hidden}.craft-photo img{width:100%;height:100%;max-height:780px;object-fit:cover;object-position:center 55%}.craft-copy{padding:85px 12%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.craft-copy h2{font-size:clamp(40px,4.6vw,70px)}.craft-copy .soft{color:#a7b09a}.craft-copy>p:not(.eyebrow){font-size:14px;line-height:2;color:#c0c6b6;margin-top:30px}.craft-copy .text-link{margin-top:28px}.craft-footnote{font-size:10px;color:#929b85;margin-top:60px}.statement{border-bottom:0}.service-list{border-top:1px solid #43483c}.service-list a{display:grid;grid-template-columns:65px 1fr 1.1fr 35px;align-items:center;border-bottom:1px solid #43483c;padding:34px 0;gap:20px;transition:padding .25s,color .25s}.service-list a:hover{color:#f16b3d;padding-left:12px}.service-list a>span:first-child{font:12px monospace;color:#8e9582}.service-list h3{font-size:32px;font-weight:500;letter-spacing:-.045em}.service-list p{font-size:13px;line-height:1.8;color:#a2aa95}.service-list a>span:last-child{font-size:29px;color:#f16b3d}
.process{border-top:1px solid var(--line)}.process .section-heading{display:block}.process ol{margin-top:45px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;list-style:none;padding:0}.process li{border-top:1px solid #565d4c;padding-top:18px}.process li>span{font:12px monospace;color:#f16b3d}.process h3{font-size:21px;font-weight:500;letter-spacing:-.035em;margin-top:45px}.process li p{font-size:13px;line-height:1.9;color:#a6ad99;margin-top:17px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;border-top:1px solid var(--line)}.faq h2{font-size:42px}.faq details{border-bottom:1px solid #42483a;padding:23px 0}.faq details:first-child{border-top:1px solid #42483a}.faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;list-style:none;font-size:16px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:#f16b3d}.faq details p{font-size:13px;line-height:1.9;color:#abb39c;margin-top:20px}
.closing{background:#f16b3d;text-align:left;padding:80px 4.2%;color:#171a13}.closing .eyebrow{justify-content:flex-start;color:#352719}.closing>a{font-size:clamp(45px,6.5vw,96px);line-height:1.16;font-weight:600;letter-spacing:-.065em;position:relative}.closing>a span{position:absolute;right:1%;top:0;font-size:100px;font-weight:300}.closing>p:last-child{color:#452e20;font-size:14px;margin-top:25px}footer{padding:60px 4.2% 25px;background:#10120f}.wordmark{font-family:'Pretendard Variable',sans-serif;font-size:13.1vw;font-weight:650;letter-spacing:-.075em;line-height:1;white-space:nowrap}.footer-bottom{margin-top:35px;padding-top:25px;color:#939b87;font-size:10px}.listing h1,.about-intro>h1,.contact-page>h1{font-size:clamp(42px,5.5vw,80px);line-height:1.16;font-weight:550;letter-spacing:-.065em}.filters{gap:8px}.filters button{border-color:#4b5142;color:#aeb6a0;border-radius:0;font-size:12px}.filters button[aria-pressed=true]{background:#f16b3d;border-color:#f16b3d;color:#171a13}.about-grid h2{font-size:40px}.about-grid p,.detail-story p{color:#aeb6a0}.about-grid>img{max-height:700px}.lead{color:#b5bca8;font-size:18px}.button{background:#f16b3d;color:#161a11;border-color:#f16b3d;border-radius:0;font-weight:550}.button:hover{background:#ff956d}.brief-list{background:#262c20}.brief-list h2{font-size:25px}.brief-list li{border-color:#475039}.brief-list li span{color:#b5bea5}.brief-list strong{font-size:16px}.email-link{border-color:#4b543f}.detail h1{font-weight:550;letter-spacing:-.055em}.detail-gallery img{background:#20251b}.detail-story h2{font-size:36px}.preview-note{background:#353d27;color:#f1f5e9}.reveal{opacity:1}.reveal.is-pending{opacity:0;transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .75s,transform .75s cubic-bezier(.2,.6,.2,1)}
@media(min-width:1600px){.section{max-width:1600px;margin-left:auto;margin-right:auto;padding-left:4%;padding-right:4%}.site-header{padding-left:4.2%;padding-right:4.2%}}
@media(max-width:1000px){.site-header nav{gap:24px}.studio-hero{min-height:690px}.hero-content{padding-top:70px}.studio-hero h1{font-size:76px}.hero-scene{left:8%}.feature-grid{gap:45px 25px}.project-caption h3{font-size:19px}.craft-photo{min-height:570px}.craft-copy{padding:60px 10%}.craft-copy h2{font-size:48px}.service-list a{grid-template-columns:45px 1fr 1fr 25px}.service-list h3{font-size:27px}.process ol{grid-template-columns:repeat(2,1fr)}.faq{grid-template-columns:1fr 1.2fr}.faq h2{font-size:34px}.service-list p{grid-column:auto;grid-row:auto}.service-list a>span:last-child{grid-column:auto;grid-row:auto}}
@media(max-width:650px){.site-header{height:75px;padding:0 6%;gap:12px}.brand{font-size:15px;gap:7px}.brand-symbol{font-size:30px;width:25px;height:30px;margin-right:3px}.brand small{font-size:6px;letter-spacing:2px}.site-header nav{gap:15px;font-size:11px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.nav-cta{padding:11px;gap:8px}.studio-hero{min-height:650px;height:calc(100svh - 75px);max-height:850px}.hero-scene{left:0}.scene-image{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#141513d9,#14151355),linear-gradient(0deg,#141513 0%,#14151355 20%,transparent 75%)}.hero-content{padding:55px 6% 140px}.eyebrow{font-size:9px;margin-bottom:27px;letter-spacing:.025em}.studio-hero h1{font-size:clamp(48px,12vw,70px);line-height:1.13}.hero-description{font-size:12px;margin-top:25px;line-height:1.9}.studio-button{font-size:12px;padding:13px 15px 13px 18px;gap:30px;margin-top:27px}.hero-bottom{left:6%;right:6%;bottom:23px;gap:18px;padding-top:17px}.scroll-prompt{font-size:9px;gap:9px}.scene-credit>span{font-size:8px}.scene-credit strong{font-size:10px;max-width:170px;line-height:1.7}.scene-credit strong span{margin-left:6px}.studio-strip{padding:20px 6%;gap:12px;min-height:60px;flex-wrap:wrap;font-size:10px;justify-content:center}.studio-strip i{font-size:15px}.studio-strip i:last-of-type{display:none}.section{margin:0 6%;padding:70px 0}.section-heading{display:block;margin-bottom:35px}.section h2{font-size:38px}.section-heading .eyebrow{margin-bottom:18px}.section-aside{margin-top:25px;max-width:none;display:flex;gap:20px;align-items:flex-end;justify-content:space-between}.section-aside p{font-size:11px}.section-aside .text-link{font-size:10px;gap:16px;margin:0;white-space:nowrap}.section-description{margin-top:25px;font-size:12px}.project-grid,.feature-grid{grid-template-columns:1fr;gap:36px}.feature-grid .project-card:nth-child(n){grid-column:auto;padding-top:0}.feature-grid .project-card:nth-child(n) img,.project-card:nth-child(n) .photo-link img{aspect-ratio:1.2}.project-caption{gap:12px;padding-top:16px}.project-caption h3{font-size:19px}.project-caption p{font-size:9px;margin-bottom:7px}.photo-arrow{width:36px;height:36px;bottom:15px;right:15px;font-size:19px}.craft-section{grid-template-columns:1fr}.craft-photo{min-height:0;height:390px}.craft-copy{padding:45px 6% 50px}.craft-copy h2{font-size:45px}.craft-copy>p:not(.eyebrow){font-size:13px;margin-top:25px}.craft-footnote{margin-top:35px;font-size:9px}.service-list a{grid-template-columns:25px 1fr 25px;gap:12px;padding:25px 0}.service-list h3{font-size:25px}.service-list p{grid-column:2;grid-row:2;font-size:11px}.service-list a>span:last-child{grid-column:3;grid-row:1}.process ol{gap:35px 25px;margin-top:30px}.process h3{font-size:17px;margin-top:30px}.process li p{font-size:12px}.faq{grid-template-columns:1fr;gap:28px}.faq h2{font-size:34px}.faq summary{font-size:14px}.faq details{padding:22px 0}.closing{padding:55px 6%}.closing>a{font-size:40px}.closing>a span{font-size:48px;right:0;top:3px}.closing>p:last-child{font-size:12px;max-width:75%;line-height:1.8}.wordmark{font-size:12.6vw}.footer-bottom{font-size:10px;gap:13px}.listing h1,.about-intro>h1,.contact-page>h1{font-size:45px}.filters button{font-size:10px;padding:11px 12px}.about-grid h2{font-size:30px}.detail h1{font-size:37px}.detail-story h2{font-size:29px}.brief-list h2{font-size:23px}.back-link{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){.reveal.is-pending{opacity:1;transform:none}.scene-image,.photo-link img{transform:none!important}html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.brand-symbol{display:block;flex-shrink:0;width:30px;height:36px;transform:none;margin-right:4px}@media(max-width:650px){.brand-symbol{width:25px;height:30px}}

.hero-position-left .scene-image{object-position:left center}.hero-position-center .scene-image{object-position:center center}.hero-position-right .scene-image{object-position:right center}.hero-preview-note{padding:100px 5vw 24px;background:#373c2c;color:white;font-size:15px}.hero-preview-note a{display:inline-block;text-decoration:underline;margin-left:12px}.portfolio-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 45px;color:#aeb0a7}.project-history{margin-top:120px;padding-top:60px;border-top:1px solid #46483f}.project-history h2{font-size:clamp(38px,6vw,72px);line-height:1.2}.project-history .section-heading>p{color:#b0b3a8;line-height:1.8}.history-year{display:grid;grid-template-columns:180px 1fr;border-top:1px solid #34362e;padding:30px 0;gap:32px}.history-year h3{color:#f16b3d;font-size:30px;margin:0}.history-year ul{list-style:none;padding:0;margin:0}.history-year li{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:13px 0}.history-year strong{font-weight:600}.history-year li span{color:#b7b9af;line-height:1.7}@media(max-width:700px){.portfolio-intro{display:block}.portfolio-intro a{margin-top:12px}.history-year{grid-template-columns:1fr;gap:16px}.history-year li{grid-template-columns:1fr;gap:3px}.project-history{margin-top:70px}}

.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;line-height:1.8;color:#aeb6a0;margin:0 0 28px;overflow-wrap:anywhere}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.related-projects{margin-top:90px;padding-top:50px;border-top:1px solid #353731}.related-projects h2{margin-bottom:32px}.related-projects .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.related-projects .project-caption h3{font-size:18px}@media(max-width:650px){.related-projects .project-grid{grid-template-columns:1fr}.related-projects{margin-top:65px}.detail h1{overflow-wrap:anywhere}}