@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--orange:#f45b20;--petrol:#00383e;--blue:#31768b;--yellow:#ffb43b;--black:#1d1e1b;--paper:#eeefea;--muted:#666b65}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--black);font-family:'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #31768b;outline-offset:6px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4d5ca}.logo{font-size:49px;letter-spacing:-5px;font-weight:700;line-height:1}.logo span{font-size:12px;letter-spacing:0;vertical-align:top;display:inline-block;margin:8px 0 0 7px}nav{display:flex;align-items:center;gap:42px;font-size:13px;font-weight:600}nav a span{margin-left:20px}.nav-contact{border:1px solid var(--black);border-radius:30px;padding:14px 21px}.menu-toggle{display:none}.hero{padding:40px 5% 35px;position:relative;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;display:flex;align-items:center;gap:9px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:currentColor}.hero-top{display:flex;justify-content:space-between;align-items:center}.hero-note{font-size:12px;line-height:1.6}.hero h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(70px,10.5vw,168px);line-height:.88;letter-spacing:-.025em;font-weight:800;margin:46px 0 30px;position:relative;z-index:1}.hero-last{display:flex;align-items:center;gap:22px}.hero-last svg{width:8vw;height:8vw;min-width:55px;stroke:var(--black);stroke-width:9;fill:none}.hero-bottom{display:flex;align-items:center;justify-content:space-between}.hero-bottom p{font-size:14px;line-height:1.65}.round-link{font-size:12px;display:flex;align-items:center;gap:25px}.round-link span{display:grid;place-items:center;border:1px solid #a7a89e;border-radius:50%;height:44px;width:44px;font-size:22px}.hero-stamp{position:absolute;right:14%;top:160px;width:130px;height:130px;background:var(--orange);border-radius:50%;display:grid;place-content:center;font-size:25px;font-weight:800;line-height:1;transform:rotate(12deg)}.marquee{background:var(--orange);border-top:1px solid var(--black);border-bottom:1px solid var(--black);overflow:hidden;padding:17px 0}.marquee div{width:max-content;font-size:15px;font-weight:700;letter-spacing:2px;animation:slide 35s linear infinite}@keyframes slide{to{transform:translateX(-50%)}}.section{padding:90px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}h2{font-size:clamp(35px,4.1vw,65px);line-height:1.08;letter-spacing:-2.8px;font-weight:500;margin:22px 0 0}h2 em{font-style:normal;color:var(--muted)}.section-heading>p{font-size:13px;line-height:1.7;max-width:300px}.filters{display:flex;gap:10px;margin:35px 0 28px;flex-wrap:wrap}.filters button{border:1px solid #cdcec4;border-radius:25px;padding:10px 19px;background:transparent;font-size:12px}.filters button.active{background:var(--black);color:white;border-color:var(--black)}sup{margin-left:8px;font-size:9px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:40px 24px}.project{min-width:0}.project-button{width:100%;border:0;background:transparent;padding:0;text-align:left;color:inherit}.project-art{aspect-ratio:1.36;position:relative;overflow:hidden;background:#c1c6ad;display:grid;place-items:center}.project-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .7s;filter:brightness(.72)}.project-button:hover img{transform:scale(1.05)}.project-art .art-word{position:relative;font-family:'Barlow Condensed',sans-serif;color:#fff;font-weight:800;letter-spacing:-4px;font-size:clamp(55px,7vw,120px);line-height:.85;text-align:center}.project-art .art-label{position:absolute;bottom:20px;left:22px;color:white;font-size:10px;letter-spacing:2px}.project-art .project-open{position:absolute;top:18px;right:18px;background:var(--paper);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:22px}.project-art.lume{background:#ff5f24}.project-art.lume img{mix-blend-mode:multiply;filter:brightness(1);opacity:.5}.project-art.lume .art-word{font-family:'DM Sans',sans-serif;font-weight:500;color:#fff1cb;transform:rotate(-8deg)}.project-art.onda .art-word{font-style:italic;color:#f45b20}.project-art.nexo{background:#b8b9ef}.project-art.nexo img{opacity:.6;mix-blend-mode:multiply}.project-art.nexo .art-word{font-family:'DM Sans',sans-serif;font-weight:500}.project-meta{display:flex;justify-content:space-between;align-items:start;padding-top:15px;gap:15px}.project-meta h3{margin:0;font-size:19px;font-weight:500;letter-spacing:-.6px}.project-meta p{margin:6px 0 0;font-size:11px;color:var(--muted)}.project-category{font-size:10px;border:1px solid #c8c9be;padding:5px 10px;border-radius:15px;white-space:nowrap}.portfolio-note{font-size:11px;color:var(--muted);margin:30px 0 0}.about{background:var(--black);color:var(--paper)}.about-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:10%}.about h2{font-size:clamp(42px,5.7vw,86px);line-height:1.04}.about h2 span{color:var(--orange)}.about-copy{padding-top:15px}.asterisk{color:var(--orange);font-size:75px;line-height:1}.about-copy p{font-size:16px;line-height:1.7;max-width:390px;color:#c5c6bb}.text-link{display:flex;justify-content:space-between;max-width:390px;padding:22px 0 12px;border-bottom:1px solid #696b5c;font-size:12px}.text-link span{color:var(--orange);font-size:23px}.service-list{margin-top:50px}details{border-top:1px solid #c8c9be}details:last-child{border-bottom:1px solid #c8c9be}summary{display:flex;align-items:center;padding:28px 0;cursor:pointer;list-style:none;gap:35px}summary::-webkit-details-marker{display:none}.service-number{font-size:11px;color:var(--muted)}summary h3{margin:0;font-size:clamp(23px,3.2vw,46px);font-weight:500;letter-spacing:-1.5px}.plus{margin-left:auto;font-size:30px;font-weight:400}details[open] .plus{transform:rotate(45deg)}details p{margin:0 0 30px 50px;max-width:530px;font-size:14px;line-height:1.7;color:var(--muted)}.contact{background:var(--orange);padding-top:40px;padding-bottom:40px}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top>span:last-child{font-size:12px;line-height:1.6}.contact-title{display:block;position:relative;font-family:'Barlow Condensed',sans-serif;font-size:clamp(65px,12vw,185px);line-height:.87;letter-spacing:-2px;font-weight:800;margin:55px 0 35px}.contact-title svg{position:absolute;right:0;bottom:8px;width:12vw;height:12vw;stroke:var(--black);stroke-width:7;fill:none;transition:transform .3s}.contact-title:hover svg{transform:translate(6px,-6px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-bottom p{font-size:13px;line-height:1.6}.pill{border:0;border-radius:30px;padding:17px 25px;display:inline-flex;justify-content:space-between;gap:35px;font-size:12px}.dark{background:var(--black);color:white}footer{padding:40px 5%;display:flex;align-items:center;gap:40px}footer p{font-size:12px}footer>div{margin-left:auto;display:flex;gap:30px;align-items:center;font-size:10px;color:var(--muted)}footer button{border:0;background:transparent;padding:10px 0;font-size:11px;color:inherit}dialog{border:0;background:var(--paper);color:var(--black);padding:45px;width:min(600px,calc(100% - 30px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#111b;backdrop-filter:blur(6px)}.close-dialog{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:30px}dialog h2{font-size:42px;letter-spacing:-2px;margin-bottom:20px}dialog p{font-size:14px;line-height:1.65}form{display:grid;gap:18px;margin-top:25px}label{display:grid;gap:8px;font-size:12px;font-weight:500}input,select,textarea{width:100%;padding:13px;border:1px solid #bfc0b4;background:#fff8;border-radius:0;color:var(--black);font-size:13px}textarea{resize:vertical}form .pill{justify-self:start}.form-note{font-size:11px!important;color:var(--muted);margin:0}.admin-notice{font-size:12px;line-height:1.7;padding:15px;background:#e3e9e8;margin:20px 0}.admin-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #ccc;padding:16px 0;font-size:13px}.admin-row button{background:transparent;border:1px solid #ccc;padding:7px;font-size:11px}.project-dialog{width:min(900px,calc(100% - 30px))}.project-dialog .project-art{margin-top:15px}.project-dialog h2{margin-top:25px}.project-dialog .project-art .art-word{font-size:100px}.empty{padding:40px;border:1px solid #ccc;grid-column:1/-1}.project [hidden],[hidden]{display:none!important}@media(min-width:1550px){body{max-width:1900px;margin:auto}}@media(max-width:800px){header{height:80px}.logo{font-size:42px}nav{gap:20px;font-size:11px}.nav-contact{padding:11px 14px}.hero-stamp{right:9%;top:135px;width:90px;height:90px;font-size:19px}.hero h1{font-size:11vw;margin-top:55px}.section{padding:65px 5%}h2{letter-spacing:-1.5px}.about-layout{gap:35px}.about-copy p{font-size:14px}.section-heading>p{max-width:230px}.contact-title{font-size:13vw}footer{gap:25px}footer>div{gap:15px}}@media(max-width:560px){header{position:relative}.menu-toggle{display:block;border:0;background:transparent;font-size:24px}nav{display:none;position:absolute;top:79px;left:0;right:0;z-index:5;background:var(--paper);padding:22px 5%;border-bottom:1px solid #ccc;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{padding-top:25px}.hero-top .eyebrow{font-size:8px;letter-spacing:1px}.hero-note{display:none}.hero h1{font-size:11.5vw;line-height:.95;margin:60px 0 35px;letter-spacing:-.5px}.hero-stamp{top:58px;right:8%;width:64px;height:64px;font-size:14px}.hero-last{gap:8px}.hero-last svg{min-width:30px;max-width:30px}.hero-bottom{align-items:end;gap:12px}.hero-bottom p{font-size:11px}.round-link{font-size:10px;gap:8px}.round-link span{width:32px;height:32px;font-size:18px}.marquee{padding:12px 0}.marquee div{font-size:11px}.section-heading{display:block}.section-heading>p{margin-top:20px;font-size:12px}.projects{grid-template-columns:1fr;gap:28px}.project-art .art-word{font-size:90px}.filters{gap:7px}.filters button{padding:9px 13px;font-size:11px}.about-layout{grid-template-columns:1fr;gap:25px}.about h2{font-size:48px}.about-copy{padding-top:0}.asterisk{font-size:55px}.about-copy p{max-width:none}.service-list{margin-top:30px}summary{gap:18px;padding:24px 0}summary h3{font-size:25px;letter-spacing:-1px}details p{margin-left:30px;font-size:12px}.contact-top>span:last-child{display:none}.contact-title{font-size:14vw;margin-top:40px;letter-spacing:-1px}.contact-title svg{width:10vw;height:10vw;bottom:3px}.contact-bottom{display:block}.contact-bottom .pill{margin-top:12px}footer{flex-wrap:wrap;padding-top:30px;padding-bottom:25px;gap:20px}footer>div{width:100%;justify-content:space-between}dialog{padding:35px 22px}dialog h2{font-size:35px}.project-dialog .project-art .art-word{font-size:70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}