@font-face{font-family:Jost;src:url('soom-studio-logo/fonts/Jost.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Serif KR';src:url('soom-studio-logo/fonts/NotoSerifKR.ttf') format('truetype');font-weight:100 900;font-display:swap}

:root{--ink:#292825;--paper:#f7f3ed;--clay:#d8c8b8;--sage:#879387;--acid:#d9ff43;--line:rgba(41,40,37,.22);--pad:clamp(1.25rem,3.4vw,3.75rem);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Jost,"Century Gothic",sans-serif;font-weight:300;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.nav-open{overflow:hidden}a{color:inherit}img{display:block;max-width:100%}button{font:inherit}::selection{background:var(--acid);color:var(--ink)}
.skip{position:fixed;z-index:999;top:1rem;left:1rem;background:var(--ink);color:var(--paper);padding:.7rem 1rem;transform:translateY(-200%)}.skip:focus{transform:none}
.header{position:absolute;z-index:50;inset:0 0 auto;height:6.25rem;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.logo{width:9.2rem;height:3.5rem;overflow:hidden;display:flex;align-items:center}.logo img{width:100%;transform:scale(1.35)}.availability{margin:0;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:.7rem}.availability i{width:.5rem;height:.5rem;border-radius:50%;background:var(--sage);animation:pulse 2.8s ease-in-out infinite}.header nav{justify-self:end;display:flex;gap:2.4rem}.header nav a,.menu-button{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}.header nav a{position:relative}.header nav a::after{content:"";position:absolute;left:0;right:0;bottom:-.3rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}.header nav a:hover::after{transform:scaleX(1);transform-origin:left}.menu-button{display:none;border:0;background:none;color:inherit;padding:.7rem 0}@keyframes pulse{50%{transform:scale(.6);opacity:.4}}
.hero{min-height:100svh;position:relative;padding:9rem var(--pad) 2.4rem;display:flex;align-items:flex-end;overflow:hidden}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--line) 50%,transparent calc(50% + .5px));pointer-events:none}.hero-copy{position:relative;z-index:2;width:100%}.overline{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;margin:0 0 clamp(2.5rem,6vh,5rem);padding-left:5rem;position:relative}.overline::before{content:"";position:absolute;left:0;top:50%;width:3.5rem;height:1px;background:currentColor}.hero h1{font-family:'Noto Serif KR',Georgia,serif;font-size:clamp(4.4rem,10.5vw,11.5rem);font-weight:300;letter-spacing:-.07em;line-height:.83;margin:0;max-width:85rem}.hero h1 em{font-weight:300;color:var(--sage)}.hero-bottom{display:grid;grid-template-columns:minmax(15rem,28rem) auto;gap:3rem;align-items:end;justify-content:space-between;margin-top:clamp(3rem,7vh,6rem);padding-left:50%}.hero-bottom>p{font-family:'Noto Serif KR',Georgia,serif;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.6;margin:0}.arrow-link{font-size:.6rem;letter-spacing:.17em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.arrow-link span{display:inline-block;margin-left:1rem;transition:transform .4s var(--ease)}.arrow-link:hover span{transform:translateY(.45rem)}
.breath-mark{position:absolute;width:min(41vw,38rem);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;right:8vw;top:13vh;display:grid;place-items:center;animation:breath 7s ease-in-out infinite}.breath-mark::before,.breath-mark::after{content:"";position:absolute;inset:11%;border:1px solid rgba(41,40,37,.12);border-radius:50%}.breath-mark::after{inset:25%}.breath-mark span{font-family:'Noto Serif KR',serif;font-size:clamp(5rem,11vw,11rem);font-weight:200;opacity:.12}.breath-mark i{position:absolute;width:.52rem;height:.52rem;background:var(--acid);border:1px solid var(--ink);border-radius:50%;top:49%;right:-.28rem}@keyframes breath{50%{transform:scale(1.045)}}.hero-side{position:absolute;z-index:3;top:50%;font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl}.hero-side--left{left:1.1rem;transform:rotate(180deg)}.hero-side--right{right:1.1rem}.hero-index{position:absolute;right:var(--pad);bottom:2.4rem;margin:0;font-size:.55rem;letter-spacing:.18em;line-height:1.8}
.statement{padding:clamp(7rem,13vw,14rem) var(--pad);display:grid;grid-template-columns:1fr 3fr 1.1fr;gap:clamp(2rem,5vw,7rem);border-top:1px solid var(--line)}.section-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin:0;color:#756f67}.statement-main h2{font-family:'Noto Serif KR',Georgia,serif;font-size:clamp(3rem,7vw,7.6rem);font-weight:300;letter-spacing:-.065em;line-height:.98;margin:0}.statement-main h2 span{color:var(--clay)}.statement-main h2 em{font-weight:300;color:var(--sage)}.statement-main>p{font-family:'Noto Serif KR',Georgia,serif;font-size:clamp(1.15rem,2vw,1.75rem);line-height:1.45;max-width:38rem;margin:3rem 0 0}.statement-note{align-self:end;font-size:.78rem;line-height:1.7;color:#69645d}.statement-note p{margin:0}
.work{padding:0 var(--pad) clamp(7rem,12vw,13rem)}.section-head{display:flex;justify-content:space-between;padding:1.1rem 0;border-top:1px solid var(--line);font-size:.59rem;letter-spacing:.18em;text-transform:uppercase}.section-head p{margin:0}.case{margin-top:clamp(3rem,6vw,6rem)}.case-visual{display:block;position:relative;overflow:hidden;text-decoration:none}.case-caption{display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;padding:1.25rem 0;border-bottom:1px solid var(--line);align-items:start}.case-caption>div{display:flex;align-items:baseline;gap:1.4rem}.case-caption span,.case-caption p{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase}.case-caption h3{font-family:'Noto Serif KR',Georgia,serif;font-weight:300;font-size:clamp(1.6rem,2.5vw,2.7rem);letter-spacing:-.04em;line-height:1;margin:0}.case-caption p{margin:.35rem 0 0;line-height:1.65}.case-caption>p:last-child{text-align:right}
.paper-window{min-height:min(74vw,55rem);background:var(--sage);display:grid;grid-template-columns:1fr 1.1fr 1.1fr;align-items:center;padding:clamp(2rem,7vw,8rem);gap:clamp(1rem,5vw,5rem)}.paper-window::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(247,243,237,.18) .6px,transparent .7px);background-size:5px 5px;pointer-events:none}.paper-title{position:relative;z-index:1;color:var(--paper)}.paper-title span{font-family:'Noto Serif KR',serif;font-size:clamp(5rem,10vw,10rem);font-weight:200;line-height:1}.paper-title p{font-size:.58rem;letter-spacing:.17em;text-transform:uppercase;line-height:1.7}.print{position:relative;z-index:2;margin:0;box-shadow:0 2rem 4rem rgba(20,25,21,.2);transition:transform .7s var(--ease)}.print--one{transform:rotate(-3deg) translateY(2rem)}.print--two{transform:rotate(3deg) translateY(-1rem)}.paper-window:hover .print--one{transform:rotate(-1deg)}.paper-window:hover .print--two{transform:rotate(1deg)}
.capabilities{background:var(--ink);color:var(--paper);padding:clamp(6rem,10vw,10rem) var(--pad)}.section-head--light{border-color:rgba(247,243,237,.24);margin-bottom:clamp(3rem,7vw,7rem)}.capability-list{border-top:1px solid rgba(247,243,237,.24)}.capability-list article{display:grid;grid-template-columns:5rem 1fr 1fr;gap:2rem;align-items:center;padding:clamp(2rem,4vw,4rem) 0;border-bottom:1px solid rgba(247,243,237,.24)}.capability-list span{font-size:.56rem;letter-spacing:.14em;color:#8d8982}.capability-list h3{font-family:'Noto Serif KR',Georgia,serif;font-size:clamp(2.5rem,5vw,5.5rem);font-weight:300;letter-spacing:-.05em;line-height:1;margin:0}.capability-list p{font-family:'Noto Serif KR',Georgia,serif;max-width:30rem;margin:0;color:#aaa59d;line-height:1.65}
.contact{min-height:90svh;padding:clamp(7rem,11vw,11rem) var(--pad) 2rem;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--clay)}.contact h2{position:relative;z-index:2;font-family:'Noto Serif KR',Georgia,serif;font-size:clamp(4rem,10vw,11rem);font-weight:300;letter-spacing:-.07em;line-height:.88;margin:4rem 0}.contact h2 a{text-decoration:none;position:relative}.contact h2 a::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.035em;background:currentColor;transform-origin:left;transition:transform .6s var(--ease)}.contact h2 a:hover::after{transform:scaleX(.28)}.contact h2 span{font-family:Jost,sans-serif;font-size:.18em;vertical-align:top;margin-left:.3em;letter-spacing:0}.contact-foot{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid rgba(41,40,37,.3);padding-top:1rem;font-size:.57rem;letter-spacing:.15em;text-transform:uppercase}.contact-foot p{margin:0}.contact-foot p:nth-child(2){text-align:center}.contact-foot p:last-child{text-align:right}.contact-glyph{position:absolute;right:-.08em;bottom:-.22em;font-family:'Noto Serif KR',serif;font-size:min(58vw,46rem);font-weight:200;color:rgba(247,243,237,.23);line-height:1}
footer{height:6rem;padding:0 var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:.55rem;letter-spacing:.16em;text-transform:uppercase}footer p{margin:0}footer p:nth-child(2){text-align:center}footer a{justify-self:end;text-decoration:none}[data-reveal]{opacity:0;transform:translateY(1.75rem);transition:opacity .9s var(--ease),transform .9s var(--ease)}[data-reveal].visible{opacity:1;transform:none}
@media(max-width:850px){.header{grid-template-columns:1fr auto}.availability{display:none}.menu-button{display:block;justify-self:end;z-index:2}.header nav{position:fixed;inset:0;background:var(--clay);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transform:translateY(-100%);transition:transform .65s var(--ease)}.header nav.open{transform:none}.header nav a{font-family:'Noto Serif KR',Georgia,serif;font-size:clamp(2.5rem,10vw,5rem);letter-spacing:-.04em;text-transform:none}.hero-bottom{padding-left:38%}.breath-mark{width:65vw;right:-9vw;top:16vh}.statement{grid-template-columns:1fr 3fr}.statement-note{grid-column:2;max-width:25rem}.paper-window{grid-template-columns:.65fr 1fr 1fr;padding-left:2rem;padding-right:2rem}.capability-list article{grid-template-columns:3rem 1fr}.capability-list p{grid-column:2}}
@media(max-width:560px){.header{height:5.2rem}.logo{width:8rem}.hero{min-height:47rem;padding-top:7rem}.hero::after{display:none}.hero h1{font-size:clamp(4rem,18vw,5.7rem);line-height:.89}.overline{padding-left:3.7rem}.overline::before{width:2.7rem}.hero-bottom{padding-left:0;grid-template-columns:1fr;gap:1.8rem;margin-top:3rem}.hero-bottom>p{max-width:21rem}.arrow-link{justify-self:end}.hero-side{display:none}.breath-mark{width:100vw;right:-46vw;top:9rem}.hero-index{display:none}.statement{padding-top:7rem;padding-bottom:7rem;grid-template-columns:1fr;gap:2.2rem}.statement-main h2{font-size:3.5rem}.statement-note{grid-column:1}.statement-main>p{font-size:1.16rem;margin-top:2rem}.case{margin-top:2rem}.case-caption{grid-template-columns:1fr auto;gap:.7rem}.case-caption>div{grid-column:1/-1}.case-caption>p:nth-child(2){grid-column:1}.case-caption>p:last-child{grid-column:2}.paper-window{min-height:34rem;grid-template-columns:1fr 1fr;gap:.8rem;padding:4rem 1.2rem}.paper-title{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.paper-title p{display:none}.print--one{transform:rotate(-3deg) translateY(2rem)}.print--two{transform:rotate(3deg) translateY(-2rem)}.capabilities{padding-top:6rem;padding-bottom:6rem}.capability-list article{grid-template-columns:2rem 1fr;gap:.8rem;padding:2.4rem 0}.capability-list h3{font-size:2.65rem}.capability-list p{font-size:.95rem}.contact{min-height:44rem;padding-top:6rem}.contact h2{font-size:4.15rem}.contact-foot{grid-template-columns:1fr auto}.contact-foot p:nth-child(2){text-align:right}.contact-foot p:last-child{display:none}.contact-glyph{font-size:85vw}footer{grid-template-columns:1fr auto}footer p:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}