:root{--ink:#17202a;--paper:#f4f3ef;--lime:#d7ff57;--line:rgba(23,32,42,.16);--muted:#647078}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Noto Sans SC",sans-serif;font-size:15px}.container{width:min(1180px,calc(100% - 64px));margin:auto}.page-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15;pointer-events:none}.glow-one{width:380px;height:380px;background:#8bc8ff;top:100px;left:-150px}.glow-two{width:330px;height:330px;background:#e5ff7b;top:850px;right:-120px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{color:inherit;text-decoration:none;font-weight:800;font-size:21px;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand-mark{background:var(--ink);color:var(--lime);height:27px;width:27px;border-radius:50%;display:grid;place-items:center;font:600 15px/1 "DM Mono",monospace}.nav{display:flex;align-items:center;gap:30px}.nav a{color:inherit;text-decoration:none;font-weight:600}.nav-contact{border:1px solid var(--ink);border-radius:99px;padding:10px 16px}.menu-button{display:none;background:none;border:0;color:var(--ink);font:600 14px inherit}.hero{padding:105px 0 142px;position:relative}.eyebrow{font:500 11px/1.4 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;margin:0;color:var(--muted)}.eyebrow span{color:#a9b829;margin:0 7px}.hero h1{font-size:clamp(48px,7.5vw,101px);line-height:1.03;letter-spacing:-.07em;margin:31px 0 52px;max-width:1000px;font-weight:700}.hero h1 span{color:#738c15}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-left:50%;gap:35px}.hero-bottom p{margin:0;line-height:1.7;max-width:355px;color:#465057}.round-link{width:52px;height:52px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--lime);color:var(--ink);text-decoration:none;font-size:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-heading a,.about-foot a{color:inherit;text-underline-offset:4px;font-weight:600}.project-art{overflow:hidden;position:relative}.project-leaf .project-art{height:562px}.art-leaf{background:#d4db80}.art-leaf>p{position:absolute;z-index:2;left:8%;bottom:8%;font-size:clamp(36px,6vw,86px);line-height:.8;letter-spacing:-.08em;margin:0;color:#1b382f;font-weight:800}.art-leaf small{font-size:13px;letter-spacing:0;font-weight:500}.leaf{position:absolute;background:#24564c;border-radius:100% 0 100% 0;transform:rotate(25deg);opacity:.95}.leaf-a{width:38%;height:65%;left:16%;top:-12%;transform:rotate(-25deg)}.leaf-b{width:33%;height:55%;right:21%;bottom:-6%;transform:rotate(150deg)}.leaf-c{width:25%;height:42%;right:4%;top:8%;background:#6b935b;transform:rotate(15deg)}.project-meta{padding:16px 0 50px;display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:start}.project-meta h2{font-size:21px;letter-spacing:-.05em;margin:0}.project-meta p{margin:2px 0;color:var(--muted)}.project-meta span{font:11px "DM Mono",monospace;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-grid .project-art{height:370px}.art-tide{background:#94b7ca;display:grid;place-items:center}.tide-card{width:51%;aspect-ratio:1/1.25;background:#f6efe2;border-radius:42% 42% 5% 5%;padding:22% 12%;color:#1d3443;display:flex;flex-direction:column;justify-content:space-between}.tide-card b{font-size:clamp(24px,4vw,54px);letter-spacing:-.08em}.tide-card span{font-size:11px;line-height:1.3}.art-orbit{background:#1e273e;color:#f1f1eb}.orbit{position:absolute;border:1px solid #9ca7c5;border-radius:50%;height:130%;width:70%;left:15%;top:-15%;transform:rotate(-33deg)}.planet{width:27%;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#d5ff58,#79974c);position:absolute;left:37%;top:34%;box-shadow:0 0 60px #cffb71}.art-orbit p{position:absolute;bottom:8%;left:8%;font-size:clamp(23px,3.5vw,42px);font-weight:800;line-height:.85;letter-spacing:-.08em;margin:0}.services{padding:180px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.services h2{font-size:40px;line-height:1.12;letter-spacing:-.065em;margin:28px 0}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:45px 1fr 1.1fr;gap:18px;padding:29px 0;border-bottom:1px solid var(--line)}.service-list span{font:11px "DM Mono",monospace;color:var(--muted)}.service-list h3{margin:0;font-size:19px;letter-spacing:-.04em}.service-list p{margin:0;line-height:1.65;color:var(--muted)}.about{border-top:1px solid var(--line);padding:75px 0 94px}.about-copy{font-size:clamp(30px,4.1vw,55px);line-height:1.2;letter-spacing:-.065em;max-width:1030px;margin:62px 0 75px}.about-foot{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;color:var(--muted)}.contact{background:var(--lime);padding:117px 0 112px}.contact h2{font-size:clamp(50px,7vw,94px);line-height:1.02;letter-spacing:-.07em;margin:26px 0 61px}.contact-link{font-size:clamp(22px,3.2vw,40px);font-weight:700;letter-spacing:-.05em;color:inherit;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:5px}.contact-link span{margin-left:13px}.contact-note{font-size:12px;color:#516614;margin:18px 0 0}footer{height:110px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}footer p{margin:0}footer div{display:flex;gap:18px}footer a{color:inherit;text-decoration:none}@media(max-width:700px){.container{width:calc(100% - 38px)}.site-header{height:78px}.nav{display:none;position:absolute;top:66px;right:0;left:0;padding:20px;background:#fff;box-shadow:0 12px 30px #0001;align-items:start;flex-direction:column;gap:17px}.nav.open{display:flex}.menu-button{display:block}.hero{padding:78px 0 97px}.hero h1{font-size:51px;margin:25px 0 38px}.hero-bottom{margin-left:0}.hero-bottom p{max-width:270px;font-size:13px}.project-leaf .project-art{height:390px}.project-meta{grid-template-columns:1fr auto;padding-bottom:32px}.project-meta p{grid-row:2;grid-column:1/-1;font-size:12px}.project-grid{grid-template-columns:1fr;gap:0}.project-grid .project-art{height:315px}.services{padding:105px 0;display:block}.services h2{font-size:35px;margin-bottom:45px}.service-list article{grid-template-columns:35px 1fr;gap:10px}.service-list p{grid-column:2;font-size:13px}.about{padding:55px 0 65px}.about-copy{font-size:31px;margin:42px 0 55px}.contact{padding:80px 0}.contact h2{font-size:52px;margin:22px 0 50px}footer{height:auto;padding:33px 0;gap:22px;align-items:start;flex-direction:column}}
