/* KM ADVERT — studio edition. The movement layer is React / GSAP / Three.js. */
:root{--studio-black:#0d0d0f;--paper:#f4f1ea;--accent:#c8b18c}html{scroll-padding-top:35px}.container{max-width:1600px;width:calc(100% - 112px)}.site-header{background:var(--studio-black);color:var(--paper);border-color:#ffffff25;height:90px}.logo{font-size:26px;letter-spacing:-1.2px}.logo>svg{width:47px;height:28px}.desktop-nav{font-size:12px;gap:32px}.header-cta{border:1px solid #ffffff65;background:none;padding:14px 20px;border-radius:28px}.header-cta:hover{background:var(--paper);color:var(--ink)}.header-cta svg{width:16px;height:16px}.mobile-menu{background:var(--studio-black);color:var(--paper)}.mobile-menu>a{border-color:#ffffff25}.mobile-menu small{color:#b5b5b0}.menu-toggle span{background:var(--paper)}.button{border-radius:100px;padding:19px 26px;min-height:60px}.button.accent{background:var(--accent)}.button.light{border-radius:100px}.text-link{gap:18px}.section{padding:120px 0}.section-head{margin-bottom:68px}.section-head h2{font-size:clamp(45px,5.5vw,85px);line-height:1;letter-spacing:-.065em}.section-head .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:30px}.section-aside{font-size:14px;max-width:300px}.section-head .section-aside{color:#62615a}.status-dot{box-shadow:0 0 0 4px #c8b18c18}.concept-tag{font-size:9px;opacity:1;border-color:#939187;padding:7px 10px;border-radius:20px}.project-category{letter-spacing:.02em}.small-spark svg{width:26px;height:26px}
/* A typographic stage around the 3D brand object. */
.hero-v2{position:relative;background:var(--studio-black);color:var(--paper);overflow:hidden;padding:30px 0 0}.hero-v2-top{display:flex;justify-content:space-between;align-items:center}.hero-v2-top .eyebrow{font-size:9px;letter-spacing:.11em;color:#c4c3bd}.hero-v2-top .status-dot{background:#c8b18c}.hero-location{font-size:9px;letter-spacing:.15em;color:#93938e}.hero-v2-title{display:flex;justify-content:space-between;gap:25px;font-size:clamp(100px,15.7vw,252px);letter-spacing:-.075em;font-weight:500;line-height:1.03;margin-top:28px;position:relative;z-index:2;pointer-events:none}.hero-word-mask{display:inline-block;overflow:hidden;padding-bottom:.08em}.hero-word{display:block}.hero-v2-lower{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;min-height:430px;margin-top:-18px;align-items:center}.hero-v2-caption{position:relative;z-index:4;align-self:start;padding-top:44px;pointer-events:none}.hero-v2-caption a{pointer-events:auto}.hero-v2-statement{font-family:var(--display);font-size:clamp(40px,4.5vw,69px);line-height:.99;letter-spacing:-.055em}.hero-v2-statement>span{color:#c8b18c}.hero-v2-description{font-size:12px;line-height:1.7;color:#aaa9a2;max-width:350px;margin-top:22px}.hero-v2-actions{display:flex;gap:24px;align-items:center;margin-top:26px}.hero-v2-actions .button{font-size:11px;min-height:54px;padding:16px 21px;gap:20px}.hero-v2-actions .text-link{font-size:11px;gap:12px}.hero-object{height:470px;position:relative;margin-top:-55px;width:calc(100% + 65px);margin-left:-30px}.sculpture-shell{width:100%;height:100%;position:relative}.sculpture-render{position:absolute;inset:-22% -7% -10%;z-index:2;pointer-events:none}.sculpture-render canvas{width:100%;height:100%;display:block}.sculpture-fallback{position:absolute;inset:8% 12%;display:flex;align-items:center;justify-content:center;transform:perspective(900px) rotateX(12deg) rotateY(-25deg) rotateZ(-13deg);filter:drop-shadow(12px 10px 0 #66533a) drop-shadow(14px 12px 0 #a68b64);transition:opacity .6s;pointer-events:none}.sculpture-fallback svg{width:100%;height:auto;fill:#c8b18c;color:#c8b18c}.scene-ready .sculpture-fallback{opacity:0}.sculpture-shell:before{content:'';position:absolute;width:72%;height:82%;border:1px solid #ffffff0b;border-radius:50%;top:0;left:15%;transform:rotate(-20deg);pointer-events:none}.sculpture-shell:after{content:'';position:absolute;width:84%;height:52%;border:1px solid #ffffff0b;border-radius:50%;top:15%;left:9%;transform:rotate(-20deg);pointer-events:none}.sculpture-orbit-label{position:absolute;top:2%;right:6%;font-size:7px;letter-spacing:.16em;color:#808080;writing-mode:vertical-rl;z-index:3}.sculpture-bottom{position:absolute;bottom:0;left:13%;right:10%;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:5}.sculpture-bottom>span{color:#898986;font-size:7px;letter-spacing:.14em}.sculpture-controls{display:flex;gap:7px}.sculpture-controls button{border:1px solid #ffffff35;background:transparent;color:var(--paper);border-radius:50%;width:38px;height:38px;font-size:18px;transition:background .2s,border .2s}.sculpture-controls button:hover{background:var(--accent);border-color:var(--accent)}.sculpture-controls button+button{font-size:12px}.hero-index{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;padding:23px 0;margin-top:20px;position:relative;z-index:3}.hero-index>a:first-child{display:flex;align-items:center;gap:17px;font-size:10px}.hero-index>a:first-child>span:nth-child(2){font-size:7px;color:#92928e;letter-spacing:.1em}.hero-index strong{font-size:11px;font-weight:500}.hero-index svg{width:16px;height:16px;margin-left:10px}.express-dot{width:6px;height:6px;border-radius:50%;background:#c8b18c}.hero-scroll{font-size:7px;letter-spacing:.1em;display:flex;gap:25px;align-items:center;color:#aaa9a3}.hero-scroll>span{font-size:19px;color:var(--paper)}.brand-ticker{background:var(--accent);color:var(--paper);position:relative;overflow:hidden;padding:20px 0;isolation:isolate}.ticker-track{display:flex;align-items:center;gap:40px;width:max-content;will-change:transform}.ticker-track>span{font-family:var(--display);font-size:40px;line-height:1.1;letter-spacing:-.04em;white-space:nowrap}.ticker-track>svg{width:30px;height:30px;transform:rotate(15deg)}.ticker-pause{position:absolute;bottom:8px;right:15px;border:1px solid #ffffff60;border-radius:50%;background:#c8b18c;color:white;width:28px;height:28px;font-size:10px;z-index:2}
/* Project sequence */
.portfolio-section{background:var(--paper);color:var(--ink);padding-bottom:70px}.portfolio-section .section-head .section-aside{max-width:285px}.disclaimer-inline{color:#79776f;font-size:10px}.project-grid{display:block;position:relative}.project-card{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;padding:35px 0 45px;background:var(--paper);border-top:1px solid #cbc8bf;isolation:isolate;margin:0;max-width:none;width:100%;position:relative}.project-card:nth-child(2){margin-top:0}.project-card.project-wide{max-width:none;width:100%}.project-image-link{grid-column:2;grid-row:1;align-self:center;clip-path:polygon(0 0,95% 0,100% 7%,100% 100%,0 100%);background:#ded9ce}.project-meta{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:20px;margin:0;justify-content:space-between;padding:0 0 20px}.project-index{font-family:var(--display);font-size:78px;letter-spacing:-.065em;font-weight:400;display:block;color:transparent;-webkit-text-stroke:1px #99968d;line-height:1;margin-bottom:45px}.project-category{display:block;font-size:9px;color:#6d6b62;margin-bottom:15px}.project-meta h3{font-size:60px;line-height:1;letter-spacing:-.055em;margin:0}.project-meta h3 span{display:block;font-size:17px;font-family:var(--display);letter-spacing:-.02em;line-height:1.3;margin-top:17px}.project-meta h3 span:before{display:none}.project-meta p{font-size:12px;color:#79776f;max-width:245px;margin-top:20px}.project-scope{font-size:9px;color:#79776f;line-height:1.6;display:block;max-width:230px;margin-top:18px}.project-detail-link{display:inline-flex;gap:20px;align-items:center;font-size:11px;font-weight:500;border-bottom:1px solid #9d998f;padding:15px 0 10px;margin-top:20px}.project-detail-link svg{width:16px;height:16px}.project-art{aspect-ratio:1.38}.skincare-art{aspect-ratio:1.38}.hotel-brand strong{font-size:98px}.hotel-brand{top:30px;left:35px}.skincare-brand{font-size:88px;top:22px;left:35px}.tech-art{aspect-ratio:1.38;padding:8%}.tech-window{padding:25px}.tech-body>div>strong{font-size:31px}.project-open{background:#0d0d0f;color:white;bottom:23px;right:23px;width:48px;height:48px}.project-image-link:hover .project-open{transform:rotate(0);background:var(--accent)}.portfolio-bottom{border-color:#cbc8bf;margin-top:0;padding-top:30px}.portfolio-bottom>span{color:#77746b;font-size:8px}.project-cursor{position:fixed;top:0;left:0;width:90px;height:90px;margin:-45px 0 0 -45px;background:var(--accent);border-radius:50%;z-index:90;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:8px;transform:scale(.25);opacity:0;color:white;font-size:10px;font-weight:500;box-shadow:0 5px 25px #0001}.project-cursor>span+span{font-size:20px}.work-index .project-meta p,.work-index .project-category{color:#6d6b62}.work-index .project-card{border-color:#cbc8bf}.work-index .project-grid{margin-top:30px}.work-note .concept-tag{flex-shrink:0}.work-note p{font-size:11px}
/* Direction and offers */
.needs-section{padding-top:70px;padding-bottom:100px}.needs-list>a{gap:40px;padding:33px 0;position:relative}.needs-list h3{font-size:clamp(35px,4vw,60px);line-height:1;letter-spacing:-.055em}.needs-list p{font-size:12px;margin-top:14px}.need-number{font-size:10px;color:#969289;padding-top:10px}.need-arrow{width:60px;height:60px;border:1px solid #bbb8af;border-radius:50%;display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}.need-arrow svg{width:29px;height:29px}.needs-list>a:hover .need-arrow{background:var(--accent);color:white;border-color:var(--accent);transform:rotate(45deg)}.pricing-section{padding-top:25px}.pricing-section .section-head h2{font-size:clamp(43px,4.7vw,74px)}.pricing-section .muted{color:#96938a}.offer-navigator{display:grid;grid-template-columns:1fr 1.18fr;min-height:730px;border:1px solid #cbc8bf}.offer-navigation{padding:42px 42px 32px;display:flex;flex-direction:column}.offer-intro .eyebrow{font-size:8px;color:#76736a}.offer-intro>p{font-family:var(--display);font-size:43px;line-height:1.05;letter-spacing:-.05em;margin-top:22px;margin-bottom:40px}.offer-tabs{border-top:1px solid #cbc8bf}.offer-tabs>button{display:flex;align-items:center;gap:22px;padding:24px 0;width:100%;border:0;border-bottom:1px solid #cbc8bf;background:none;text-align:left;transition:color .2s}.offer-tabs>button.selected{color:var(--accent)}.offer-tab-number{font-size:9px;align-self:start;padding-top:7px}.offer-tab-name{font-family:var(--display);font-size:39px;letter-spacing:-.045em;line-height:1}.offer-tab-name small{display:block;font-family:var(--font);font-size:10px;letter-spacing:0;margin-top:11px;color:#6d6a61}.offer-tab-arrow{margin-left:auto;font-size:30px;opacity:.3;transition:opacity .2s,transform .3s}.selected .offer-tab-arrow{opacity:1;transform:rotate(45deg)}.offer-navigation-note{font-size:10px;color:#827f75;margin-top:auto;padding-top:28px}.offer-panel{background:var(--accent);color:white;padding:42px;position:relative;isolation:isolate;overflow:hidden}.offer-content{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100%}.offer-panel-label{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.1em;color:#cfc7b9;margin-bottom:45px}.offer-price{display:flex;align-items:baseline;gap:13px;margin-bottom:28px;white-space:nowrap}.offer-price>strong{font-family:var(--display);font-size:clamp(65px,7.5vw,118px);font-weight:500;line-height:.95;letter-spacing:-.075em}.offer-price>span{font-size:13px}.offer-panel h3{font-size:31px;letter-spacing:-.04em;line-height:1.15;max-width:360px;margin-bottom:15px}.offer-description{font-size:12px;line-height:1.6;color:#cfc7b9;max-width:350px}.offer-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;list-style:none;padding:27px 0 32px;margin:25px 0 0;border-top:1px solid #ffffff50}.offer-panel li{font-size:11px;line-height:1.6;position:relative;padding-left:17px}.offer-panel li:before{content:'↗';position:absolute;top:0;left:0}.offer-panel .button{margin-top:auto;font-size:12px;padding:18px 22px;max-width:340px}.offer-note{font-size:10px;color:#cfc7b9;max-width:360px;line-height:1.6;margin-top:18px}.offer-watermark{font-family:var(--display);font-size:300px;line-height:1;letter-spacing:-.1em;color:#ffffff04;position:absolute;bottom:-60px;right:15px;pointer-events:none;z-index:0}.packages{border:0;gap:22px;align-items:stretch}.package{border:1px solid #bdb9ae!important;padding:32px}.package.featured{border-color:var(--accent)!important;transform:translateY(-20px)}.package-top{font-size:10px;margin-bottom:40px}.price strong{font-size:clamp(48px,4.5vw,70px)}.package h3{font-size:25px;letter-spacing:-.045em}.package ul{margin-top:20px}.package li{font-size:12px}.package .button{font-size:11px;padding:15px 18px}.package-label{font-size:10px}.package-desc{font-size:12px}.package-note{font-size:10px}.pricing-disclaimer{margin-top:30px;font-size:10px}.comparison-section h2{font-size:65px}.scope-note{background:#e3dfd4;border-radius:0;padding:38px}
/* A second rhythm in deep black */
.marketing-section{background:var(--studio-black);color:var(--paper);position:relative}.marketing-section .section-head h2{font-size:clamp(50px,6.6vw,100px)}.marketing-section .section-aside{color:#aaa79e}.marketing-list{border-color:#ffffff25}.marketing-list>a{border-color:#ffffff25;padding:31px 0;gap:32px}.marketing-list>a>span{font-size:9px;color:#888}.marketing-list h3{font-size:37px;letter-spacing:-.05em}.marketing-list p{color:#9c998e;font-size:10px;width:240px}.marketing-list svg{color:#c8b18c;width:28px;height:28px}.marketing-list>a:hover{padding-left:16px;color:#c8b18c}.marketing-bottom p{color:#a6a398;font-size:12px}.marketing-bottom .button{background:var(--accent);color:white;padding:19px 26px}.process-grid{gap:35px}.process-number{font-size:80px;letter-spacing:-.08em;font-weight:500;padding-bottom:25px;color:transparent;-webkit-text-stroke:1px #8c8a82}.process-number span{color:var(--accent);-webkit-text-stroke:0}.process-grid h3{font-size:25px;max-width:220px}.process-grid p{font-size:12px}.about-teaser{background:#e5e1d7;border-color:#d2cdc2}.about-grid{grid-template-columns:1.25fr 1fr;gap:110px}.about-grid h2{font-size:clamp(42px,4.9vw,75px);line-height:1.03}.about-copy{padding-top:30px;max-width:390px}.about-copy p{font-size:14px}.about-mark{width:90px;margin-bottom:45px}.faq-section{background:var(--paper)}.faq-grid{grid-template-columns:1fr 1.3fr;gap:90px}.faq-grid h2{font-size:56px;line-height:1.02}.faq-list summary{padding:25px 0;font-size:13px}.faq-icon{width:25px;height:25px;border:1px solid #c0bbb0;border-radius:50%}.faq-icon:before,.faq-icon:after{top:11px;left:6px}.faq-answer{padding-right:45px}.site-footer{background:var(--studio-black);position:relative;overflow:hidden}.footer-cta{padding-top:110px;padding-bottom:90px;position:relative;z-index:1}.footer-title{font-size:clamp(60px,8.8vw,145px);letter-spacing:-.07em;gap:50px;margin-top:45px}.footer-title em{color:transparent;-webkit-text-stroke:1px #c9c6bd}.footer-arrow{width:145px;height:145px}.footer-arrow svg{width:65px;height:65px}.footer-title:hover .footer-arrow{transform:rotate(0)}.footer-copy{margin-top:42px}.footer-copy p{color:#98958b}.footer-bottom{border-color:#ffffff25;font-size:9px;padding:30px 0;color:#96938a}.footer-bottom .logo{font-size:23px}.footer-bottom .logo svg{width:40px}
/* Editorial subpage openings */
.inner-page .page-intro{background:var(--studio-black);color:var(--paper);max-width:none;width:100%;padding:75px max(56px,calc((100vw - 1600px)/2)) 65px}.inner-page .page-intro h1{font-size:clamp(55px,7.5vw,120px);line-height:1;max-width:1300px;letter-spacing:-.065em}.inner-page .page-intro h1 .accent-text{color:#c8b18c}.inner-page .page-intro>p{color:#b2afa6;font-size:15px;max-width:580px;margin-top:35px}.inner-page .page-intro .eyebrow{color:#939088;font-size:9px;margin-bottom:30px}.inner-page .intro-links{width:100%;max-width:none;background:var(--studio-black);color:var(--paper);margin:0;padding:0 max(56px,calc((100vw - 1600px)/2)) 65px}.inner-page .pricing-section{padding-top:90px}.inner-page .work-index{padding-top:45px}.work-note{border:0;padding-top:0;margin-bottom:30px}.service-chips{margin-top:40px;margin-bottom:55px}.service-chips a{font-size:11px;padding:12px 18px}.service-detail{padding-top:60px;padding-bottom:65px;gap:80px}.service-number{font-size:40px;color:transparent;-webkit-text-stroke:1px #a6a194;font-family:var(--display);line-height:1}.service-detail h2{font-size:46px;line-height:1.05}.service-tags>span{font-size:9px;border-radius:20px;padding:6px 10px}.service-lead{font-size:23px;line-height:1.5}.service-content .text-link{border-bottom:1px solid #b5b0a4;margin-top:10px}.cooperation h2{font-size:64px}.about-manifesto{margin-top:0;padding:90px 0}.manifesto-mark{transform:rotate(-8deg);width:36%}.about-manifesto p{font-size:clamp(36px,4.7vw,72px)}.about-values h2{font-size:37px}.case-intro{padding-top:45px;padding-bottom:55px}.case-heading h1{font-size:clamp(95px,15vw,225px);letter-spacing:-.075em}.case-heading .concept-tag{border-color:#a19d93}.case-cover>.project-art{clip-path:polygon(0 0,96% 0,100% 8%,100% 100%,0 100%);aspect-ratio:1.85}.case-story h2{font-size:58px}.case-gallery{gap:25px}.concept-poster{padding:45px;aspect-ratio:1.04}.concept-poster>p{font-size:60px}.palette-board{padding:45px;aspect-ratio:1.04}.next-project{background:var(--accent);color:white;padding:45px 0}.next-project:hover{background:#d8c5a7}.next-project strong{font-size:85px;line-height:1}.next-project svg{width:55px;height:55px}.contact-page{gap:110px;padding-top:80px}.contact-intro h1{font-size:clamp(65px,7vw,106px);letter-spacing:-.065em}.contact-intro .accent-text{color:var(--accent)}.contact-form-panel{padding-top:8px}.form-field input,.form-field select,.form-field textarea{border-width:0 0 1px;padding-left:0;padding-right:0;background:transparent}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:0;border-color:var(--accent);box-shadow:0 2px 0 var(--accent)}.demo-notice{background:#e8e4da;border-color:var(--accent);padding:18px 20px}.contact-form-panel .button{border-radius:40px}.form-field label{font-size:12px}.contact-intro .eyebrow{font-size:9px}.optional-fields summary{font-size:12px}.privacy-content{padding-top:20px}.privacy-content h2{font-size:30px}.privacy-content p{font-size:14px}
@media(min-width:1000px){.portfolio-section .project-card{position:sticky;top:35px;min-height:560px}.portfolio-section .project-card:nth-child(2){top:55px}.portfolio-section .project-card:nth-child(3){top:75px}.portfolio-section .project-grid{padding-bottom:80px}.project-card{will-change:transform}}
@media(min-width:1700px){.hero-v2-lower{min-height:510px}.hero-object{height:540px}.hero-v2-caption{padding-top:65px}.hero-v2-description{font-size:14px;max-width:390px}.hero-v2-actions .button{font-size:13px}.hero-v2-actions .text-link{font-size:12px}.project-art,.skincare-art,.tech-art{aspect-ratio:1.6}.project-card{gap:80px}.project-meta h3{font-size:75px}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.section{padding:90px 0}.site-header{height:80px}.desktop-nav{gap:23px;font-size:11px}.header-inner{gap:25px}.hero-v2-title{font-size:15.5vw;gap:15px}.hero-v2-lower{grid-template-columns:1fr 1.1fr;margin-top:-12px;min-height:410px}.hero-object{height:420px;margin-top:-10px;width:calc(100% + 40px);margin-left:-20px}.hero-v2-caption{padding-top:35px}.hero-v2-statement{font-size:50px}.hero-v2-description{font-size:11px;max-width:300px}.hero-v2-actions{gap:17px;flex-wrap:wrap}.hero-v2-actions .button{font-size:10px;padding:16px 19px;gap:15px}.hero-v2-actions .text-link{font-size:10px}.hero-index{padding:20px 0}.hero-index>a:first-child{gap:12px}.hero-index strong{font-size:10px}.hero-scroll{font-size:6px;gap:15px}.hero-index>a:first-child>span:nth-child(2){display:none}.hero-v2-top .eyebrow{font-size:8px}.hero-location{font-size:8px}.project-card{gap:35px;grid-template-columns:.65fr 1.35fr;min-height:490px}.project-index{font-size:63px;margin-bottom:30px}.project-meta h3{font-size:52px}.project-meta h3 span{font-size:15px}.project-meta p{font-size:11px;max-width:220px}.project-meta{gap:15px}.project-scope{font-size:8px}.project-detail-link{font-size:10px}.project-art,.skincare-art,.tech-art{aspect-ratio:1.23}.hotel-brand strong{font-size:85px}.skincare-brand{font-size:76px}.tech-window{padding:20px}.tech-body>div>strong{font-size:27px}.offer-navigation,.offer-panel{padding:32px}.offer-navigator{min-height:700px}.offer-intro>p{font-size:35px}.offer-tab-name{font-size:33px}.offer-panel h3{font-size:27px}.offer-price>strong{font-size:78px}.offer-panel ul{gap:12px 20px}.offer-panel li{font-size:10px}.offer-panel .button{font-size:11px}.offer-note{font-size:9px}.package{padding:25px}.package h3{font-size:21px}.package li{font-size:11px}.marketing-list h3{font-size:31px}.section-head h2{font-size:58px}.about-grid{gap:65px}.faq-grid{gap:60px}.faq-grid h2{font-size:45px}.footer-arrow{width:110px;height:110px}.footer-title{font-size:8.7vw}.footer-arrow svg{width:52px;height:52px}.inner-page .page-intro,.inner-page .intro-links{padding-left:36px;padding-right:36px}.service-detail{gap:55px}.service-detail h2{font-size:38px}.service-lead{font-size:21px}.case-story h2{font-size:45px}.concept-poster>p{font-size:43px}.contact-page{gap:60px}.contact-intro h1{font-size:7.5vw}.process-number{font-size:65px}.process-grid h3{font-size:22px}}
@media(max-width:900px){.site-header{height:80px}.hero-v2{padding-top:24px}.hero-v2-title{margin-top:35px;font-size:15vw;line-height:1.12}.hero-v2-lower{min-height:405px;grid-template-columns:1fr 1fr;margin-top:-10px}.hero-v2-caption{padding-top:26px}.hero-v2-statement{font-size:44px}.hero-object{height:380px;margin-top:-5px;width:calc(100% + 65px);margin-left:-35px}.sculpture-render{inset:-12% -9% -3%}.hero-v2-description{font-size:12px;max-width:315px}.hero-v2-actions{gap:10px;align-items:start;flex-direction:column}.hero-v2-actions .button{font-size:11px}.hero-v2-actions .text-link{font-size:11px}.hero-index{margin-top:15px}.hero-scroll{font-size:0;gap:0}.hero-scroll span{font-size:22px}.sculpture-bottom{bottom:2%;left:15%;right:10%}.sculpture-bottom>span{font-size:6px}.sculpture-controls button{width:33px;height:33px}.hero-location{font-size:6px}.hero-v2-top .eyebrow{font-size:7px;gap:9px}.ticker-track{gap:28px}.ticker-track>span{font-size:32px}.ticker-track>svg{width:25px;height:25px}.brand-ticker{padding:18px 0}.section-head h2{font-size:49px}.project-card{grid-template-columns:.6fr 1fr;gap:26px;padding:30px 0 35px;min-height:0}.project-index{font-size:52px;margin-bottom:25px}.project-meta h3{font-size:43px}.project-meta h3 span{font-size:14px;line-height:1.4}.project-meta p{font-size:10px;margin-top:15px;max-width:200px}.project-scope{font-size:8px;margin-top:12px}.project-meta .concept-tag{font-size:7px;padding:5px 8px}.project-category{font-size:8px;margin-bottom:11px}.project-meta{padding-bottom:0;gap:15px}.project-detail-link{margin-top:12px;font-size:10px;padding:12px 0 9px}.project-art,.skincare-art,.tech-art{aspect-ratio:.96}.hotel-brand{left:22px;top:25px}.hotel-brand strong{font-size:70px}.skincare-brand{font-size:64px;left:22px;top:18px}.tech-art{padding:7%}.tech-window{padding:16px}.tech-body{display:flex;flex-direction:column;align-items:start}.tech-body>div>strong{font-size:29px}.tech-body img{width:57%;align-self:end;margin-top:-20px}.tech-nav>span{display:none}.tech-bottom{font-size:5px}.tech-fake-button{font-size:6px}.project-open{width:40px;height:40px;right:16px;bottom:16px}.project-open svg{width:20px;height:20px}.needs-list h3{font-size:37px}.need-arrow{width:50px;height:50px}.offer-navigator{grid-template-columns:.9fr 1.1fr;min-height:710px}.offer-panel,.offer-navigation{padding:27px}.offer-intro>p{font-size:31px}.offer-intro .eyebrow{font-size:7px}.offer-tabs>button{gap:13px;padding:24px 0}.offer-tab-name{font-size:28px}.offer-tab-name small{font-size:9px}.offer-tab-arrow{font-size:24px}.offer-price{gap:9px;margin-bottom:23px}.offer-price>strong{font-size:59px}.offer-price>span{font-size:10px}.offer-panel-label{font-size:7px;margin-bottom:35px;gap:15px}.offer-panel h3{font-size:26px}.offer-description{font-size:11px}.offer-panel ul{grid-template-columns:1fr;gap:11px;padding:23px 0}.offer-panel li{font-size:11px}.offer-navigator .button{font-size:11px;padding:15px 17px;min-height:52px;gap:12px}.offer-note{font-size:9px}.offer-intro>p{margin-bottom:30px}.pricing-section .section-head{display:block}.pricing-section .section-head .text-link{margin-top:20px}.package.featured{transform:none}.packages{gap:28px}.package{padding:30px}.package h3{font-size:26px}.package li{font-size:12px}.marketing-list h3{font-size:30px}.marketing-list>a{padding:26px 0}.process-grid h3{font-size:24px}.process-grid p{font-size:13px}.about-grid{gap:45px}.about-grid h2{font-size:42px}.about-copy p{font-size:13px}.about-copy{padding-top:10px}.about-mark{width:75px;margin-bottom:30px}.faq-grid{grid-template-columns:1fr;gap:40px}.faq-grid h2{font-size:48px}.footer-cta{padding-top:80px;padding-bottom:65px}.footer-title{font-size:8.5vw}.footer-arrow{width:87px;height:87px}.footer-arrow svg{width:43px;height:43px}.inner-page .page-intro h1{font-size:8.1vw}.inner-page .page-intro{padding-top:60px;padding-bottom:45px}.inner-page .intro-links{padding-bottom:50px}.service-detail{gap:35px}.service-detail h2{font-size:34px}.service-lead{font-size:20px}.cooperation h2{font-size:45px}.case-story h2{font-size:39px}.concept-poster,.palette-board{padding:28px}.concept-poster>p{font-size:35px}.next-project strong{font-size:64px}.contact-page{gap:40px}.contact-intro h1{font-size:7.4vw}.contact-intro>p{font-size:13px}.inner-page .pricing-section{padding-top:65px}.case-cover .tech-body{display:grid;grid-template-columns:1fr 1fr}.case-cover .tech-body img{width:100%;margin-top:0}.case-cover .project-art{aspect-ratio:1.5}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.site-header{height:72px}.header-inner{gap:14px}.logo{font-size:21px;gap:7px}.logo>svg{width:39px;height:23px}.header-cta{font-size:9px;padding:11px 13px;gap:10px;min-height:39px}.menu-toggle{width:32px}.mobile-menu{top:71px}.hero-v2{padding-top:22px}.hero-v2-top .eyebrow{font-size:7px;gap:9px;max-width:240px;line-height:1.6}.hero-location{display:none}.hero-v2-title{font-size:26vw;line-height:.98;display:block;margin-top:29px;letter-spacing:-.08em;position:relative;z-index:3}.hero-word-mask{display:block;padding-bottom:.08em}.hero-word-mask+span{margin-top:-.07em}.hero-word-mask:nth-child(2){text-align:right}.hero-v2-lower{display:flex;flex-direction:column;min-height:0;margin-top:-30px}.hero-object{order:0;height:265px;margin-top:-40px;margin-bottom:-12px;width:calc(100% + 40px);margin-left:0;align-self:center;z-index:1}.sculpture-render{inset:-20% -2% -13%}.sculpture-fallback{inset:8% 12%}.sculpture-bottom{left:9%;right:9%;bottom:6%}.sculpture-bottom>span{font-size:5px;letter-spacing:.12em}.sculpture-orbit-label{top:15%;right:9%;font-size:5px}.sculpture-controls button{width:32px;height:32px;font-size:16px}.sculpture-controls button+button{font-size:10px}.hero-v2-caption{order:1;padding-top:20px;width:100%;pointer-events:auto}.hero-v2-statement{font-size:39px;line-height:1.05}.hero-v2-statement br{display:none}.hero-v2-statement>span{display:block}.hero-v2-description{font-size:12px;line-height:1.65;margin-top:18px;max-width:400px}.hero-v2-actions{flex-direction:row;align-items:center;gap:17px;margin-top:22px;flex-wrap:wrap}.hero-v2-actions .button{font-size:10px;padding:15px 18px;gap:12px;min-height:50px}.hero-v2-actions .text-link{font-size:10px;gap:9px}.hero-index{margin-top:28px;padding:20px 0;gap:20px}.hero-index>a:first-child{gap:10px}.hero-index strong{font-size:10px}.hero-index svg{width:15px;height:15px;margin-left:4px}.hero-index .hero-scroll{display:none}.brand-ticker{padding:16px 0}.ticker-track{gap:23px}.ticker-track>span{font-size:28px}.ticker-track>svg{width:22px;height:22px}.ticker-pause{width:24px;height:24px;bottom:5px;right:8px;font-size:9px}.section{padding:65px 0}.section-head{margin-bottom:32px}.section-head .eyebrow{font-size:8px;margin-bottom:22px}.section-head h2{font-size:43px;line-height:1.02}.portfolio-section .section-head .section-aside{max-width:320px;font-size:12px;margin-top:25px}.disclaimer-inline{font-size:9px}.project-card{display:flex;flex-direction:column;gap:22px;padding:27px 0 32px;border-color:#c8c3b8;will-change:auto}.project-image-link{order:0;clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,0 100%);width:100%}.project-meta{order:1;display:block;padding-bottom:0;position:relative}.project-meta>div{position:relative;padding-right:0}.project-index{position:absolute;right:0;top:12px;font-size:42px;line-height:1;margin:0}.project-category{font-size:8px;max-width:calc(100% - 60px);margin-bottom:12px}.project-meta h3{font-size:43px;line-height:1;max-width:calc(100% - 60px)}.project-meta h3 span{font-size:14px;line-height:1.3;letter-spacing:-.02em;margin-top:12px;max-width:250px}.project-meta p{font-size:12px;max-width:280px;margin-top:16px}.project-scope{font-size:9px;max-width:280px;margin-top:14px}.project-detail-link{font-size:11px;padding:12px 0 10px;margin-top:15px;gap:18px}.project-meta .concept-tag{position:absolute;bottom:6px;right:0;font-size:7px;padding:5px 8px;margin:0}.project-art,.skincare-art,.tech-art{aspect-ratio:1.12}.hotel-brand{top:23px;left:23px}.hotel-brand strong{font-size:77px}.hotel-brand>span{font-size:6px}.skincare-brand{font-size:66px;left:23px;top:17px}.skincare-brand>span{font-size:6px}.tech-window{padding:16px}.tech-body{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;padding:22px 0;gap:0}.tech-body img{width:100%;margin-top:0}.tech-body>div>strong{font-size:22px}.tech-eyebrow{font-size:4px}.tech-nav strong{font-size:19px}.tech-nav>span{display:none}.tech-fake-button{font-size:5px}.tech-bottom{font-size:4px}.project-open{width:42px;height:42px;right:17px;bottom:17px}.portfolio-bottom{margin-top:0;padding-top:25px;gap:12px}.portfolio-bottom>span{font-size:7px}.portfolio-bottom .text-link{font-size:12px}.portfolio-section{padding-bottom:35px}.needs-section{padding-top:35px;padding-bottom:65px}.needs-list>a{gap:16px;padding:27px 0}.need-number{font-size:9px;padding-top:6px}.needs-list h3{font-size:29px;letter-spacing:-.05em;max-width:225px}.needs-list p{font-size:11px;margin-top:11px;max-width:220px}.need-arrow{width:39px;height:39px;flex-shrink:0}.need-arrow svg{width:21px;height:21px}.pricing-section{padding-top:0}.pricing-section .section-head h2{font-size:39px}.pricing-section .section-head .text-link{margin-top:20px;font-size:12px}.offer-navigator{display:block;min-height:0}.offer-navigation{padding:26px}.offer-intro>p{font-size:34px;margin-top:18px;margin-bottom:24px}.offer-intro>p br{display:none}.offer-intro .eyebrow{font-size:7px}.offer-tabs>button{padding:19px 0;gap:18px}.offer-tab-number{font-size:9px;padding-top:5px}.offer-tab-name{font-size:31px}.offer-tab-name small{font-size:10px;margin-top:7px}.offer-tab-arrow{font-size:27px}.offer-navigation-note{font-size:9px;line-height:1.6;padding-top:20px;margin-top:0}.offer-navigation-note br{display:none}.offer-panel{padding:28px 25px;min-height:620px}.offer-panel-label{font-size:7px;margin-bottom:35px}.offer-price>strong{font-size:80px}.offer-price>span{font-size:11px}.offer-price{gap:9px;margin-bottom:25px}.offer-panel h3{font-size:28px;line-height:1.1;max-width:290px}.offer-description{font-size:12px}.offer-panel ul{grid-template-columns:1fr;gap:12px;margin-top:25px;padding:24px 0}.offer-panel li{font-size:12px}.offer-navigator .button{font-size:11px;max-width:none;width:100%;min-height:54px;padding:17px 21px}.offer-note{font-size:10px;margin-top:18px}.offer-watermark{font-size:245px;bottom:-55px}.pricing-disclaimer{margin-top:20px;font-size:10px}.packages{gap:25px}.package{padding:28px 25px}.package-top{margin-bottom:33px}.package h3{font-size:25px}.package .price strong{font-size:68px}.package .button{min-height:54px;font-size:11px}.package.featured{transform:none}.marketing-section .section-head h2{font-size:47px;letter-spacing:-.065em}.marketing-section .section-aside{font-size:12px}.marketing-list>a{gap:15px;padding:25px 0}.marketing-list h3{font-size:27px;letter-spacing:-.045em}.marketing-list svg{width:23px;height:23px}.marketing-list>a:hover{padding-left:0}.marketing-list>a>span{font-size:8px}.marketing-bottom{padding-top:27px}.marketing-bottom p{font-size:11px}.marketing-bottom .button{font-size:11px;min-height:54px}.process-grid{gap:35px 25px}.process-number{font-size:57px;padding-bottom:20px;margin-bottom:20px}.process-grid h3{font-size:22px;max-width:165px;line-height:1.1}.process-grid p{font-size:11px}.about-grid{grid-template-columns:1fr;gap:27px}.about-grid h2{font-size:40px;line-height:1.03}.about-copy{padding-top:0;max-width:none}.about-copy p{font-size:14px}.about-grid .eyebrow{font-size:8px}.faq-grid{gap:35px}.faq-grid h2{font-size:40px}.faq-grid .eyebrow{font-size:8px}.faq-list summary{font-size:12px;gap:13px;padding:24px 0}.faq-number{font-size:8px}.faq-icon{width:23px;height:23px}.faq-icon:before,.faq-icon:after{top:10px;left:5px}.faq-answer{padding:0 24px 24px}.footer-cta{padding-top:65px;padding-bottom:55px}.footer-title{font-size:12.1vw;line-height:1.02;margin-top:35px;letter-spacing:-.06em}.footer-title>span:first-child{max-width:calc(100% - 25px)}.footer-title em{-webkit-text-stroke:1px #c9c6bd}.footer-arrow{width:43px;height:43px;bottom:2px;right:0}.footer-arrow svg{width:23px;height:23px}.footer-copy{margin-top:25px}.footer-copy p{font-size:12px}.footer-copy .text-link{font-size:12px;margin-top:25px}.footer-bottom{gap:20px;font-size:9px;padding:25px 0}.footer-bottom .logo{font-size:21px}.footer-bottom .logo svg{width:37px}.footer-bottom>p{font-size:8px}.inner-page .page-intro{padding:45px 20px 40px}.inner-page .page-intro h1{font-size:11.8vw;line-height:1.02;letter-spacing:-.06em}.inner-page .page-intro .eyebrow{font-size:7px;margin-bottom:28px}.inner-page .page-intro>p{font-size:13px;line-height:1.7;margin-top:28px}.inner-page .intro-links{padding:0 20px 45px;gap:18px;flex-wrap:wrap}.inner-page .intro-links .button{font-size:10px;min-height:51px;gap:15px}.inner-page .intro-links .text-link{font-size:10px}.inner-page .pricing-section{padding-top:45px}.inner-page .work-index{padding-top:30px;padding-bottom:55px}.work-note{gap:12px;margin-bottom:15px}.work-note p{font-size:11px}.work-index .project-grid{margin-top:15px}.comparison-section h2{font-size:40px}.scope-note{padding:27px}.service-chips{margin-top:25px;margin-bottom:35px;gap:8px}.service-chips a{font-size:9px;padding:10px 13px}.service-detail{padding-top:35px;padding-bottom:40px;display:block}.service-number{font-size:32px;margin-bottom:20px}.service-detail h2{font-size:38px;line-height:1.05}.service-tags{gap:7px;margin-top:20px}.service-tags>span{font-size:8px;padding:5px 9px}.service-content{margin-top:25px}.service-lead{font-size:19px;line-height:1.5}.service-facts h3{font-size:12px}.service-facts p{font-size:12px}.service-content .text-link{font-size:11px;padding-bottom:3px}.cooperation h2{font-size:43px}.cooperation p{font-size:13px}.cooperation .button{font-size:10px;min-height:52px}.about-manifesto{padding:55px 0}.manifesto-mark{width:58%}.about-manifesto>.container{gap:40px}.about-manifesto p{font-size:40px}.about-values h2{font-size:32px}.about-values p{font-size:13px}.case-intro{padding-top:25px;padding-bottom:35px}.case-heading h1{font-size:27vw;line-height:1.2}.case-heading .concept-tag{font-size:8px}.case-heading>div>p{font-size:22px}.case-cover>.project-art{aspect-ratio:1.05}.case-cover .hotel-brand{left:24px;top:24px}.case-cover .hotel-brand strong{font-size:82px}.case-cover .skincare-brand{font-size:75px;left:24px;top:18px}.case-cover .tech-art{aspect-ratio:1.05}.case-cover .tech-body{grid-template-columns:1.3fr 1fr}.case-cover .tech-body>div>strong{font-size:22px}.case-story h2{font-size:40px}.case-story .service-lead{font-size:19px}.case-story .button{padding:17px 20px;font-size:10px;min-height:54px}.concept-poster,.palette-board{padding:30px;aspect-ratio:1.04}.concept-poster>p{font-size:40px}.palette-brand{font-size:83px}.next-project{padding:30px 0}.next-project>.container{gap:20px}.next-project strong{font-size:55px}.next-project svg{width:35px;height:35px}.contact-page{padding-top:40px;padding-bottom:65px;gap:35px}.contact-intro h1{font-size:16.7vw;line-height:1;letter-spacing:-.065em}.contact-intro .eyebrow{font-size:8px}.contact-intro>p{font-size:14px}.contact-form-panel{padding-top:0}.form-field input,.form-field textarea,.form-field select{font-size:16px;padding-top:14px;padding-bottom:14px;min-height:50px}.form-field select{font-size:14px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:2px solid var(--accent);outline-offset:5px;box-shadow:none}.demo-notice{padding:16px 18px}.contact-page .button{font-size:12px}.privacy-content h2{font-size:26px}.privacy-content p{font-size:13px}}
@media(max-width:375px){.container{width:calc(100% - 32px)}.header-inner{gap:9px}.logo{font-size:19px}.logo>svg{width:35px;height:21px}.header-cta{padding:10px 12px;font-size:8px;gap:8px}.hero-v2-title{font-size:26.5vw}.hero-object{height:240px}.hero-v2-statement{font-size:36px}.hero-v2-actions{gap:13px}.hero-v2-actions .button{padding:15px 16px;font-size:9px;gap:10px}.hero-v2-actions .text-link{font-size:9px;gap:8px}.hero-index strong{font-size:9px}.project-meta h3{font-size:39px}.project-meta .concept-tag{font-size:6px;padding:5px 6px}.project-detail-link{font-size:10px;gap:14px}.section-head h2{font-size:40px}.needs-list h3{font-size:27px}.needs-list p{font-size:10px}.need-arrow{width:35px;height:35px}.needs-list>a{gap:13px}.pricing-section .section-head h2{font-size:36px}.offer-navigation{padding:25px}.offer-panel{padding:28px 22px}.offer-price>strong{font-size:74px}.offer-panel h3{font-size:26px}.offer-panel li{font-size:11px}.marketing-list h3{font-size:25px}.footer-title{font-size:12vw}.footer-arrow{width:38px;height:38px}.footer-arrow svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.hero-word{transform:none!important}.ticker-track{transform:none!important}.ticker-pause{display:none}.project-cursor{display:none}.project-card{position:relative!important;top:auto!important;filter:none!important;transform:none!important}.sculpture-fallback{transition:none}.sculpture-controls button{transition:none}.hero-v2 .button:hover,.header-cta:hover{transform:none!important}}