@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#243e42;--muted:#657b7d;--paper:#f5f5ef;--line:#d7dfd9;--teal:#88a5a7;--cream:#e8d9c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #a46e37;outline-offset:5px}header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f5f5eff2;position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:2px}.brand img{height:48px;width:48px;border-radius:50%}.brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:5px;font-weight:400}nav{display:flex;align-items:center;gap:28px;font-size:12px}.nav-cta{border:1px solid var(--ink);padding:13px 19px;border-radius:30px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.14fr 1fr;min-height:670px}.hero-copy{padding:65px 6% 22px 9%}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.8}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5a8581;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,5.6vw,88px);line-height:1.08;letter-spacing:-5px;font-weight:500;margin:35px 0 25px}em{font-style:normal;color:#829a98}h1 em{font-size:.85em}.intro{color:var(--muted);font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;border-radius:40px;background:var(--ink);color:white;padding:18px 25px;font-size:12px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#42666a}.text-link{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:6px}.hero-foot{display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:1.3px;margin-top:65px}.hero-art{position:relative;overflow:hidden;background:#94acad}.hero-art>img{width:100%;height:100%;object-fit:cover;animation:floatImage 12s ease-in-out infinite}.art-caption{position:absolute;bottom:36px;left:35px;font-size:13px;line-height:1.6}.orbit{position:absolute;top:30px;right:35px;font-size:47px;color:#f9f7ee;animation:spin 25s linear infinite}.ticker{overflow:hidden;padding:23px 0;background:#dfe7e1;border-block:1px solid #cbd6cf}.ticker>div{width:max-content;font-size:11px;font-weight:500;letter-spacing:3px;animation:marquee 45s linear infinite}.ticker b{padding:0 40px;font-size:20px;color:#7c9694}.section{padding:100px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}h2{font-size:clamp(35px,4vw,60px);line-height:1.15;letter-spacing:-2.5px;font-weight:500;margin-bottom:0}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:35px}.filters button{border:1px solid var(--line);background:transparent;padding:11px 21px;border-radius:30px;font-size:12px;color:var(--ink)}.filters button.active,.filters button:hover{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.card{min-width:0;animation:appear .5s both}.card-visual{overflow:hidden;aspect-ratio:4/4.4;background:#e1e6df;border-radius:3px;position:relative}.card img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .65s}.card:hover img{transform:scale(1.035)}.card-category{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:19px 0 7px}.card h3{font-size:18px;font-weight:500;margin-bottom:13px}.card-links{display:flex;gap:20px;font-size:11px}.card-links a{border-bottom:1px solid #b2c0b8;padding-bottom:4px}.digital{background:#e7ece5}.feature{display:grid;grid-template-columns:1.35fr 1fr;min-height:420px;border:1px solid #cad5cd;border-radius:4px;overflow:hidden}.site-visual{padding:35px 45px 0;background:#b6c6be;overflow:hidden}.browser-bar{background:#f3f3ec;border-radius:8px 8px 0 0;padding:12px;display:flex;gap:5px;align-items:center;font-size:9px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#bcc9c1}.browser-bar span{margin-left:20px}.website-shot{height:350px;overflow:hidden;background:#fff;display:flex;justify-content:center}.website-shot img{width:100%;object-fit:cover;object-position:0 16%}.feature-copy{padding:65px 50px;display:flex;align-items:start;flex-direction:column;justify-content:center}.pill{font-size:8px;border:1px solid #b7c7bf;padding:8px 12px;letter-spacing:1.5px;border-radius:30px;margin-bottom:25px}.feature-copy h3{font-size:40px;line-height:1.15;font-weight:500;letter-spacing:-1px;margin-bottom:20px}.feature-copy p{font-size:14px;line-height:1.8;max-width:320px;color:var(--muted);margin-bottom:30px}.app-art{background:#243e42;padding:35px 40px;color:#e3eee7;display:flex;flex-direction:column;gap:25px}.app-label,.app-art>small{font-size:8px;letter-spacing:2px}.app-art>small{opacity:.6}.app-window{border:1px solid #698382;border-radius:9px;background:linear-gradient(130deg,#355759,#1d3236);padding:25px;box-shadow:0 20px 35px #172e3650}.app-title{display:flex;align-items:center;gap:10px;font-size:13px}.app-title small{margin-left:auto;font-size:7px;letter-spacing:2px}.app-icon{background:#b5d0b4;color:#213e3e;padding:7px 11px;border-radius:5px}.app-window h3{font-size:28px;font-weight:500;line-height:1.3;margin:27px 0}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.module-grid span{border:1px solid #607d79;border-radius:5px;padding:15px 8px;font-size:24px;color:#b6d2b7}.module-grid b{font-size:9px;display:block;margin-top:10px;font-weight:400;color:#e6eee9}.app-window p{font-size:10px;margin:20px 0 0;color:#adbfba}.services{padding-top:30px}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:45px 1fr 1fr 30px;gap:20px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.service-list article>span{font-size:11px;color:var(--muted)}.service-list h3{font-size:20px;font-weight:500;margin:0}.service-list p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:370px}.service-list b{font-weight:400;font-size:25px}.contact{background:#29484b;color:#eff0e7;padding-block:80px}.contact h2{font-size:clamp(55px,7vw,100px);letter-spacing:-4px}.contact h2 em{color:#b5c7bd}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.contact-bottom p{font-size:14px;line-height:1.8;color:#c5d2cb}.light{background:#e9e4d7;color:#29484b}.light:hover{background:white}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 6%;font-size:10px}footer p{margin:0;color:var(--muted)}footer .brand{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes floatImage{50%{transform:scale(1.04)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-35%)}}@keyframes appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){header{height:80px}nav{gap:15px}.brand{font-size:10px}.hero-copy{padding:45px 8%}h1{letter-spacing:-3px}.hero{min-height:570px}.hero-actions{flex-wrap:wrap}.hero-foot{margin-top:40px}.grid{grid-template-columns:repeat(2,1fr)}.section{padding:70px 5%}.feature-copy{padding:35px}.site-visual{padding:25px 25px 0}.app-art{padding:25px}.service-list article{grid-template-columns:30px 1fr 1fr 20px}.service-list h3{font-size:17px}}@media(max-width:650px){header{padding:0 5%;height:72px}.brand img{width:38px;height:38px}.menu-toggle{display:flex;background:none;border:0;gap:20px;color:var(--ink);font-size:12px}nav{display:none;position:absolute;left:0;right:0;top:72px;padding:25px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:25px}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6% 25px}h1{font-size:57px;letter-spacing:-3px;margin:25px 0}.intro{font-size:13px}.hero-foot{margin-top:32px;font-size:6px}.hero-art{height:350px}.hero-art>img{object-position:center 48%}.art-caption{bottom:23px;left:25px}.section-heading{display:block}.section-heading>p{margin:20px 0 0}.section{padding:60px 6%}h2{font-size:38px;letter-spacing:-1.8px}.filters{gap:7px}.filters button{padding:10px 14px;font-size:10px}.grid{gap:25px 13px}.card h3{font-size:14px}.card-category{font-size:7px;letter-spacing:1px}.card-links{gap:12px;font-size:10px;flex-wrap:wrap}.feature{grid-template-columns:1fr}.feature-copy{padding:35px 28px}.feature-copy h3{font-size:32px}.website-shot{height:300px}.app-art{padding:25px}.service-list article{grid-template-columns:25px 1fr 15px;gap:10px;padding:23px 0}.service-list p{grid-column:2;grid-row:2}.service-list b{grid-column:3;grid-row:1}.service-list h3{font-size:16px}.contact h2{font-size:56px;letter-spacing:-3px}.contact-bottom{display:block}.contact-bottom .button{margin-top:12px}footer{flex-wrap:wrap;gap:20px;padding:25px 6%}.ticker>div{font-size:9px}.ticker b{padding:0 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Revision 2: dimensional identity, accurate artwork, editorial project presentation. */
.arrow-icon{display:inline-block;width:15px;height:15px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ticker-separator{display:inline-block;width:5px;height:5px;padding:0!important;margin:0 37px;border:1px solid #72918e;transform:rotate(45deg);vertical-align:middle}.hero-sculpture{background:radial-gradient(ellipse at 35% 25%,#e6e9df 0%,#b2c5c4 42%,#78989d 100%);isolation:isolate;min-height:640px;display:flex;align-items:center;justify-content:center}.hero-sculpture:before{content:'';position:absolute;inset:35px;border:1px solid #ffffff38;border-radius:220px 220px 8px 8px;pointer-events:none}.studio-label{position:absolute;top:36px;left:34px;right:34px;font-size:8px;letter-spacing:2px;display:flex;justify-content:space-between;z-index:2}.studio-label span{opacity:.65}.logo-stage{position:absolute;inset:40px 0 30px;z-index:1}.logo-stage canvas{width:100%;height:100%;display:block}.logo-fallback{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0}.logo-stage.fallback .logo-fallback{opacity:1}.sculpture-shadow{position:absolute;bottom:110px;left:28%;width:44%;height:27px;border-radius:50%;background:#26444844;filter:blur(18px);animation:shadowFloat 20s ease-in-out infinite}.sculpture-caption{position:absolute;bottom:38px;left:35px;right:35px;display:flex;justify-content:space-between;gap:20px;align-items:end}.sculpture-caption>span{font-size:16px}.sculpture-caption small{font-size:7px;letter-spacing:1.5px;max-width:130px;line-height:1.8}.card{background:#fff9;border:1px solid #d8e0d8;border-radius:12px;padding:10px 10px 20px;transition:box-shadow .35s,transform .35s}.card:hover{box-shadow:0 18px 40px #25434512;transform:translateY(-4px)}.card-visual{aspect-ratio:4/5;border-radius:7px;background:#e4e9e1}.card img{object-fit:contain;object-position:center}.card-category,.card h3,.card-links{margin-left:10px;margin-right:10px}.card-links a{display:inline-flex;align-items:center;gap:5px}.card-links .arrow-icon{width:11px;height:11px}.redesigned-site{padding:65px 25px;background:radial-gradient(ellipse at 30% 10%,#dbe2d5,#90a6a0);display:flex;flex-direction:column;justify-content:center;perspective:1200px;overflow:visible}.redesigned-site .browser-bar{border:1px solid #e0e4da;box-shadow:0 25px 45px #18363330;transform:rotateY(7deg) rotateX(3deg);transform-origin:bottom}.redesigned-site .live-desktop{height:auto;aspect-ratio:1.44;overflow:hidden;border-radius:0 0 9px 9px;transform:rotateY(7deg) rotateX(3deg);transform-origin:top;box-shadow:0 30px 40px #18363330}.live-desktop img{width:100%;height:100%;object-fit:cover;object-position:top}.project-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.project-tags span{font-size:8px;padding:7px 9px;border:1px solid #bacac0;border-radius:20px}.feature{border-radius:14px}.section-heading>div{max-width:720px}.card-links a:hover{color:#35615f}.hero-art>img{animation:none}@keyframes shadowFloat{50%{transform:scale(.85);opacity:.6}}@media(max-width:650px){.hero-sculpture{min-height:440px}.logo-stage{inset:35px 0 45px}.sculpture-shadow{bottom:94px}.sculpture-caption{bottom:26px;left:25px;right:25px}.studio-label{left:25px;right:25px;top:24px;font-size:7px}.hero-sculpture:before{inset:24px}.grid{grid-template-columns:1fr 1fr;gap:20px 10px}.card{padding:6px 6px 17px;border-radius:9px}.card-category,.card h3,.card-links{margin-left:5px;margin-right:5px}.card h3{font-size:13px;line-height:1.4;min-height:36px}.card-category{font-size:6.5px}.card-links{gap:10px;font-size:9px}.redesigned-site{padding:35px 18px}.redesigned-site .live-desktop{height:auto}.ticker-separator{margin:0 22px}.feature-copy{padding:30px 25px}}