@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#eeeee7;--ink:#20211e;--green:#c7ff63;--line:#c8c9c0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #648732;outline-offset:6px}header{height:100px;padding:0 4%;display:flex;align-items:center;gap:50px;border-bottom:1px solid var(--line)}.logo{font-size:52px;letter-spacing:-6px;font-weight:700;line-height:1}.logo span{font-size:14px;vertical-align:top;letter-spacing:0;margin-left:8px}.nav-note{font-size:14px;line-height:1.4}nav{display:flex;gap:34px;align-items:center;margin-left:auto;font-size:14px}.contact-link{border-bottom:1px solid;padding:10px 0}.contact-link span{margin-left:25px}.hero{padding:65px 4% 22px}.eyebrow{font-size:14px;letter-spacing:1.5px;font-weight:500}.dot{width:7px;height:7px;background:#719c35;display:inline-block;border-radius:50%;margin-right:9px}h1{font-size:clamp(64px,8.7vw,150px);font-weight:500;letter-spacing:-.075em;line-height:.98;margin:43px 0 42px}.serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.035em}.period{color:#729c3b}.hero-bottom{display:flex;justify-content:space-between;align-items:center}.hero-bottom p{font-size:14px;line-height:1.7}.round-link{display:flex;align-items:center;gap:24px;font-size:14px}.round-link b{display:grid;place-items:center;width:56px;height:56px;border:1px solid #8f9185;border-radius:50%;font-size:24px;font-weight:400;transition:background .2s,transform .2s}.round-link:hover b{background:var(--green);transform:rotate(45deg)}.hero-foot{margin-top:55px;display:flex;justify-content:space-between;font-size:14px;letter-spacing:1px}.play{height:190vh;background:#171916;color:var(--paper);position:relative}.play-sticky{position:sticky;top:0;height:100svh;min-height:500px;overflow:hidden}.play-top,.play-bottom{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;z-index:2;font-size:14px;letter-spacing:1px}.play-top{top:30px;align-items:center}.play-top button{background:none;border:1px solid #51584a;color:#d5dccb;border-radius:30px;padding:10px 15px;font-size:14px}.play-bottom{bottom:35px;align-items:flex-end}.play-bottom>span:first-child{font-size:18px;letter-spacing:-.5px;line-height:1.3}#type{width:100%;height:100%;display:block;position:relative;z-index:1;touch-action:pan-y}.type-fallback{position:absolute;inset:0;display:grid;place-content:center;font-weight:700;font-size:20vw;letter-spacing:-.08em;line-height:.8;text-align:center;color:var(--green)}.section{padding:100px 4%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:46px}h2{font-size:clamp(42px,5.2vw,86px);letter-spacing:-.06em;line-height:1.02;font-weight:500;margin:25px 0 0}.section-heading p,.services-intro p{font-size:14px;line-height:1.7}.projects{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{padding:0;border:0;background:none;text-align:left}.art{aspect-ratio:1.23;position:relative;overflow:hidden;padding:27px;transition:transform .4s}.project:hover .art{transform:translateY(-5px)}.pulse{background:#c6c0f0;color:#282646}.nucleus{background:#fb733f;color:#392818}.art-label,.art-caption{font-size:14px;letter-spacing:1.3px;position:absolute;z-index:1}.art-caption{bottom:27px}.art-word{font-size:clamp(35px,4.3vw,70px);line-height:.95;letter-spacing:-.07em;position:absolute;top:35%;z-index:1}.pulse-symbol{position:absolute;right:0;top:2%;font-size:30vw;line-height:.8;color:#8376c2;transform:rotate(-25deg)}.orbit{position:absolute;right:-15%;width:65%;height:120%;top:-10%;border:1px solid #ab4628;border-radius:50%;transform:rotate(-30deg)}.o2{right:-1%;transform:rotate(15deg)}.o3{right:-25%;transform:rotate(50deg)}.project-info{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);gap:15px}h3{font-size:14px;font-weight:500;margin:0}.project-info span{font-size:14px}.study-note{font-size:14px;color:#72756a;margin:20px 0 0}.results{display:flex;gap:10%;align-items:center;padding-top:80px}.results>div{display:flex;flex-direction:column;gap:12px}.results strong{font-size:65px;font-weight:400;letter-spacing:-5px}.results span{font-size:14px;letter-spacing:1px}.results p{margin-left:auto;font-size:20px;line-height:1.4}.services{background:#242620;color:var(--paper)}.services-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.services-intro p{max-width:250px}details{border-top:1px solid #55584d}details:last-child{border-bottom:1px solid #55584d}summary{list-style:none;display:flex;align-items:center;font-size:clamp(25px,3.2vw,48px);letter-spacing:-1.5px;padding:25px 0;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:14px;letter-spacing:0;width:9%;color:#abb29c}summary b{font-size:24px;font-weight:400;margin-left:auto;color:var(--green);transition:transform .3s}details[open] summary b{transform:rotate(90deg)}.service-body{padding:0 10% 32px 9%;display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.service-body p{font-size:14px;line-height:1.8;max-width:480px;margin:0}.service-body>span{font-size:14px;line-height:1.7;color:#b9c1a8;max-width:190px}.about{display:grid;grid-template-columns:1fr 1.35fr;gap:10%;align-items:center}.portrait{background:#dadcd2;position:relative;aspect-ratio:.9;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);image-rendering:auto}.portrait>span{position:absolute;left:20px;bottom:20px;background:var(--paper);padding:9px 12px;font-size:14px;letter-spacing:1px}.about-copy p{font-size:14px;line-height:1.8;max-width:450px}.about-copy h2{margin-bottom:30px}.text-link{display:inline-block;font-size:14px;margin-top:20px;border-bottom:1px solid;padding-bottom:10px}.contact{background:var(--green);padding-bottom:25px}.contact h2{font-size:clamp(65px,10vw,160px)}.email-button{margin-top:40px;border:0;border-bottom:1px solid;background:none;padding:12px 0;font-size:22px;min-width:200px;text-align:left}.email-button span{float:right}#contact-note{font-size:14px;min-height:16px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #9ac54d;margin-top:100px;padding-top:24px}footer>span,footer>a:last-child{font-size:14px;letter-spacing:1px}dialog{background:var(--paper);border:none;padding:65px;max-width:700px;width:90%;color:var(--ink)}dialog::backdrop{background:#171916b8;backdrop-filter:blur(7px)}dialog h2{font-size:48px}dialog p{line-height:1.8;font-size:15px}.close{position:absolute;right:20px;top:20px;background:none;border:0;font-size:14px}#dialog-result{border-top:1px solid var(--line);margin-top:25px;padding-top:25px;font-size:22px}
@media(min-width:1600px){.hero,.section{padding-left:max(4%,calc((100vw - 1500px)/2));padding-right:max(4%,calc((100vw - 1500px)/2))}}@media(max-width:700px){header{height:80px;padding:0 6%;gap:25px}.logo{font-size:43px}.nav-note{font-size:14px}nav{gap:0}nav>a:not(:last-child){display:none}.contact-link{font-size:14px}.contact-link span{margin-left:12px}.hero{padding:50px 6% 22px}h1{font-size:clamp(53px,12.4vw,85px);margin-top:34px;line-height:1.03}.hero-bottom{align-items:flex-start;gap:25px;flex-direction:column}.hero-bottom p{font-size:14px}.hero-foot{font-size:14px;letter-spacing:.4px;margin-top:40px}.eyebrow{font-size:14px;letter-spacing:1px}.play{height:155vh}.play-top,.play-bottom{left:6%;right:6%;font-size:14px}.play-bottom>span:first-child{font-size:15px}.play-count{display:none}#play-hint{font-size:14px}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:22px}.projects{grid-template-columns:1fr;gap:30px}.art-word{font-size:13vw}.pulse-symbol{font-size:70vw}.project-info span{font-size:14px}.results{gap:30px;flex-wrap:wrap;padding-top:50px}.results strong{font-size:52px}.results p{font-size:16px;margin:0;width:100%}.services-intro{display:block;margin-bottom:30px}.services-intro p{margin-top:25px;max-width:300px}.service-body{display:block;padding-right:0}.service-body>span{display:block;margin-top:20px;max-width:none}summary{font-size:29px;padding:24px 0}.about{grid-template-columns:1fr;gap:40px}.portrait{aspect-ratio:1.15;max-width:400px}.contact h2{font-size:17vw}footer{margin-top:60px}.contact{padding-bottom:25px}dialog{padding:50px 25px 30px}dialog h2{font-size:38px}.play-top button{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.play{height:100svh}}