:root{--lime:#c5ff31;--ink:#151515;--blue:#253cff;--paper:#f4f4ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,summary,input,textarea{ -webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ff6b42;outline-offset:5px}.skip{position:fixed;top:-70px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}header{height:92px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--lime);border-bottom:1px solid #15151530;position:relative;z-index:10}.logo{font-family:'Space Grotesk',sans-serif;font-size:43px;font-weight:700;letter-spacing:-3px;line-height:1}.logo span{font-size:15px;vertical-align:top;letter-spacing:0;margin-left:4px}nav{display:flex;gap:36px;align-items:center;font-size:14px;font-weight:600}.nav-contact{border-bottom:1px solid;padding:8px 0}#lang{border:0;background:transparent;font-size:14px;font-weight:600;padding:10px}#lang span{margin-left:7px}.hero{background:var(--lime);padding:30px 4% 0;overflow:hidden}.eyebrow,.section-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.07em;font-weight:600}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(58px,7.6vw,122px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:55px 0 34px}em{font-style:normal}.hero h1 em{font-family:Georgia,serif;font-style:italic;letter-spacing:-.075em;font-weight:400}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-bottom p{font-size:18px;line-height:1.5;max-width:420px}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;padding:19px 29px;font-weight:600;font-size:15px;border:1px solid transparent;transition:transform .25s,background .25s}.pill:hover{transform:translateY(-3px);background:#343434}.dark{background:var(--ink);color:white}.edition{font-size:11px;line-height:1.5;letter-spacing:.05em}.giant-word{padding-bottom:.06em;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:24vw;letter-spacing:-.09em;line-height:.87;white-space:nowrap;margin-top:60px;margin-left:-1.3vw}.showcase{position:relative;background:var(--lime);height:700px;max-height:65vw;overflow:hidden}.showcase video{display:block;width:100%;height:100%;object-fit:cover}.art-top{position:absolute;inset:25px 4% auto;display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.06em}.art-caption{position:absolute;bottom:30px;left:4%;right:4%;display:flex;align-items:end;justify-content:space-between;gap:20px}.art-caption h2{font-size:clamp(28px,3.4vw,54px);letter-spacing:-.05em;line-height:1.07;margin:0;max-width:650px}.art-caption>span{font-size:11px;font-weight:600}.ticker{background:var(--ink);color:var(--lime);padding:20px 0;overflow:hidden}.ticker div{font-family:'Space Grotesk';font-size:27px;white-space:nowrap;width:max-content;animation:marquee 30s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:70px 6% 90px}.services{background:var(--blue);color:white}.section h2{font-family:'Space Grotesk';font-weight:500;font-size:clamp(45px,6.1vw,88px);letter-spacing:-.06em;line-height:1.05}.service-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:10%}.service-intro h2{margin:60px 0}.service-intro p{font-size:20px;line-height:1.55;max-width:410px}.service-list{border-top:1px solid #ffffff60}details{border-bottom:1px solid #ffffff60}summary{list-style:none;display:flex;align-items:center;gap:30px;padding:27px 0;font-family:'Space Grotesk';font-size:clamp(24px,3.3vw,46px);letter-spacing:-.04em}summary::-webkit-details-marker{display:none}summary .num{font-family:'DM Sans';font-size:13px;margin-right:24px;letter-spacing:0}summary b{margin-left:auto;font-size:30px;font-weight:400;transition:transform .25s}details[open] summary b{transform:rotate(45deg)}.service-content{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding:0 0 35px 75px}.service-content p{margin:0;line-height:1.7;font-size:16px;max-width:560px}.tags{display:flex;gap:9px;align-content:start;flex-wrap:wrap}.tags span{border:1px solid #ffffff80;border-radius:50px;padding:9px 14px;font-size:13px}.approach{background:var(--paper)}.approach h2{margin:70px 0 30px;font-size:clamp(46px,6.7vw,100px)}.approach h2>span:not(.reveal-word){color:#76776f}.approach-bottom{display:flex;justify-content:flex-end;align-items:center;gap:60px}.approach-bottom p{max-width:530px;font-size:20px;line-height:1.6}.process{background:var(--ink);color:var(--paper)}.process h2{margin:60px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid #ffffff50;padding-top:22px}.steps article>span{color:var(--lime);font-size:14px}.steps h3{font-family:'Space Grotesk';font-size:34px;letter-spacing:-.04em;font-weight:500;margin-bottom:15px}.steps p{font-size:16px;line-height:1.7;color:#b8b8b4;max-width:340px}.project{background:var(--lime)}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding-top:65px}.project h2{font-size:clamp(46px,5.2vw,77px);margin:0 0 25px}.project h2 em{font-family:Georgia;font-style:italic}.project-grid>div>p{font-size:18px;line-height:1.6;max-width:350px}.location{display:block;font-size:12px;letter-spacing:.06em;margin-top:70px}fieldset{padding:0;border:0;margin:0 0 28px}legend{font-size:16px;margin-bottom:18px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices label{cursor:pointer;position:relative}.choices input{position:absolute;opacity:0}.choices span{display:block;border:1px solid #15151570;padding:10px 15px;border-radius:30px;font-size:13px}.choices input:checked+span{color:var(--lime);background:var(--ink)}.choices input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}.field{display:block;margin-bottom:22px}.field>span{font-size:13px}.field input,.field textarea{display:block;width:100%;border:0;border-bottom:1px solid #15151580;background:transparent;padding:11px 0;color:var(--ink);border-radius:0;font-size:16px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#526a24}.form-note{font-size:12px;line-height:1.5;max-width:340px}#form-status{font-size:14px;line-height:1.5}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:12%}.faq>div>span{font-size:12px;letter-spacing:.05em}.faq h2{font-size:46px}.faq details{border-color:#15151540}.faq summary{font-size:21px;letter-spacing:-.02em}.faq details p{font-size:16px;line-height:1.65;margin:0 0 25px;max-width:600px}footer{padding:55px 4% 25px;background:var(--ink);color:var(--paper)}footer>div:first-child{display:flex;justify-content:space-between;gap:30px;align-items:center}footer p{font-size:15px}footer>div>a:last-child{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;margin-top:60px;padding-top:23px;border-top:1px solid #ffffff40;font-size:12px;color:#bdbdb6}.footer-bottom a{color:var(--paper)}@media(min-width:1600px){.hero,.section,footer{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}.giant-word{font-size:340px}}@media(max-width:800px){header{height:76px}.logo{font-size:34px}nav{gap:20px}nav a:not(.nav-contact){display:none}.hero{padding-top:25px}.eyebrow{font-size:10px}.hero h1{font-size:clamp(44px,8.9vw,72px);margin-top:42px}.hero-bottom{flex-wrap:wrap;gap:12px}.hero-bottom p{font-size:16px;margin-top:0;flex-basis:100%}.edition{display:none}.pill{padding:16px 23px;font-size:14px}.giant-word{margin-top:45px;font-size:24vw}.showcase{height:540px;max-height:85vw}.art-top{font-size:9px}.art-caption{bottom:22px}.art-caption h2{font-size:30px}.art-caption>span{display:none}.ticker{padding:15px 0}.ticker div{font-size:20px}.section{padding:45px 6% 60px}.section-top{font-size:10px}.section-top>span:last-child:not(:first-child){display:none}.service-intro{grid-template-columns:1fr;gap:0}.service-intro h2{margin:42px 0 15px}.service-intro p{font-size:17px;margin:0 0 35px}.service-content{grid-template-columns:1fr;padding:0 0 28px;gap:20px}summary{gap:15px;font-size:25px;padding:23px 0}summary .num{margin-right:0;font-size:11px}.approach h2{margin-top:45px;font-size:clamp(37px,6.8vw,60px)}.approach-bottom{gap:30px}.approach-bottom p{font-size:16px}.steps{grid-template-columns:1fr;gap:20px}.steps article{display:grid;grid-template-columns:45px 1fr;gap:0 15px}.steps h3{margin:0;font-size:29px}.steps p{grid-column:2;max-width:100%}.steps article>span{padding-top:7px}.process h2{margin:40px 0}.project-grid{grid-template-columns:1fr;gap:35px;padding-top:45px}.project h2{font-size:clamp(42px,8.5vw,65px)}.project-grid>div>p{max-width:440px}.location{margin-top:28px}form .pill{width:100%}.faq{grid-template-columns:1fr;gap:10px}.faq h2{font-size:42px;margin-top:25px}.faq summary{font-size:19px}footer>div:first-child{flex-wrap:wrap}footer p{order:3;flex-basis:100%;margin:0}.footer-bottom{gap:20px;flex-wrap:wrap;font-size:10px}.footer-bottom span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

#video-toggle{border:1px solid #15151570;border-radius:30px;background:var(--lime);color:var(--ink);padding:10px 16px;min-height:44px;font-size:14px;font-weight:600}.art-top{align-items:center}

.approach h2 .reveal-word{display:inline-block;color:inherit;opacity:var(--word-opacity,1);transform:translate3d(0,var(--word-rise,0),0);filter:blur(var(--word-blur,0));transition:opacity .12s linear,transform .12s ease-out,filter .12s linear}
@media(prefers-reduced-motion:reduce){.approach h2 .reveal-word{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}

.showcase video{mask-image:linear-gradient(to bottom,transparent,black 4%,black 96%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 4%,black 96%,transparent)}
.work{background:var(--paper)}.work-intro{display:flex;align-items:center;justify-content:space-between;gap:40px}.work-intro h2{margin:55px 0 45px}.work-intro p{font-size:18px;line-height:1.6;max-width:320px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-card{display:block;min-width:0}.work-preview{min-height:280px;aspect-ratio:1.15;display:flex;flex-direction:column;justify-content:space-between;padding:25px;overflow:hidden;transition:transform .35s,box-shadow .35s}.work-card:hover .work-preview{transform:translateY(-6px);box-shadow:0 15px 30px #15151518}.work-number,.work-category{font-size:12px;letter-spacing:.08em}.work-brand{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(26px,3.2vw,50px);letter-spacing:-.055em;align-self:center}.work-innomed .work-preview{background:#183dcb;color:white}.work-innomed .work-brand>span{display:block;font-weight:400;color:#c5ff31}.work-medtek .work-preview{background:#171717;color:white}.work-period{color:#fa523f}.work-inncafe .work-preview{background:#e4b977;color:#392218}.work-inncafe .work-brand{font-family:Georgia,serif;font-style:italic;font-size:clamp(38px,4vw,64px)}.work-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid #15151530}.work-caption h3{margin:0;font-size:19px;font-weight:500;letter-spacing:-.025em}.work-caption>span{font-size:14px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){.work-intro{display:block}.work-intro h2{margin:40px 0 20px}.work-intro p{margin:0 0 30px}.work-grid{grid-template-columns:1fr;gap:30px}.work-preview{min-height:260px;aspect-ratio:1.4}.work-brand{font-size:48px}.work-inncafe .work-brand{font-size:60px}}

/* Mobile portfolio: equal gutters, contained cards, and precisely centered brand panels. */
@media(max-width:800px){
 .work{padding-inline:clamp(20px,6vw,48px)}
 .work-grid{grid-template-columns:minmax(0,1fr);width:100%;max-width:540px;margin-inline:auto;gap:30px}
 .work-card{width:100%;max-width:100%;min-width:0}
 .work-preview{display:grid;grid-template-rows:24px minmax(0,1fr) 24px;justify-content:stretch;align-items:center;min-height:240px;aspect-ratio:1.4;padding:22px;width:100%;max-width:100%}
 .work-number{justify-self:start;align-self:start}
 .work-preview .work-brand{display:block;justify-self:center;align-self:center;text-align:center;width:100%;max-width:100%;margin:0;font-size:clamp(34px,10vw,52px);line-height:1.08;letter-spacing:-.055em}
 .work-innomed .work-brand>span{text-align:center}
 .work-inncafe .work-brand{font-size:clamp(42px,12vw,64px)}
 .work-category{justify-self:center;align-self:end;text-align:center;max-width:100%;font-size:12px;overflow-wrap:anywhere}
 .work-caption{width:100%;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:18px 0}
 .work-caption h3{min-width:0;font-size:18px}
 .work-caption>span{flex-shrink:0;font-size:14px}
}