:root{--paper:#f2f0ea;--ink:#181b1a;--muted:#5d625d;--line:#d4d3ca;--lime:#d7fb69;--radius:2px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #2056ef;outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(100% - 64px,1440px);margin-inline:auto}.skip-link{position:absolute;left:16px;top:-60px;background:var(--ink);color:#fff;padding:12px 16px;z-index:99}.skip-link:focus{top:12px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.brand{display:inline-flex;gap:11px;align-items:center;font-weight:900;letter-spacing:-.055em;font-size:26px}.brand-dot,.period{color:#84a42b}.brand-mark{width:31px;height:31px;border:2px solid var(--ink);font-size:20px;line-height:27px;text-align:center;position:relative;letter-spacing:-.14em;padding-right:4px}.brand-mark span{position:absolute;width:5px;height:5px;background:var(--ink);right:-4px;top:-4px}.main-nav{display:flex;align-items:center;gap:clamp(18px,3vw,46px);font-size:13px;font-weight:650}.main-nav a:not(.nav-contact):hover,.text-link:hover,.section-link:hover{opacity:.58}.nav-contact{padding:12px 0;border-bottom:1px solid var(--ink)}.nav-contact span{margin-left:18px}.hero{min-height:min(760px,calc(100svh - 104px));display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr auto;gap:0 5%;padding-top:82px}.hero-copy{align-self:center;padding-bottom:70px;position:relative;z-index:1}.eyebrow{margin:0 0 28px;font-size:11px;font-weight:800;letter-spacing:.17em;line-height:1.5}.signal-dot{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:#8fb529}.hero h1{font-size:clamp(64px,7.8vw,132px);line-height:.91;letter-spacing:-.08em;font-weight:760;margin:0 0 37px;white-space:nowrap}.hero-em{font-weight:400;font-style:italic;font-family:Georgia,serif;letter-spacing:-.075em}.hero-lead{max-width:550px;font-size:clamp(17px,1.4vw,20px);line-height:1.58;color:#464a45;margin:0 0 34px}.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:54px;padding:19px 22px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#384039}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding:8px 0}.text-link span{margin-left:10px}.hero-art{position:relative;align-self:stretch;min-height:500px;overflow:hidden;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#e7e8df}.art-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(24,27,26,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(24,27,26,.07) 1px,transparent 1px);background-size:25% 25%}.art-ring{position:absolute;width:86%;aspect-ratio:1;left:7%;top:15%;border:1.7px solid #212a23;border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.15),0 0 0 69px rgba(255,255,255,.12)}.art-ring:after{content:"";position:absolute;width:39%;aspect-ratio:1;left:30.5%;top:30.5%;border-radius:50%;background:var(--lime);box-shadow:0 0 0 1px #202820}.art-cut{position:absolute;width:140%;height:70px;background:var(--ink);top:52%;left:-20%;transform:rotate(-35deg);mix-blend-mode:multiply}.art-corner{position:absolute;font-size:10px;font-weight:750;letter-spacing:.17em}.art-corner-top{top:22px;left:22px}.art-corner-bottom{bottom:22px;right:22px}.hero-baseline{grid-column:1/-1;display:flex;justify-content:space-between;padding:18px 0 25px;border-top:1px solid var(--ink);font-size:11px;font-weight:650;letter-spacing:.05em}.work-section{background:#e9e8e0;padding:116px 0 124px}.section-heading{display:grid;grid-template-columns:1fr 300px;align-items:end;gap:40px;margin-bottom:52px}.section-heading h2,.approach-section h2,.contact-section h2{font-size:clamp(44px,5.2vw,82px);line-height:.98;letter-spacing:-.065em;margin:0;font-weight:650}.section-heading>p{margin:0 0 6px;color:#5a5e57;font-size:16px;line-height:1.55}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.project-card{display:block;background:var(--paper);transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(20,24,18,.08)}.project-visual{height:306px;position:relative;overflow:hidden;display:grid;place-items:center}.visual-index,.visual-bottom{position:absolute;font-size:10px;font-weight:800;letter-spacing:.15em}.visual-index{top:22px;left:24px}.visual-bottom{bottom:22px;right:24px}.visual-symbol{font-size:clamp(140px,19vw,295px);font-weight:850;line-height:1;letter-spacing:-.17em;position:relative;margin-right:.15em}.project-sport .project-visual{background:#162b32;color:#d8faff}.sport-symbol{font-style:italic;transform:rotate(-12deg)}.sport-dot{position:absolute;width:24%;aspect-ratio:1;border:20px solid #bce8e2;border-radius:50%;right:-18%;top:17%}.project-race .project-visual{background:#dce19a;color:#242b1a}.race-symbol{font-family:Georgia,serif;font-style:italic;font-weight:400}.race-bar{position:absolute;width:95%;height:10px;background:#242b1a;bottom:24%;left:13%;transform:rotate(-26deg)}.project-push .project-visual{background:#dd6a45;color:#301910}.push-symbol{font-weight:900;transform:skew(-8deg)}.push-line{position:absolute;width:130%;height:2px;left:-15%;bottom:26%;background:#301910}.project-birthday .project-visual{background:#c7b8d8;color:#392c47}.birthday-symbol{font-family:Georgia,serif;font-weight:400;font-style:italic}.birthday-star{position:absolute;font-size:54px;right:-18%;top:12%;letter-spacing:0}.project-info{padding:25px 27px 32px}.project-topline{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:800;letter-spacing:.12em}.status{color:#646862}.project-info h3{font-size:clamp(30px,3vw,44px);letter-spacing:-.055em;margin:31px 0 8px;font-weight:650}.project-info h3 span{float:right;font-size:25px;font-weight:400;transition:transform .2s}.project-card:hover h3 span{transform:translate(3px,-3px)}.project-info p{font-size:15px;color:#5a5e57;line-height:1.5;margin:0;max-width:430px}.section-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:24px 0 0;margin-top:52px;border-top:1px solid var(--ink);font-size:15px;font-weight:750}.section-link span{font-size:24px;font-weight:400}.approach-section{background:#19211e;color:#f3f3eb;padding:120px 0 130px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%}.approach-section h2 span{color:#b9d379}.approach-copy{padding-top:37px}.approach-copy>p{font-size:clamp(20px,2.1vw,30px);line-height:1.4;letter-spacing:-.025em;margin:0 0 75px}.principles{border-top:1px solid #7a8275}.principles>div{display:grid;grid-template-columns:45px 1fr;padding:18px 0;border-bottom:1px solid #6a726a}.principles span{font-size:11px;color:#b9d379;letter-spacing:.1em}.principles strong{font-size:13px;font-weight:650}.contact-section{padding:127px 0 135px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact-grid>div{padding-top:6px}.contact-grid p{max-width:420px;font-size:18px;line-height:1.58;color:#52574f;margin:0 0 35px}.big-mail{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--ink);padding:0 0 17px;font-size:clamp(20px,2.7vw,38px);font-weight:650;letter-spacing:-.045em}.big-mail span{font-weight:400}.site-footer{background:#d8d8ce;padding-top:45px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start;padding-bottom:95px}.footer-brand{font-size:27px;font-weight:900;letter-spacing:-.06em}.footer-main>div{font-size:14px;line-height:1.65}.footer-main nav{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600;justify-self:end}.footer-main nav a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #888e80;padding:17px 0 25px;font-size:11px;font-weight:650}.inner-hero{padding:96px 0 90px;display:grid;grid-template-columns:1fr 360px;gap:80px;border-bottom:1px solid var(--ink)}.inner-hero h1{font-size:clamp(62px,8vw,116px);letter-spacing:-.08em;line-height:.93;margin:0;font-weight:690}.inner-hero>p{margin:60px 0 0;font-size:19px;line-height:1.55;color:#53574f}.legal-layout{display:grid;grid-template-columns:220px minmax(0,790px);gap:clamp(50px,8vw,150px);padding:80px 0 145px}.legal-aside{font-size:11px;font-weight:800;letter-spacing:.14em}.legal-content h2{font-size:28px;letter-spacing:-.04em;margin:58px 0 16px}.legal-content h2:first-child{margin-top:0}.legal-content p,.legal-content li{font-size:16px;line-height:1.7;color:#41463f}.legal-content a{text-decoration:underline;text-underline-offset:3px}.legal-content ul{padding-left:20px}.legal-content address{font-style:normal;font-size:17px;line-height:1.75}.note{background:#e7e8df;border-left:3px solid #98bd35;padding:16px 20px;margin:30px 0;color:#41463f;font-size:14px;line-height:1.6}.apps-intro{max-width:760px;padding:32px 0 90px;font-size:20px;line-height:1.55;color:#4f554e}.app-list{padding-bottom:135px}.app-row{display:grid;grid-template-columns:65px 1fr 1fr;gap:30px;border-top:1px solid var(--ink);padding:39px 0 60px;scroll-margin-top:30px}.app-row:last-child{border-bottom:1px solid var(--ink)}.app-num{font-size:11px;font-weight:800;letter-spacing:.12em}.app-row h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.06em;margin:0 0 12px}.app-tag{font-size:11px;font-weight:800;letter-spacing:.1em;color:#565d55}.app-detail{font-size:18px;line-height:1.57;color:#4d534b}.app-detail p{margin:0 0 18px}.app-status{display:inline-block;border:1px solid #8f978b;padding:8px 10px;font-size:10px;letter-spacing:.12em;font-weight:800;color:#4b544a}.back-link{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:7px;font-weight:700;font-size:13px;margin-top:32px}.not-found{text-align:center;padding:160px 0 200px}.not-found h1{font-size:clamp(75px,12vw,180px);letter-spacing:-.1em;margin:0}.not-found p{font-size:20px;color:#505750}@media(max-width:1050px){.hero{grid-template-columns:1fr .55fr;gap:3%}.hero h1{font-size:clamp(63px,7vw,96px)}.art-ring{top:23%}.visual-symbol{font-size:200px}.inner-hero{grid-template-columns:1fr 280px}}@media(max-width:760px){.wrap{width:min(100% - 36px,1440px)}.site-header{height:auto;min-height:77px;align-items:flex-start;padding-top:22px;padding-bottom:17px;gap:18px;flex-wrap:wrap}.brand{font-size:22px}.brand-mark{width:26px;height:26px;font-size:17px;line-height:22px}.main-nav{width:100%;justify-content:space-between;gap:10px;font-size:11px}.main-nav a:nth-child(2){display:none}.nav-contact{padding:0 0 5px}.nav-contact span{margin-left:5px}.hero{display:block;min-height:0;padding-top:67px}.hero-copy{padding-bottom:55px}.hero h1{font-size:clamp(58px,11.3vw,90px);white-space:normal}.hero-lead{font-size:17px}.hero-art{min-height:340px;border:1px solid var(--line)}.art-ring{width:68%;left:16%;top:6%}.art-cut{height:52px}.hero-baseline{margin-top:22px}.work-section,.approach-section{padding:80px 0 90px}.section-heading,.approach-grid,.contact-grid,.inner-hero{grid-template-columns:1fr;gap:25px}.section-heading>p{max-width:480px}.project-grid{grid-template-columns:1fr}.project-visual{height:270px}.visual-symbol{font-size:220px}.approach-copy{padding-top:0}.approach-copy>p{margin-bottom:45px}.contact-section{padding:88px 0 105px}.contact-grid>div{padding-top:0}.footer-main{grid-template-columns:1fr 1fr;padding-bottom:55px}.footer-main nav{justify-self:start}.footer-main>div{grid-column:1/-1;grid-row:2}.inner-hero{padding:73px 0 65px}.inner-hero>p{margin:0}.legal-layout{grid-template-columns:1fr;gap:30px;padding:55px 0 100px}.app-row{grid-template-columns:35px 1fr;gap:14px}.app-detail{grid-column:2}.apps-intro{padding-bottom:55px}}@media(max-width:480px){.main-nav a:nth-child(3){display:none}.hero h1{font-size:clamp(48px,11vw,64px)}.hero-actions{gap:18px}.button{gap:25px}.hero-art{min-height:270px}.visual-symbol{font-size:185px}.project-visual{height:225px}.project-info{padding:22px}.section-heading h2,.approach-section h2,.contact-section h2{font-size:44px}.footer-main{grid-template-columns:1fr}.footer-main>div{grid-column:auto;grid-row:auto}.footer-main nav{grid-column:auto}.footer-bottom{gap:20px}.big-mail{font-size:22px}.inner-hero h1{font-size:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
