@charset "UTF-8";
:root{--paper:#f5f4ed;--ink:#182924;--muted:#66726a;--line:#d9ddd3;--green:#d5edac;--coral:#ef946f;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"Malgun Gothic",sans-serif;line-height:1.7;word-break:keep-all}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #768e45;outline-offset:6px}.skip{position:fixed;top:-80px;left:15px;background:var(--ink);color:white;padding:14px;z-index:100}.skip:focus{top:10px}.shell{width:min(var(--max),calc(100% - 100px));margin-inline:auto}.preview{background:#e9eadf;color:#5b675e;font:10px/1.5 monospace;padding:8px 25px;letter-spacing:1px;text-align:center}.preview span{margin-left:16px;letter-spacing:0}.header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.mark{display:inline-grid;place-content:center;font-family:Georgia,serif;background:var(--ink);color:var(--paper);width:37px;height:37px;border-radius:12px 12px 12px 2px;letter-spacing:-3px;padding-right:4px}.brand-dot{font-size:7px;margin-left:-6px;align-self:flex-start}nav{display:flex;gap:33px;align-items:center;font-size:13px;font-weight:700}.nav-cta{border-bottom:1px solid var(--ink);padding:5px 0}.nav-cta span{margin-left:15px}.hero{display:grid;grid-template-columns:1.07fr 1fr;gap:46px;align-items:center;padding-top:94px;padding-bottom:94px;min-height:650px}.eyebrow{font:11px/1.6 monospace;letter-spacing:1.8px;display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;background:#536e36;border-radius:100%}h1{font-size:clamp(42px,4.45vw,66px);letter-spacing:-3.8px;line-height:1.22;margin:24px 0 26px}h1 em{font-style:normal;position:relative;z-index:0}h1 em:after{content:"";position:absolute;inset:65% -3px 2px;background:var(--green);z-index:-1;transform:rotate(-1deg)}.hero-description{font-size:16px;color:var(--muted);line-height:1.95;max-width:480px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 21px;font-size:13px;font-weight:700;border:1px solid var(--ink);border-radius:3px;cursor:pointer}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#324d40}.text-link{font-size:13px;border-bottom:1px solid var(--ink);padding:5px 0}.text-link span{margin-left:10px}.hero-foot{display:flex;gap:17px;align-items:center;margin-top:48px;font-size:11px;color:var(--muted)}.hero-foot i{height:3px;width:3px;background:var(--muted);border-radius:50%}.composition{position:relative;height:466px;isolation:isolate}.orbit{border:1px solid #d5dace;border-radius:50%;width:360px;height:360px;position:absolute;z-index:-1}.orbit-a{top:30px;left:10px}.orbit-b{top:80px;left:75px;width:290px;height:290px}.art-card{position:absolute;border-radius:8px;overflow:hidden}.art-web{background:#e9ecdd;border:1px solid #aeb6a3;right:0;top:12px;width:76%;box-shadow:0 18px 35px #24302113;transform:rotate(5deg)}.art-bar{border-bottom:1px solid #b9c2b0;padding:12px 15px;display:flex;justify-content:space-between;font:8px monospace}.art-bar span:first-child{font-size:7px;letter-spacing:4px}.art-web-inner{padding:26px}.art-overline{font:8px/1.7 monospace;letter-spacing:2px}.art-web strong{font:bold clamp(30px,3.4vw,48px)/1.03 Georgia,serif;display:block;letter-spacing:-2px;margin:22px 0}.art-web strong span{color:#b9653d;margin-left:7px}.art-lines i{display:block;width:60%;height:3px;background:#b5c0ad;margin:7px 0}.art-lines i+ i{width:45%}.art-pill{display:inline-block;border:1px solid #62755b;font:8px monospace;padding:6px 10px;margin-top:10px;border-radius:20px}.art-play{left:0;top:127px;width:41%;background:var(--ink);color:var(--green);padding:24px 20px;transform:rotate(-8deg);box-shadow:0 15px 25px #16251b25}.art-play>span{font:8px monospace;letter-spacing:1px}.art-play strong{display:block;font:22px/1.2 Georgia,serif;margin:10px 0 22px}.play-symbol{font:100px/1 Georgia,serif;text-align:center;margin:12px 0 20px}.art-stamp{position:absolute;right:0;bottom:11px;transform:rotate(7deg);background:var(--coral);width:160px;padding:18px;color:#41271a;border-radius:2px}.art-stamp span{font:8px monospace;letter-spacing:1px}.art-stamp strong{font:italic 30px/1.03 Georgia,serif;display:block;margin:10px 0 12px}.composition-note{position:absolute;left:0;bottom:0;font:8px monospace;letter-spacing:1px;color:var(--muted)}.statement{display:flex;align-items:center;gap:30px;border-block:1px solid var(--line);padding-block:23px}.statement p{font-size:18px;font-weight:700;margin:0}.statement>span{font-size:12px;color:var(--muted)}.statement .statement-arrow{margin-left:auto;font-size:30px;color:var(--ink)}.section{padding-block:95px}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top>span{font-size:11px;color:var(--muted)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:27px 0 45px}h2{font-size:clamp(30px,3.2vw,45px);letter-spacing:-2px;line-height:1.4;margin:0}.muted{color:var(--muted)}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.9;max-width:440px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:31px 28px;border:1px solid var(--line);border-radius:4px;background:#faf9f4}.card-index{font:9px monospace;letter-spacing:1.1px;color:var(--muted)}h3{font-size:21px;letter-spacing:-.7px;margin:14px 0 12px}.service-card p{font-size:13px;color:var(--muted);line-height:1.95}.small-tags{display:flex;gap:7px;margin-top:26px;flex-wrap:wrap}.small-tags span{font-size:10px;background:#eceee3;padding:3px 8px}.service-icon{height:97px;width:104px;margin:5px 0 30px;position:relative}.icon-window{border:1px solid #788a77;height:77px;margin-top:25px;border-radius:3px}.icon-window span{display:block;height:14px;border-bottom:1px solid #788a77}.icon-window i{position:absolute;left:10px;top:26px;width:29px;height:35px;background:#ccdfb4}.icon-window b{position:absolute;left:48px;top:26px;width:39px;height:5px;border-block:1px solid #788a77;box-shadow:0 12px 0 #acb7a3}.icon-landing{border:1px solid #788a77;height:77px;margin-top:25px;border-radius:3px;transform:rotate(-5deg)}.icon-landing i{display:block;width:40px;height:5px;background:#788a77;margin:14px}.icon-landing b{display:block;width:62px;height:3px;background:#b4bca7;margin:10px 14px}.icon-landing span{position:absolute;right:-10px;bottom:-10px;width:32px;height:32px;background:var(--coral);text-align:center;font-size:22px}.icon-editorial{background:#e9eddf;height:77px;margin-top:25px;padding:5px 12px;border-left:3px solid #788a77}.icon-editorial b{font:35px Georgia,serif}.icon-editorial span,.icon-editorial i{display:block;width:70px;height:2px;background:#9bab91;margin-top:8px}.icon-editorial i{width:50px}.service-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:26px;font-size:12px;color:var(--muted)}.projects-section{background:#e9ecdf;border-block:1px solid var(--line)}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:26px}.project{border-radius:5px;overflow:hidden;background:var(--paper)}.project-visual{height:270px;position:relative;display:grid;place-content:center;background:#1b3028;overflow:hidden}.ninja-symbol{font:220px/1 Georgia,serif;color:#d4eaaa;transform:rotate(12deg)}.project-visual:after{content:"";width:170px;height:170px;border:1px solid #657255;border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.visual-label{position:absolute;bottom:18px;left:22px;font:8px monospace;letter-spacing:1.5px;color:#b5c3a6}.visual-corner{position:absolute;top:16px;right:20px;font:12px monospace;color:#b5c3a6}.next-project .project-visual{background:#d5d9cb}.next-project .visual-label,.next-project .visual-corner{color:#62715a}.next-project .project-visual:after{border-color:#a9b39e;width:200px;height:200px}.next-symbol{display:flex;gap:12px;z-index:1;transform:rotate(-20deg)}.next-symbol span{display:block;width:48px;height:100px;background:#f0f1e8;border:1px solid #9da88e;border-radius:40px}.next-symbol span:nth-child(2){background:#a9b897;transform:translateY(-22px)}.project-info{padding:29px}.status{font-size:10px;background:#e1e7d4;border-radius:20px;padding:4px 9px}.project-info h3{font-size:24px;margin:18px 0 9px}.project-info p{font-size:13px;color:var(--muted)}.project-meta{display:block;margin-top:26px;font:9px monospace;letter-spacing:1px}.channels-intro{margin:65px 0 23px;display:flex;justify-content:space-between;align-items:center;gap:20px}.channels-intro p{font-size:12px;color:var(--muted)}.channel{display:grid;grid-template-columns:54px 1fr 165px 22px;align-items:center;gap:22px;padding:21px 0;border-top:1px solid #c9d1bf}.channel:last-child{border-bottom:1px solid #c9d1bf}.channel-code{background:#dbe1d1;width:45px;height:45px;display:grid;place-content:center;font:18px Georgia,serif}.featured-channel .channel-code{background:var(--ink);color:var(--green)}.channel strong{font-size:18px}.channel small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.channel-category{font:9px monospace;letter-spacing:1px}.arrow{font-size:22px}.channel:hover strong{text-decoration:underline}.steps{padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;gap:28px}.steps li{border-top:1px solid var(--line);padding-top:22px}.steps li>span{font:11px monospace;color:var(--muted)}.steps h3{font-size:17px;margin-top:24px}.steps p{font-size:12px;color:var(--muted)}.faq{margin-top:70px;border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:.8fr 1.3fr;gap:45px}.faq h3{font-size:19px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-size:14px;cursor:pointer}.faq details p{font-size:13px;color:var(--muted);max-width:600px;padding-right:20px}.contact-section{background:var(--ink);color:var(--paper);padding-block:80px}.contact-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:90px;align-items:center}.contact-grid .eyebrow{color:var(--green)}.contact-grid h2{margin:20px 0}.contact-grid p{font-size:14px;color:#c0cbbc;line-height:1.95}.contact-status{display:inline-flex;align-items:center;gap:9px;margin-top:28px;font-size:12px;color:var(--green)}.contact-status i{width:6px;height:6px;background:var(--green);border-radius:50%}.brief{background:#eceddf;color:var(--ink);padding:29px;transform:rotate(1deg)}.brief-top{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px}.brief h3{font-size:22px;margin-top:28px}.brief ul{list-style:none;padding:0;margin:20px 0}.brief li{border-bottom:1px solid #ccd3be;padding:10px 0;font-size:12px}.brief li:before{content:"+";margin-right:12px;color:#536647}.brief-button{width:100%;background:var(--ink);color:var(--paper);font-size:12px;padding:14px}.brief .brief-note{font-size:10px;color:#616e5b;margin:12px 0 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-block:36px}.footer>div{margin-right:auto;margin-left:30px}.footer p{font-size:11px;margin:0}.footer small{font:9px monospace;color:var(--muted)}.top-link{border:1px solid var(--line);border-radius:100%;width:43px;height:43px;display:grid;place-content:center}
@media(min-width:1600px){.hero{gap:90px}.composition{height:510px}.art-play{top:150px}.art-stamp{bottom:35px}}
@media(max-width:1050px){.shell{width:calc(100% - 56px)}nav{gap:20px}.hero{gap:28px;padding-block:65px}h1{font-size:45px}.composition{height:420px}.art-web{width:80%}.art-web-inner{padding:20px}.art-web strong{font-size:35px}.art-play{padding:18px 14px}.art-play strong{font-size:19px}.play-symbol{font-size:80px}.art-stamp{width:138px}.service-card{padding:25px 20px}.contact-grid{gap:40px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.header{padding-block:20px;flex-wrap:wrap;gap:20px}.brand{font-size:22px}nav{width:100%;justify-content:space-between;gap:12px;font-size:11px}.nav-cta{font-size:10px}.nav-cta span{margin-left:5px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:42px;gap:35px}.hero-copy{max-width:570px}h1{font-size:clamp(39px,8.7vw,58px);letter-spacing:-2.7px}.hero-description{font-size:14px}.actions{gap:20px}.button{font-size:12px}.hero-foot{margin-top:28px}.composition{height:400px;max-width:460px;width:100%;margin-inline:auto}.art-web{width:72%;top:15px;right:12px}.art-web strong{font-size:38px}.art-play{top:100px;width:40%;left:5px}.art-stamp{right:8px;bottom:13px;width:140px}.composition-note{font-size:7px;bottom:0}.statement{gap:15px;flex-wrap:wrap;padding-block:22px}.statement p{font-size:15px}.statement>span{font-size:10px}.statement .statement-arrow{display:none}.section{padding-block:58px}.section-top>span{font-size:9px}.eyebrow{font-size:9px;letter-spacing:1px}.section-heading{display:block;margin-top:23px;margin-bottom:28px}h2{font-size:32px;letter-spacing:-1.6px}.section-heading>p{font-size:12px;margin-top:22px}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:26px}.service-icon{float:right;transform:scale(.78);margin:5px 0 10px 15px}.service-card h3{font-size:21px}.service-card p{font-size:13px}.small-tags{clear:both}.service-bottom{flex-direction:column;align-items:flex-start;font-size:10px}.project-grid{grid-template-columns:1fr;gap:22px}.project-visual{height:250px}.project-info{padding:24px}.channels-intro{margin-top:45px;display:block}.channel{grid-template-columns:40px 1fr 18px;gap:15px}.channel-code{height:37px;width:37px;font-size:15px}.channel strong{font-size:16px}.channel small{font-size:10px}.channel-category{display:none}.steps{grid-template-columns:1fr 1fr;gap:22px}.steps h3{font-size:15px}.steps p{font-size:11px}.faq{grid-template-columns:1fr;gap:8px;margin-top:42px}.faq summary{font-size:13px}.contact-section{padding-block:52px}.contact-grid{grid-template-columns:1fr;gap:34px}.contact-grid h2{font-size:33px}.contact-grid p{font-size:12px}.brief{max-width:500px;transform:none}.footer{flex-wrap:wrap;gap:20px;padding-block:30px}.footer>div{order:3;width:100%;margin:0}.top-link{margin-left:auto}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:760px){.orbit-a{width:95%;height:auto;aspect-ratio:1;left:0}.orbit-b{width:75%;height:auto;aspect-ratio:1;left:20%}}