:root{--yellow:#ffe600;--ink:#181916;--paper:#f8f8f2}body{background:var(--paper);font-family:Arial,Helvetica,sans-serif}header{background:#f8f8f2f5}nav{max-width:1440px;padding:17px 5%;height:88px}nav .links{gap:25px}nav .links a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.brand{font-size:20px}.logo{width:43px;height:43px}.nav-cta{padding:13px 18px;border:1px solid #222;border-radius:30px;text-decoration:none;font-size:13px;font-weight:700}.nav-cta span{margin-left:20px}.menu-toggle{display:none}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:var(--yellow);padding:15px}.skip:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #886900;outline-offset:5px}main{max-width:1440px}.hero{background:var(--paper);color:var(--ink);padding:26px 5% 0;min-height:760px}.hero:after{display:none}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;font-weight:700}.hero-top{color:#606159}.hero-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#546c3d;margin-right:9px}.hero-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;padding:42px 0 70px}.hero h1{font-size:clamp(56px,6.6vw,96px);line-height:1.01;letter-spacing:-.075em;margin:0 0 28px;font-weight:700}.hero h1 em{font-style:normal;background:linear-gradient(transparent 78%,var(--yellow) 78%)}.hero p{font-size:17px;color:#606159;line-height:1.65;max-width:390px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:26px}.btn{border-radius:30px;padding:17px 23px;font-size:13px;transition:background .18s}.hero .btn{margin:0}.btn:hover{background:#e5ce00}.btn.secondary:hover{background:#3a3a34}.text-link{font-size:12px;font-weight:700;text-decoration:none}.hero-art{position:relative;padding:60px 15px 75px 30px;min-width:0}.orbit{position:absolute;width:95%;aspect-ratio:1;border:1px solid #dcded1;border-radius:50%;left:5%;top:0;background:radial-gradient(circle,#efefd7 0%,transparent 69%)}.browser-card{transform:rotate(-4deg);background:#fff;border:1px solid #2b3028;border-radius:9px;overflow:hidden;box-shadow:16px 22px 0 #e6e7dc;position:relative}.browser-bar{padding:14px;display:flex;justify-content:space-between;font-size:8px;color:#71756a}.browser-bar span:first-child{letter-spacing:2px}.concept-web{position:relative;overflow:hidden;background:#253d32;color:#f2eddb;padding:24px 28px 30px;min-height:300px}.concept-nav{font-weight:900;font-size:20px;letter-spacing:-1px;display:flex;justify-content:space-between;align-items:center}.concept-nav span{font-size:7px;letter-spacing:1px}.concept-title{font-family:Georgia,serif;font-size:clamp(28px,3.9vw,56px);line-height:1.05;margin:40px 0 26px;position:relative;z-index:1}.barber-stripes{position:absolute;right:13px;top:60px;width:110px;height:260px;transform:rotate(25deg);background:repeating-linear-gradient(90deg,#c9c6a0 0 12px,transparent 12px 28px);opacity:.2}.concept-button{font-size:8px;background:#e5ecae;color:#233a2e;padding:12px 18px;border-radius:25px;position:relative}.concept-web small{display:block;margin-top:30px;font-size:6px;letter-spacing:1.5px}.floating-card{position:absolute;bottom:29px;right:-5px;display:flex;align-items:center;gap:15px;background:white;box-shadow:0 12px 35px #2222;border:1px solid #dddcd2;padding:20px 22px;border-radius:9px;transform:rotate(3deg)}.floating-card strong{font-size:14px;display:block}.floating-card small{font-size:10px;color:#64665c;display:block;margin-top:6px}.check{background:var(--yellow);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.art-note{position:absolute;right:0;bottom:0;font-size:8px;letter-spacing:.15em}.hero-bottom{border-top:1px solid #d8d9ce;padding:22px 0;color:#67695f;font-size:9px}.hero-bottom a{text-decoration:none;color:var(--ink)}.ticker{background:var(--yellow);display:flex;justify-content:space-around;align-items:center;padding:22px 4%;font-size:11px;font-weight:800;letter-spacing:.08em;gap:15px}.ticker b{font-size:24px}.section{padding:95px 5%;background:var(--paper);scroll-margin-top:85px}.section h2{font-size:clamp(34px,4.3vw,61px);line-height:1.07;letter-spacing:-.06em;font-weight:600;margin-top:20px}.kicker{font-size:10px;color:#68695e}.section .intro{font-size:16px;color:#64665b;max-width:590px}.grid{gap:0;margin-top:40px;border:1px solid #d7d8cd}.service{padding:35px;background:transparent;min-height:310px;border-right:1px solid #d7d8cd}.service:last-child{border:0}.service:nth-child(2){background:#eeeee2}.service h3{font-size:25px}.service p{font-size:14px;line-height:1.75}.service .tag{font-size:8px;padding:7px;margin-bottom:15px}.price{font-size:34px}.notice{font-size:12px;line-height:1.7;color:#63655c}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end}.section-heading .intro{max-width:320px}.portfolio{background:#1d211c;color:var(--paper)}.portfolio .kicker,.portfolio .intro,.portfolio .notice{color:#bfc5b8}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.project{text-decoration:none;min-width:0}.project-art{height:310px;padding:27px 23px;position:relative;overflow:hidden;transition:transform .2s}.project:hover .project-art{transform:translateY(-5px)}.project-art>span{font-size:8px;letter-spacing:1px}.project-art>strong{font-size:38px;line-height:1.1;letter-spacing:-2px;display:block;margin-top:53px;position:relative;z-index:1}.project-art small{position:absolute;bottom:22px;left:23px;font-size:7px;letter-spacing:1px}.north{background:#c3d2a5;color:#263f33}.north strong{font-family:Georgia,serif;font-weight:400}.lines{position:absolute;right:-10px;top:0;width:110px;height:100%;transform:rotate(28deg);background:repeating-linear-gradient(90deg,#304c3722 0 8px,transparent 8px 20px)}.lume{background:#e6d6ca;color:#663c2b}.lume strong{font-family:Georgia,serif;font-weight:400}.sun{width:140px;height:180px;border-radius:100px 100px 0 0;background:#bf87705c;position:absolute;right:15px;bottom:40px}.direct{background:#bddbdf;color:#174e58}.waves{position:absolute;inset:45% -60px -100px 30%;border:30px solid #3996a12b;transform:rotate(-30deg);border-radius:45%;box-shadow:0 0 0 20px #3996a11a,0 0 0 40px #3996a11a}.project-caption{display:flex;justify-content:space-between;padding:18px 0}.project-caption h3{font-size:17px;margin:0}.project-caption p{font-size:11px;color:#bfc5b8;margin:7px 0}.project-caption>span{border:1px solid #62695c;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.step{border-color:#d7d8cd;padding:24px 0}.step b{background:transparent;font-size:12px;color:#73776a;padding:5px 12px 0 0}.step p{font-size:14px;color:#62665a;line-height:1.6}.demo{border-color:#d4d6c9;border-radius:10px;overflow:hidden}.demo-head{font-size:11px;background:#242a22;padding:20px 25px}.demo-head span{font-size:9px}.demo-body{padding:32px}.chip{border-radius:30px;border-color:#c1c5b6;font-size:12px;padding:12px 18px}.mock-preview{border-radius:6px;background:#263e33;padding:34px}.mock-preview h3{font-size:40px}.mock-preview small{font-size:9px;letter-spacing:2px}.mock-mark{font-family:Georgia,serif}.form input,.form select{border-color:#b8bcae;border-radius:5px;padding:13px}.form label{font-size:12px}.success{font-size:13px;line-height:1.6}.excursion{border:1px solid #d6d8cb;border-radius:10px;padding:30px}.excursion .tag{font-size:10px}.mini{border-radius:6px;padding:24px;font-size:13px}.mini strong{margin-bottom:8px;font-size:30px}.contact{padding:90px 5%;scroll-margin-top:85px}.contact h2{font-size:clamp(42px,6vw,82px);line-height:1.02;max-width:800px}.contact-note{font-size:13px;margin-top:35px;max-width:440px;line-height:1.7}.footer{display:flex;justify-content:space-between;gap:30px;padding:30px 5%;line-height:1.8;font-size:10px}.footer strong{white-space:nowrap}@media(min-width:1450px){header nav{padding-left:72px;padding-right:72px}}@media(max-width:1000px){nav .links{gap:15px;font-size:11px}.hero{min-height:650px}.hero h1{font-size:65px}.hero-layout{grid-template-columns:1fr 1fr}.hero-art{padding-left:5px}.floating-card{padding:14px}.project-art{height:280px}.project-art>strong{font-size:31px}.service{padding:25px}}@media(max-width:700px){nav{height:76px;padding:12px 5%;flex-wrap:wrap}.brand{font-size:16px;gap:5px}.logo{width:37px;height:37px}.nav-cta{margin-left:auto;padding:10px 12px;font-size:11px}.nav-cta span{margin-left:6px}.menu-toggle{display:block;background:transparent;border:1px solid #b1b5a6;padding:10px;border-radius:25px;font-size:11px}nav .links.is-open{display:flex;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid #bbb;gap:24px;font-size:15px}.hero{padding-top:23px;min-height:0}.hero-top{font-size:8px}.hero-top>span:last-child{display:none}.hero-layout{grid-template-columns:1fr;padding:38px 0 35px;gap:20px}.hero h1{font-size:clamp(49px,12vw,76px)}.hero p{font-size:16px}.hero-art{padding:35px 20px 55px;max-width:470px;width:100%;margin:auto}.concept-title{font-size:45px}.concept-web{min-height:280px}.floating-card{bottom:18px;right:0}.hero-bottom{font-size:8px}.hero-bottom>span:last-child{display:none}.ticker{flex-wrap:wrap;gap:12px;font-size:9px;padding:20px}.ticker b{font-size:14px}.ticker b:last-of-type{display:none}.section{padding:65px 6%;scroll-margin-top:76px}.section-heading{display:block}.section-heading .intro{max-width:100%}.grid,.project-grid{grid-template-columns:1fr}.service{min-height:250px;border-right:0;border-bottom:1px solid #d7d8cd;padding:28px}.project-grid{gap:20px}.project-art{height:330px}.project-art>strong{font-size:43px}.project-caption{padding-bottom:12px}.demo-body{padding:20px}.demo-head{padding:17px;font-size:9px;gap:8px}.demo-head span{font-size:8px}.mock-preview{padding:25px}.mock-preview h3{font-size:35px}.controls{gap:7px}.chip{font-size:10px;padding:10px 13px}.excursion{padding:20px}.excursion-grid{gap:8px}.contact{padding:65px 6%}.footer{display:block}.footer strong{display:block}.split{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.hero-art,.ticker,.nav-cta,.menu-toggle{display:none}.hero-layout{display:block}.hero{min-height:0}.portfolio{background:white;color:#111}.project-grid{grid-template-columns:repeat(3,1fr)}.section{padding:30px}.project-art{height:220px}.project-art strong{font-size:27px}.section-heading .intro,.portfolio .notice,.portfolio .kicker{color:#555}.contact{padding:40px}}
@media(max-width:700px){nav{gap:7px;flex-wrap:nowrap}.brand{font-size:14px}.logo{width:30px;height:30px}.nav-cta{font-size:10px;padding:10px}.menu-toggle{font-size:10px;padding:10px 8px}}

.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:38px}.video-card{border:1px solid #d4d8ca;border-radius:12px;overflow:hidden;background:#fff}.video-card video{display:block;width:100%;aspect-ratio:16/9;background:#20271f}.video-caption{padding:25px}.video-caption>span{font-size:9px;letter-spacing:.1em;color:#62675b}.video-caption h3{font-size:23px;letter-spacing:-.04em;margin:16px 0 12px}.video-caption p{font-size:14px;color:#62675b;line-height:1.7}.video-caption summary{font-size:12px;cursor:pointer;padding:10px 0;font-weight:700}.video-caption details{border-top:1px solid #e1e4d8;margin-top:20px}.interactive-heading{margin-top:65px;padding-top:40px;border-top:1px solid #d4d8ca}.interactive-heading h3{font-size:34px;letter-spacing:-.045em;margin:16px 0}.video-card video:focus-visible,.video-caption summary:focus-visible{outline:3px solid #886900;outline-offset:3px}@media(max-width:700px){.project-grid,.video-grid{grid-template-columns:1fr}.video-caption{padding:22px}.interactive-heading h3{font-size:29px}}