:root{--paper:#f7f7ff;--indigo:#27187d;--ink:#11121c;--muted:#737b95;--line:#dfe2ef;--content:1336px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--indigo);outline-offset:4px}.skip-link{position:absolute;left:20px;top:-60px;z-index:20;padding:12px;background:var(--paper)}.skip-link:focus{top:10px}
.site-header{position:relative;z-index:5;max-width:var(--content);height:68px;margin:24px auto 0;padding:0 24px;border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 10px 38px rgba(37,46,105,.08);background:rgba(255,255,255,.66);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.wordmark{position:relative;color:var(--indigo);font-weight:800;font-size:44px;line-height:1;letter-spacing:-.105em;width:max-content;padding-right:8px}.wordmark-notch{position:absolute;width:8px;height:3px;background:var(--paper);bottom:3px;left:19px;transform:rotate(7deg)}.site-nav{display:flex;gap:clamp(22px,4vw,58px);align-items:center;font-size:15px}.site-nav a{padding:12px 0;transition:color .2s}.site-nav a:hover,.contact a:hover{color:var(--indigo)}.identity{justify-self:end;text-align:right;display:grid;gap:6px}.identity strong{font-size:14px;font-weight:500}.identity span{text-transform:uppercase;letter-spacing:.28em;color:#52607f;font-size:9px}
.hero{position:relative;isolation:isolate;height:622px;overflow:hidden;background:radial-gradient(ellipse at 57% 84%,#e9edf7 0%,var(--paper) 64%)}.hero-image{position:absolute;z-index:-1;left:38.5%;top:0;width:52.5%;height:100%;overflow:hidden;pointer-events:none}.hero-image img{position:absolute;max-width:none;width:195.5%;height:auto;left:-77.5%;top:-15.2%}.hero-content{position:relative;z-index:1;max-width:var(--content);margin:auto;padding-top:86px}.kicker{display:flex;gap:25px;align-items:center;margin:0 0 25px;text-transform:uppercase;letter-spacing:.4em;font-size:11px;font-weight:700}.short-rule{display:block;width:39px;height:1px;background:#29304b}.hero h1{font-size:clamp(68px,6.35vw,100px);line-height:.84;letter-spacing:-.055em;text-transform:uppercase;margin:0;font-weight:700}.hero h1 span{color:#1514c5}.hero-description{max-width:470px;color:var(--muted);font-size:21px;line-height:1.4;letter-spacing:-.015em;margin:26px 0 29px}.hero-link{display:inline-flex;align-items:center;gap:25px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.33em}.arrow-circle{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#090b16;color:white;font-size:33px;font-weight:300;letter-spacing:0;transition:transform .25s}.hero-link:hover .arrow-circle{transform:translateX(5px)}.hero-side{position:absolute;right:max(3.2%,calc((100vw - var(--content))/2 - 55px));top:76px;width:92px;color:#586483;text-transform:uppercase;font-size:11px;letter-spacing:.29em;line-height:1.55}.side-rule{display:block;width:1px;height:68px;background:#192039;margin-bottom:34px}.hero-side .short-rule{margin:25px 0 143px;width:31px}.hero-side small{font-size:9px;letter-spacing:.3em;line-height:2.4;white-space:nowrap}.scroll-cue{position:absolute;left:max(6.6%,calc((100vw - var(--content))/2));bottom:55px;display:flex;gap:33px;align-items:flex-end;text-transform:uppercase;letter-spacing:.34em;font-size:9px;color:#4d5d80;line-height:1.5}.scroll-line{width:1px;height:55px;background:#1514c5;position:relative}.scroll-line:after{content:"";position:absolute;bottom:-3px;left:-3px;width:7px;height:7px;border-radius:50%;background:#1514c5}
.section{max-width:var(--content);margin:0 auto}.work{padding:31px 8px 105px}.work-heading{display:flex;align-items:center;gap:34px;margin-bottom:24px}.work-heading h2{font-size:26px;line-height:1;letter-spacing:.005em;text-transform:uppercase;white-space:nowrap;margin:0}.heading-rule{width:33px;height:1px;background:#a9b0c7}.work-heading p{margin:0;color:#6f7890;line-height:1.3;font-size:14px}.work-heading>a{margin-left:auto;white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;display:flex;gap:17px;align-items:center}.work-heading>a span{font-size:29px;font-weight:400;letter-spacing:0}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.project{position:relative;display:block;aspect-ratio:1.04;border:0;border-radius:7px;overflow:hidden;padding:0;background:#e9eaf0;color:#fff;text-align:left;transition:transform .25s,box-shadow .25s}.project:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(23,26,56,.12)}.project img{width:100%;height:100%;object-fit:cover;display:block}.project:nth-child(2) img{object-position:50% 45%}.project:nth-child(3) img{object-position:68% 48%}.project-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(6,9,22,.43),transparent 44%)}.project-overlay{position:absolute;top:17px;left:17px;display:grid;gap:4px}.project-overlay small{font-size:10px;font-weight:700;letter-spacing:.24em;margin-bottom:5px}.project-overlay strong{font-size:14px;font-weight:500}.project-overlay>span{font-size:11px}.project-arrow{position:absolute;right:16px;bottom:14px;font-size:23px;opacity:0;transition:opacity .2s}.project:hover .project-arrow,.project:focus-visible .project-arrow{opacity:1}.project:nth-child(2),.project:nth-child(4){color:#17213b}.project:nth-child(2) .project-shade,.project:nth-child(4) .project-shade{background:linear-gradient(to bottom,rgba(247,247,255,.7),transparent 43%)}.work-principle{margin:44px 0 0;text-align:center;color:#121320;font-size:16px;letter-spacing:.01em}.work-principle span{color:var(--indigo)}
.minor-section{border-top:1px solid var(--line);padding:77px 8px 105px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.section-label{font-size:11px;letter-spacing:.27em;text-transform:uppercase;color:var(--indigo);font-weight:700;margin:0}.minor-section h2{font-size:clamp(36px,5vw,68px);letter-spacing:-.05em;line-height:1;margin:0 0 24px}.minor-section p:not(.section-label){font-size:20px;line-height:1.5;color:#596078;max-width:660px;margin:0}.minor-section a{display:inline-block;margin-top:24px;border-bottom:1px solid currentColor;padding-bottom:5px}.playground{background:#f0f1fa}.contact{padding-bottom:120px}footer{border-top:1px solid var(--line);padding:28px max(6.5%,calc((100vw - var(--content))/2));display:flex;justify-content:space-between;align-items:center;color:#596078;font-size:12px}footer .wordmark{font-size:29px}.project-dialog{border:0;max-width:860px;width:calc(100% - 40px);max-height:90vh;padding:0;background:var(--paper);color:var(--ink)}.project-dialog::backdrop{background:rgba(10,12,28,.68)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.19em;text-transform:uppercase}.dialog-top button{background:none;border:0}.dialog-body{padding:38px clamp(22px,5vw,64px) 60px}.dialog-body h2{font-size:clamp(40px,6vw,75px);letter-spacing:-.05em;margin:18px 0 12px}.dialog-body>p:not(.section-label){font-size:18px;line-height:1.5;color:#606982;max-width:630px}.dialog-body img{display:block;width:100%;max-height:600px;object-fit:cover;margin-top:35px}.dialog-body .dialog-note{font-size:13px!important;margin-top:21px}
@media(max-width:1400px){.site-header,.section{margin-left:6.5%;margin-right:6.5%}.hero-content{margin-left:6.5%;margin-right:6.5%}}@media(max-width:1000px){.site-header{grid-template-columns:auto 1fr;gap:20px}.site-nav{justify-self:end;gap:22px}.identity{display:none}.hero-image{left:39%;width:59%}.hero-image img{width:228%;left:-92%;top:-15%}.hero-side{display:none}.hero h1{font-size:clamp(57px,8vw,84px)}.hero-description{max-width:360px;font-size:18px}.work-heading{flex-wrap:wrap}.work-heading>a{margin-left:auto}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project{aspect-ratio:1.22}}@media(max-width:680px){.site-header{height:auto;min-height:93px;margin:12px 4% 0;padding:12px 16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;border-radius:13px}.wordmark{font-size:35px}.site-nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:13px}.site-nav a{padding:5px 0}.identity{display:grid}.identity strong{font-size:11px}.identity span{font-size:7px;letter-spacing:.15em}.hero{height:auto;min-height:720px;display:flex;flex-direction:column;background:var(--paper)}.hero-content{margin:0;padding:55px 6% 0}.kicker{font-size:9px;gap:15px;margin-bottom:24px}.hero h1{font-size:clamp(52px,11.8vw,78px)}.hero-description{font-size:17px;max-width:360px;margin:21px 0 24px}.hero-link{font-size:10px;gap:18px}.arrow-circle{width:56px;height:56px;font-size:26px}.hero-image{position:relative;left:auto;top:auto;width:100%;height:330px;margin-top:24px;overflow:hidden;order:2}.hero-image img{width:200%;left:-70%;top:-15%}.scroll-cue{left:6%;bottom:19px;z-index:2;color:#fff}.scroll-line{background:#fff}.scroll-line:after{background:#fff}.work{padding:43px 0 70px}.section{margin-left:6%;margin-right:6%}.work-heading{gap:12px 20px;margin-bottom:24px}.work-heading h2{font-size:23px}.heading-rule{display:none}.work-heading p{order:3;width:100%;font-size:13px}.work-heading p br{display:none}.work-heading>a{font-size:8px;gap:8px}.work-heading>a span{font-size:20px}.project-grid{gap:10px}.project{aspect-ratio:.81}.project-overlay{top:12px;left:12px}.project-overlay strong{font-size:13px}.project-overlay>span{font-size:10px;max-width:135px}.work-principle{font-size:14px;margin-top:35px}.minor-section{display:block;padding:55px 0 70px}.minor-section h2{margin-top:25px;font-size:42px}.minor-section p:not(.section-label){font-size:17px}footer{padding:25px 6%;gap:20px;font-size:10px}footer .wordmark{font-size:27px}}@media(max-width:390px){.identity{display:none}.site-header{min-height:80px}.hero h1{font-size:50px}.project-grid{grid-template-columns:1fr}.project{aspect-ratio:1.2}}