@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--ink:#11110f;--paper:#f5f4ef;--white:#fbfbf8;--blue:#1557ff;--yellow:#f1d91d;--muted:#666660;--line:rgba(17,17,15,.18);--page-progress:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit}.site-progress{position:fixed;z-index:100;inset:0 auto auto 0;width:calc(var(--page-progress) * 100%);height:3px;background:var(--blue);pointer-events:none}.site-header{position:sticky;z-index:50;top:0;height:92px;padding:0 clamp(24px,3.7vw,60px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fbfbf8e6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.brand-link{width:132px;display:block}.brand-link img{width:100%;display:block}.site-nav{display:flex;gap:38px;align-items:center}.site-nav a{position:relative;padding:12px 0;font-size:13px;font-weight:680;letter-spacing:-.02em}.site-nav a:after{content:"";position:absolute;inset:auto 0 6px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:right;transition:transform .25s}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}.studio-link{min-height:46px;padding:0 17px;display:inline-flex;align-items:center;gap:22px;border:1px solid var(--blue);color:var(--blue);font-size:12px;font-weight:800;transition:.2s}.studio-link:hover{background:var(--blue);color:#fff}.menu-button{display:none}.hero{background:#151512}.hero-visual{--focus-x:0px;--focus-y:0px;position:relative;min-height:min(760px,calc(100vh - 92px));margin:0;overflow:hidden}.hero-visual>img{position:absolute;width:calc(100% + 18px);height:calc(100% + 18px);margin:-9px;object-fit:cover;object-position:center 48%;transform:translate(var(--focus-x),var(--focus-y)) scale(1.015);filter:contrast(1.04) saturate(.76);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(9,9,8,.5) 0%,rgba(9,9,8,.24) 32%,transparent 62%)}.hero figcaption{position:absolute;z-index:2;left:clamp(28px,5.8vw,92px);bottom:clamp(45px,8vh,86px);width:min(600px,50vw);color:#fff}.hero h1{margin:0;font-size:clamp(58px,6vw,98px);line-height:.98;letter-spacing:-.057em;font-weight:730;word-break:keep-all}.hero-summary{margin:28px 0 0;color:#ffffffe8;font-size:clamp(16px,1.35vw,20px);line-height:1.62;letter-spacing:-.022em}.eyebrow{margin:0;color:var(--blue);font-size:12px;line-height:1.2;font-weight:820;letter-spacing:.11em;text-transform:uppercase}.notes-strip{min-height:520px;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,3.28fr);background:var(--white);border-bottom:1px solid var(--line)}.notes-strip>header{padding:42px clamp(28px,2.8vw,46px) 36px;display:flex;flex-direction:column;border-right:1px solid var(--ink)}.notes-strip>header h2{margin:auto 0 20px;font-size:clamp(30px,2.4vw,40px);line-height:1.1;letter-spacing:-.055em}.notes-strip>header>p:last-child{margin:0;color:var(--muted);font-size:12px}.notes-deck{min-width:0;display:flex;overflow:hidden}.note{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;min-width:0;flex:1 1 0;padding:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:0;border-right:1px solid var(--line);background:var(--white);color:var(--ink);text-align:left;cursor:pointer;transition:flex .58s cubic-bezier(.2,.78,.2,1),background-color .25s}.note:hover{background:#efeee8}.note.is-active{flex:2.6 1 0;grid-template-columns:minmax(0,1.18fr) minmax(230px,.82fr);grid-template-rows:auto minmax(0,1fr);background:var(--paper)}.note-index{grid-column:1/-1;padding:28px 24px 22px;color:var(--blue);font-size:12px;font-weight:820;letter-spacing:.1em}.note.is-active .note-index:after{content:"";display:inline-block;width:26px;height:4px;margin-left:12px;vertical-align:2px;background:var(--yellow)}.note-image{min-height:0;display:block;overflow:hidden}.note-image img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(1) contrast(1.04);transition:transform .65s cubic-bezier(.2,.78,.2,1),filter .3s}.note:hover .note-image img,.note.is-active .note-image img{transform:scale(1.025)}.note.is-active .note-image{grid-column:1;grid-row:2}.note-copy{min-width:0;padding:25px 22px 28px;display:flex;flex-direction:column;gap:16px}.note.is-active .note-copy{grid-column:2;grid-row:2;padding:34px 30px 30px}.note-copy strong{margin-top:auto;font-size:clamp(19px,1.55vw,27px);line-height:1.22;letter-spacing:-.046em;word-break:keep-all}.note.is-active .note-copy strong{margin-top:0;font-size:clamp(28px,2.2vw,40px)}.note-summary{color:var(--muted);font-size:14px;line-height:1.72;letter-spacing:-.024em;word-break:keep-all;animation:editorial-in .4s ease both}.note-copy small{margin-top:auto;color:var(--muted);font-size:10px;line-height:1.4}.note:focus-visible{z-index:2;outline-offset:-4px}.section-shell{padding-inline:clamp(24px,4.8vw,76px)}.section-heading{padding-bottom:40px;display:grid;grid-template-columns:210px 1fr;align-items:end;border-bottom:1px solid var(--ink)}.section-heading h2{margin:0;font-size:clamp(47px,5vw,76px);line-height:1.05;letter-spacing:-.064em}.services{padding-top:140px;padding-bottom:150px}.service-explorer{min-height:580px;display:grid;grid-template-columns:minmax(255px,.32fr) minmax(0,1fr);border-bottom:1px solid var(--ink)}.service-index{display:flex;flex-direction:column;border-right:1px solid var(--ink)}.service-index button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:105px;padding:18px 22px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:color .2s,background-color .2s}.service-index button:last-child{border-bottom:0}.service-index button:hover{color:var(--ink);background:#ffffff6b}.service-index button.is-active{color:var(--ink);background:var(--white);box-shadow:inset 4px 0 var(--yellow)}.service-index button span{color:var(--blue);font-size:12px;font-weight:820}.service-index button strong{font-size:clamp(15px,1.3vw,19px);line-height:1.18;letter-spacing:-.035em}.service-stage{min-width:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);animation:editorial-in .42s ease both}.service-visual{min-height:580px;overflow:hidden;background:#dddcd6}.service-visual img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(1) contrast(1.03)}.service-copy{padding:clamp(34px,4.2vw,68px);display:flex;flex-direction:column}.service-copy>p:first-child{margin:0;color:var(--blue);font-size:13px;font-weight:760;letter-spacing:-.018em}.service-copy h3{margin:20px 0 26px;font-size:clamp(44px,4.6vw,76px);line-height:.98;letter-spacing:-.062em;word-break:keep-all}.service-detail{margin:0;max-width:460px;color:var(--muted);font-size:16px;line-height:1.75;letter-spacing:-.026em}.service-result{margin-top:auto;padding-top:24px;display:grid;gap:9px;border-top:1px solid var(--line)}.service-result span{color:var(--blue);font-size:11px;font-weight:800}.service-result strong{font-size:14px;line-height:1.55;letter-spacing:-.025em}.service-copy>a{margin-top:25px;width:max-content;display:inline-flex;align-items:center;gap:20px;color:var(--blue);font-size:13px;font-weight:800}.service-copy>a svg{transition:transform .2s}.service-copy>a:hover svg{transform:translate(3px,-3px)}@keyframes editorial-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.work{padding-top:135px;padding-bottom:150px;background:var(--white)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr)}.project-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.project-grid article:first-child{border-left:1px solid var(--line)}.project-grid img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover;filter:grayscale(1) contrast(1.03);transition:filter .35s,transform .35s}.project-grid article:hover img{filter:grayscale(.25);transform:translateY(-4px)}.project-grid article>div{min-height:290px;padding:28px 24px;position:relative}.project-grid article>div>span{position:absolute;right:24px;top:28px;color:var(--muted);font-size:11px}.project-grid h3{margin:58px 0 24px;max-width:400px;font-size:clamp(25px,2.2vw,36px);line-height:1.17;letter-spacing:-.052em}.project-grid article>div>p:last-child{margin:0;max-width:410px;color:var(--muted);font-size:14px;line-height:1.7}.closing{min-height:650px;padding-top:120px;padding-bottom:100px;display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end;background:var(--ink);color:#fff}.closing h2{margin:0;font-size:clamp(55px,6.7vw,104px);line-height:1.01;letter-spacing:-.065em}.closing-copy{padding-bottom:8px}.closing-copy>p{margin:0 0 42px;color:#b5b5ae;font-size:16px;line-height:1.75}.contact-link{min-height:52px;padding:0 20px;display:inline-flex;align-items:center;gap:34px;background:var(--blue);color:#fff;font-size:13px;font-weight:800}.contact-link svg{transition:transform .2s}.contact-link:hover svg{transform:translate(5px)}.site-footer{min-height:190px;padding:54px clamp(24px,4.8vw,76px) 34px;display:grid;grid-template-columns:1fr 1fr auto;gap:5vw;align-items:start;background:var(--ink);color:#fff;border-top:1px solid #2d2d29}.site-footer img{width:145px}.site-footer p{margin:0;color:#777770;font-size:11px;line-height:1.7}.site-footer a{font-size:10px;letter-spacing:.08em}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.note:focus-visible{z-index:2;outline:0;box-shadow:inset 0 4px var(--blue)}.service-index button:focus-visible{outline:0;box-shadow:inset 0 -4px var(--blue)}.service-index button.is-active:focus-visible{box-shadow:inset 4px 0 var(--yellow),inset 0 -4px var(--blue)}@media(max-width:1100px){.notes-strip{grid-template-columns:240px minmax(0,1fr)}.note.is-active{flex:2.2;grid-template-columns:minmax(0,1fr) 220px}.service-stage{grid-template-columns:1fr 360px}.service-copy h3{font-size:48px}.project-grid h3{font-size:28px}}@media(max-width:820px){.site-header{height:72px;grid-template-columns:1fr auto;padding-inline:20px}.brand-link{width:118px}.site-nav{position:fixed;inset:72px 0 auto;padding:18px 20px 28px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--ink);transform:translateY(-120%);opacity:0;pointer-events:none;transition:.3s}.site-nav.is-open{transform:none;opacity:1;pointer-events:auto}.site-nav a{padding:16px 0;border-bottom:1px solid var(--line);font-size:17px}.site-nav a:after{display:none}.menu-button{width:42px;height:42px;border:0;background:transparent;display:grid;place-items:center}.studio-link{min-height:39px;padding-inline:12px;gap:8px}.hero-visual{min-height:720px}.hero figcaption{width:min(620px,78vw)}.notes-strip{grid-template-columns:1fr}.notes-strip>header{min-height:230px;border-right:0;border-bottom:1px solid var(--ink)}.notes-deck{min-height:470px}.note.is-active{flex:2.5;grid-template-columns:minmax(0,1fr) 230px}.section-heading{grid-template-columns:1fr;gap:26px}.service-explorer{grid-template-columns:1fr}.service-index{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto;border-right:0;border-bottom:1px solid var(--ink)}.service-index button{min-height:88px;grid-template-columns:1fr;gap:5px;border-right:1px solid var(--line);border-bottom:0}.service-index button.is-active{box-shadow:inset 0 -4px var(--yellow)}.service-stage{grid-template-columns:1fr 1fr}.service-visual{min-height:460px}.project-grid{grid-template-columns:1fr}.project-grid article{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line)}.project-grid article:nth-child(2n) img{order:2}.closing{grid-template-columns:1fr;gap:80px}}@media(max-width:560px){.studio-link{font-size:10px}.hero-visual{min-height:670px}.hero-visual>img{object-position:63% center}.hero-shade{background:linear-gradient(90deg,#09090894,#0909082e 90%)}.hero figcaption{left:18px;bottom:38px;width:calc(100% - 36px)}.hero h1{font-size:clamp(49px,14vw,67px)}.hero-summary{font-size:16px}.notes-strip>header{min-height:220px;padding:30px 22px}.notes-strip>header h2{font-size:33px}.notes-deck{min-height:0;display:flex;flex-direction:column}.note,.note.is-active{min-height:126px;flex:none;display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto 1fr;border-right:0;border-bottom:1px solid var(--line);transition:min-height .45s cubic-bezier(.2,.78,.2,1)}.note.is-active{min-height:470px;grid-template-columns:1fr;grid-template-rows:auto 230px 1fr}.note-index{grid-column:1/-1;padding:18px 18px 12px}.note-image{grid-column:1;grid-row:2}.note:not(.is-active) .note-image{grid-row:1/3}.note-copy,.note.is-active .note-copy{grid-column:2;grid-row:1/3;padding:18px;gap:9px}.note.is-active .note-copy{grid-column:1;grid-row:3;padding:22px 18px 25px}.note-copy strong,.note.is-active .note-copy strong{margin:0;font-size:20px}.note.is-active .note-copy strong{font-size:27px}.note-copy small{margin-top:auto}.section-shell{padding-inline:18px}.services,.work{padding-top:92px;padding-bottom:100px}.section-heading h2{font-size:43px}.service-explorer{margin-inline:-18px}.service-index{grid-template-columns:repeat(4,minmax(145px,1fr))}.service-stage{grid-template-columns:1fr}.service-visual{min-height:310px}.service-copy{min-height:410px;padding:30px 20px 34px}.service-copy h3{font-size:43px}.project-grid article{grid-template-columns:1fr}.project-grid article:nth-child(2n) img{order:0}.project-grid article>div{min-height:250px}.closing{min-height:590px;padding-top:88px;padding-bottom:76px}.closing h2{font-size:51px}.site-footer{grid-template-columns:1fr;gap:30px}}@media(max-width:560px){.note:not(.is-active) .note-index{grid-column:2;grid-row:1;padding:15px 18px 0}.note:not(.is-active) .note-image{grid-column:1;grid-row:1/3}.note:not(.is-active) .note-copy{grid-column:2;grid-row:2;padding:10px 18px 16px;gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}[data-reveal]{opacity:1;transform:none}}