@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{color-scheme:dark;--bg:#101112;--text:#eeefed;--muted:#989b9e;--line:#ffffff16;--blue:#b9caff;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:#425eaa;color:white}.skip{position:fixed;top:-80px;left:20px;background:white;color:black;padding:10px;z-index:10}.skip:focus{top:15px}header{max-width:1120px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:relative;z-index:2}.wordmark{font-weight:600;font-size:35px;letter-spacing:-2.6px;line-height:1;display:inline-flex;align-items:baseline}.wordmark>span{font-size:13px;letter-spacing:-.4px;margin-left:5px}.wordmark i{font:9px var(--sans);align-self:flex-start;margin:4px 0 0 5px}nav{display:flex;gap:30px;font-size:13px;color:#b0b2b5}nav a:hover,.header-contact:hover{color:white}.header-contact{font-size:13px;color:#c8cbd0}.header-contact span{margin-left:14px;color:var(--blue)}.hero{position:relative;isolation:isolate;text-align:center;padding:58px 24px 0;overflow:hidden;max-width:1400px;margin:auto}.hero-glow{position:absolute;z-index:-1;left:50%;top:45px;width:650px;height:590px;transform:translateX(-50%);background:radial-gradient(ellipse at 58% 43%,#345fc542,transparent 58%);filter:blur(25px)}.hero-glow:before,.hero-glow:after{content:'';position:absolute;width:110px;height:320px;background:#2659d168;filter:blur(45px);transform:rotate(28deg);left:320px;top:80px}.hero-glow:after{height:240px;left:170px;top:150px;transform:rotate(-30deg);opacity:.5}.hero-emblem{width:74px;height:74px;border:1px solid #ffffff20;border-radius:50%;margin:0 auto 29px;background:linear-gradient(140deg,#313748,#11151d);box-shadow:inset 0 0 18px #ffffff05,0 10px 30px #0004;font:italic 58px/.95 var(--serif);display:flex;justify-content:center;align-items:center;padding-bottom:9px;position:relative}.hero-emblem span{position:absolute;right:9px;top:11px;font:18px var(--sans);color:var(--blue)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;color:#b1b5bd;margin:0 0 20px}.hero h1{font-family:var(--serif);font-size:clamp(48px,6.1vw,80px);line-height:1.04;letter-spacing:-1.5px;font-weight:400;margin:0 auto 25px;max-width:950px}em{font-weight:400;color:#a8adb7}.hero h1 em{color:#becaf0}.hero-copy{font-size:16px;line-height:1.7;color:#a7abb4;margin:0 auto 28px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid #ffffff30;border-radius:8px;padding:13px 20px;font-size:13px;transition:background .2s,transform .2s}.primary{color:#17191e;background:#e7ebf4;box-shadow:inset 0 1px 0 white,0 4px 20px #0002}.primary:hover{background:white;transform:translateY(-2px)}.text-link{font-size:12px;color:#b5b8c1;display:inline-flex;align-items:center;gap:20px}.text-link:hover{color:white}.hero-bottom{max-width:1064px;margin:72px auto 0;padding:24px 0;display:flex;align-items:center;justify-content:center;gap:26px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:2px;color:#858991;position:relative}.small-star{font-size:18px;color:#b8c9f9}.hero-bottom a{position:absolute;right:0;font-size:18px}.section{max-width:1064px;margin:0 auto;padding:100px 0;border-bottom:1px solid var(--line)}.section-kicker{display:flex;align-items:center;gap:10px;font-size:12px;color:#b3b6bf}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b8c9ff;box-shadow:0 0 8px #a8bcff66;margin-right:2px}.index{font-size:10px;color:#70757f;letter-spacing:1px}.section-kicker .index{margin-left:20px}.about{display:grid;grid-template-columns:1fr 2fr;gap:40px}.about .section-kicker{align-self:start;padding-top:12px}h2{font:400 44px/1.13 var(--serif);letter-spacing:-.5px;margin:0 0 26px}.about p{font-size:16px;color:#c0c2c7;max-width:590px;line-height:1.8}.about p.muted{color:#81858d;font-size:14px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 0}.tags span{font-size:10px;padding:5px 11px;border:1px solid #ffffff16;border-radius:100px;color:#9dA1a9;background:#ffffff03}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{margin-bottom:0}.section-title .eyebrow{margin-bottom:15px}.section-intro{color:#90949c;font-size:13px;max-width:460px;margin:22px 0 36px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.work-card{padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;min-width:0}.art{height:370px;border-radius:9px;position:relative;overflow:hidden;isolation:isolate;transition:filter .3s}.work-card:hover .art{filter:brightness(1.08)}.art-top,.art-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;font-size:7px;font-weight:500;letter-spacing:1.3px}.art-top{top:23px}.art-bottom{bottom:20px;align-items:center}.art-bottom>span:last-child{font-size:20px}.identity-art{background:#c9d3b8;color:#344031}.identity-art:before{position:absolute;inset:0;content:'';background:linear-gradient(125deg,transparent 45%,#253d1b22);z-index:-1}.business-card{position:absolute;width:63%;height:174px;box-shadow:6px 15px 22px #1a251f30}.back-card{background:#dce5cf;left:11%;top:70px;transform:rotate(-13deg);padding:24px;font-family:var(--serif);font-size:34px;line-height:.95}.back-card small{display:block;font:6px var(--sans);letter-spacing:1px;margin-top:22px}.front-card{background:#334c37;color:#d9e7c9;left:27%;top:142px;transform:rotate(9deg);padding:25px 28px}.specimen-logo{font-size:66px;font-weight:550;letter-spacing:-5px;line-height:1}.specimen-logo>span{font-size:13px;letter-spacing:-.6px;margin-left:8px}.card-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:16px;font-size:5px;letter-spacing:.7px}.card-bottom>span:last-child{font-size:31px;line-height:1}.slides-art{background:#292b35;color:#b2b7ce;background-image:radial-gradient(ellipse at 70% 70%,#454c71,transparent 80%)}.slide{position:absolute;aspect-ratio:16/10;border-radius:3px;box-shadow:0 15px 40px #0004}.slide-back{background:#6575b1;color:#eef0ff;width:61%;top:61px;left:29%;transform:rotate(7deg);padding:20px;font:27px/1.1 var(--serif)}.bars{display:flex;gap:8px;align-items:end;height:60px;position:absolute;right:25px;bottom:20px}.bars i{background:#dce4ff77;width:21px;height:30%}.bars i:nth-child(2){height:50%}.bars i:nth-child(3){height:75%}.bars i:nth-child(4){height:100%}.slide-front{background:#e6e8ee;color:#2e3447;width:76%;left:9%;top:123px;transform:rotate(-6deg);padding:19px 23px}.slide-mini{display:flex;justify-content:space-between;font-size:5px;letter-spacing:.6px}.slide-mini span{font-size:4px}.slide-front strong{position:absolute;font:37px/.97 var(--serif);top:60px;left:23px;font-weight:400;z-index:1}.slide-front em{color:#606f9a}.slide-foot{position:absolute;bottom:16px;left:23px;right:23px;display:flex;justify-content:space-between;font-size:4px;letter-spacing:.5px}.slide-orbit{position:absolute;width:115px;height:115px;right:24px;top:40px}.slide-orbit i{position:absolute;inset:0;border:1px solid #7482af;border-radius:50%;transform:rotate(30deg) scaleX(.5)}.slide-orbit i:nth-child(2){transform:rotate(-30deg) scaleX(.5)}.slide-orbit i:nth-child(3){transform:rotate(90deg) scaleX(.5)}.project-meta{display:flex;align-items:center;justify-content:space-between;padding-top:23px}.project-type{font-size:8px;letter-spacing:1.4px;color:#8e939d}.project-meta h3{font-size:17px;font-weight:450;margin:5px 0 0;letter-spacing:-.3px}.circle-arrow{display:flex;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:50%;height:34px;width:34px;font-size:17px;color:#aeb5c7}.project-note{font-size:10px;color:#838894;margin:9px 0 0}.concept-note{color:#797e89;font-size:10px;margin-top:28px}.services .section-title{margin-bottom:45px}.service-row{padding:37px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:60px 1fr 1fr;gap:30px}.service-number{font-size:11px;color:#818692;padding-top:8px}.service-row h3{font:400 38px/1.12 var(--serif);margin:0}.service-row p{font-size:13px;color:#9a9fa8;margin:0;line-height:1.8;max-width:400px}.service-row .tags{margin-top:18px}.service-row .text-link{margin-top:24px;color:#bec8df}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.process-grid article{padding-top:24px;border-top:1px solid #ffffff20}.process-grid article>span{color:#8b93a7;font-size:9px;letter-spacing:1.3px}.process-grid h3{font-size:18px;font-weight:450;margin:18px 0 10px}.process-grid p{font-size:13px;color:#90969f;line-height:1.8;margin:0}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq h2{font-size:40px}details{border-bottom:1px solid var(--line)}summary{list-style:none;padding:20px 0;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:13px;color:#c1c5cd}summary::-webkit-details-marker{display:none}summary span{font-size:18px;color:#7d8595;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:#969eab;margin:0 0 20px;line-height:1.8}.contact{text-align:center;position:relative;isolation:isolate;overflow:hidden;padding:100px 20px}.contact-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 95%,#2d477b38,transparent 65%)}.contact .eyebrow{font-size:9px;letter-spacing:1.7px}.contact h2{font-size:60px;line-height:1.07;margin-bottom:22px}.contact h2 em{color:#b9c8ee}.contact p:not(.eyebrow){color:#9aa1ad;font-size:14px}.contact .button{margin-top:18px}.contact-number{display:block;font-size:10px;color:#818b9e;margin-top:15px;letter-spacing:1px}footer{max-width:1064px;margin:auto;padding:40px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>span,footer>a.back-top{font-size:10px;color:#878d98}footer p{margin-right:auto;margin-left:20px}.back-top:hover{color:white}dialog{width:min(720px,calc(100% - 32px));background:#17191e;color:var(--text);border:1px solid #ffffff25;border-radius:16px;padding:40px;max-height:90vh;overflow:auto;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}dialog h2{font-size:38px;padding-right:20px}dialog p:not(.eyebrow){color:#b1b7c3;font-size:14px}dialog .art{height:370px;max-width:510px;margin:auto}.close-dialog{position:absolute;right:16px;top:10px;border:0;background:none;color:#c7ccda;font-size:28px;cursor:pointer;width:40px;height:40px}dialog .eyebrow{font-size:8px}.hero-emblem{animation:arrive .8s ease-out}.hero h1{animation:arrive 1s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:80px}.hero-bottom{margin-top:90px}}
@media(max-width:1150px){.section,footer{margin-left:40px;margin-right:40px}.art{height:330px}.business-card{height:155px}.back-card{top:60px}.front-card{top:125px;padding:20px}.slide-front{top:113px}.slide-front strong{top:48px;font-size:32px}.slide-orbit{width:95px;height:95px;right:18px}.slide-back{top:60px}.specimen-logo{font-size:57px}}
@media(max-width:750px){header{height:80px;padding:0 24px}nav{gap:20px;font-size:11px}.header-contact{display:none}.wordmark{font-size:30px}.hero{padding-top:42px}.hero-emblem{width:64px;height:64px;font-size:50px;margin-bottom:25px}.hero h1{font-size:clamp(43px,7.4vw,58px);letter-spacing:-1px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.hero-copy{font-size:14px;max-width:310px}.desktop{display:none}.hero-actions{gap:22px}.button{font-size:11px;padding:12px 16px}.text-link{font-size:11px;gap:10px}.hero-bottom{margin-top:50px;font-size:7px;gap:17px;padding-right:20px}.hero-bottom a{font-size:15px}.hero-glow{width:500px;left:45%}.section{padding:65px 0;margin-left:24px;margin-right:24px}.about{grid-template-columns:1fr;gap:28px}.about .section-kicker{padding:0}h2{font-size:37px}.about h2 br{display:none}.about p{font-size:15px}.about p.muted{font-size:13px}.work-grid{grid-template-columns:1fr;gap:36px}.art{height:350px}.business-card{height:170px}.front-card{top:135px}.back-card{top:70px}.specimen-logo{font-size:68px}.slide-front{top:120px}.slide-front strong{top:55px;font-size:38px}.slide-orbit{width:110px;height:110px}.section-title .eyebrow{font-size:8px}.section-title .index{align-self:start;margin-top:3px}.section-intro{font-size:12px;margin-bottom:28px}.service-row{grid-template-columns:24px 1fr;gap:15px;padding:28px 0}.service-row h3{font-size:33px}.service-row h3 br{display:none}.service-row>div{grid-column:2}.service-number{font-size:9px}.services .section-title{margin-bottom:30px}.process-grid{grid-template-columns:1fr;gap:24px;margin-top:30px}.process-grid h3{margin-top:10px}.faq{grid-template-columns:1fr;gap:14px}.faq h2{font-size:37px}.contact{padding:70px 5px}.contact h2{font-size:43px}.contact .eyebrow{font-size:7px;letter-spacing:1.1px}.contact .button{font-size:12px}footer{margin:0 24px;padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}footer p{margin:0;text-align:right}footer>.back-top{text-align:right}dialog{padding:35px 20px 25px}dialog h2{font-size:32px}dialog .art{height:320px}dialog .front-card{top:125px}dialog .slide-front strong{font-size:29px;top:43px}dialog .slide-orbit{width:80px;height:80px;right:15px}}
@media(max-width:390px){.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:40px}.hero-actions{gap:16px}.art{height:310px}.business-card{height:150px}.front-card{left:23%;top:120px}.back-card{top:58px}.specimen-logo{font-size:54px}.card-bottom{margin-top:9px}.slide-front strong{font-size:30px;top:43px}.slide-orbit{width:80px;height:80px;right:12px}.slide-front{top:108px}.slide-back{top:55px}.contact h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}