@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{--ink:#172b28;--deep:#10221f;--paper:#f4f1e8;--muted:#a8b4a8;--gold:#d9bd76;--line:rgba(235,239,221,.18);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--water:#75b8d8;--fire:#e58d64;--air:#e8d9b6;--earth:#a4bd8f}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:var(--gold);color:var(--deep)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}img{max-width:100%;display:block}button{color:inherit}svg{display:block}.wrap{max-width:1440px;margin:auto;padding:0 6%}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.19em;text-transform:uppercase}.subtle{color:var(--muted)}.skip{position:fixed;top:-80px;left:16px;background:var(--paper);color:var(--ink);padding:12px;z-index:20}.skip:focus{top:10px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:14px}.monogram{font-family:var(--serif);font-size:28px;border:1px solid #9aaa92;width:46px;height:46px;display:grid;place-items:center;letter-spacing:-4px;padding-right:4px;border-radius:50%}.brand-name{font-size:14px;font-weight:600;letter-spacing:.01em}.brand-line{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:.05em}.nav{display:flex;align-items:center;gap:34px;font-size:12px}.nav a{transition:color .2s}.nav a:hover{color:var(--gold)}.nav-contact{border-bottom:1px solid #91a189;padding-bottom:4px}.arrow{display:inline-block;margin-left:10px;transition:transform .2s}a:hover .arrow{transform:translate(3px,-3px)}
.hero{position:relative;padding-top:65px}.hero-kicker{display:flex;justify-content:space-between;gap:20px;color:#bec9b7}.location{display:flex;align-items:center;gap:8px}.location::before{content:'';width:5px;height:5px;background:var(--gold);border-radius:50%}.hero-content{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center;padding:50px 0 65px}.hero h1{font-family:var(--serif);font-size:clamp(62px,6.65vw,100px);line-height:1.05;letter-spacing:-.055em}.hero h1 em{font-weight:500;color:var(--gold)}.hero-intro{max-width:410px;font-size:14px;color:#c0cabc;line-height:1.85;margin-top:32px}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:12px;border-bottom:1px solid #b4bda3;padding-bottom:10px;margin-top:28px}.text-link span{font-size:19px}.hero-art{position:relative;aspect-ratio:1/1.08;background:#1c3530;overflow:hidden;border:1px solid #3d5145}.hero-art::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 10%,#a6b98d30,transparent 65%);pointer-events:none}.art-corner{position:absolute;top:23px;left:24px;color:#aebca8;z-index:1}.art-edition{position:absolute;top:23px;right:24px;color:#aebca8;font-size:10px}.hero-art svg{width:100%;height:100%}.art-caption{position:absolute;bottom:23px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #79917366;padding-top:13px;font-size:10px;color:#c4cbb5}.art-caption strong{font-weight:500;color:var(--paper)}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:19px 0 22px;color:#a9b7a3;font-size:10px;letter-spacing:.07em}.hero-bottom .gold{color:var(--gold)}.orbit{transform-origin:290px 265px;animation:orbit 90s linear infinite}.spark{animation:glow 4s ease-in-out infinite}.spark:nth-child(2){animation-delay:1s}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes glow{50%{opacity:.4}}
.work{background:var(--paper);color:var(--ink);padding:90px 0 95px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-intro h2,.about h2{font-family:var(--serif);font-size:clamp(40px,4vw,62px);line-height:1.15;letter-spacing:-.035em;margin-top:13px}.section-intro p{max-width:350px;font-size:13px;color:#66746a}.filter-bar{display:flex;gap:20px;align-items:center;border-top:1px solid #d1d5c8;padding:19px 0 26px;flex-wrap:wrap}.filter-bar button{background:transparent;border:0;padding:3px 0;color:#67766b;font-size:11px}.filter-bar button[aria-pressed=true]{color:var(--ink);font-weight:700;border-bottom:1px solid var(--ink)}.project-count{margin-left:auto;font-size:10px;color:#6e7b70}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:35px}.project-card{min-width:0}.project-card[hidden],.prototype[hidden]{display:none}.project-image{overflow:hidden;position:relative;aspect-ratio:1.38;background:#e3e8da}.project-image svg{width:100%;height:100%;transition:transform .7s ease}.project-card:hover .project-image svg{transform:scale(1.025)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.project-card:hover img{transform:scale(1.03)}.image-stamp{position:absolute;left:18px;top:17px;font-size:9px;padding:6px 10px;color:var(--paper);background:#203931e6;letter-spacing:.08em}.image-open{position:absolute;bottom:18px;right:18px;width:35px;height:35px;border:1px solid #e0e5cf80;border-radius:50%;display:grid;place-items:center;color:var(--paper);background:#203931b0}.project-number{font-size:10px;color:#758271;margin:21px 0 6px;letter-spacing:.1em}.project-card h3{font-family:var(--serif);font-size:29px;line-height:1.2;letter-spacing:-.03em}.project-description{font-size:12px;max-width:430px;color:#657265;margin-top:12px}.project-meta{display:flex;gap:12px;font-size:9px;letter-spacing:.04em;margin-top:17px;color:#667761}.project-meta span+span::before{content:'·';margin-right:12px}.prototype{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.05fr;background:#e3e6d9;margin-top:15px;min-height:375px}.prototype-copy{padding:45px}.prototype-copy h3{font-family:var(--serif);font-size:34px;line-height:1.15;letter-spacing:-.03em;margin-top:12px}.prototype-copy p{color:#627162;font-size:12px;max-width:330px;margin-top:16px}.prototype-copy .text-link{margin-top:23px;border-color:#879780;font-size:11px}.prototype-device{background:#d5ddcd;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:30px 35px;position:relative}.device-label{position:absolute;left:25px;top:19px;font-size:8px;letter-spacing:.13em;color:#5c6f59}.nfc-reader{position:relative;width:165px;aspect-ratio:1;max-width:100%;margin:auto;border-radius:50%;background:#243b32;box-shadow:0 20px 30px #23392d26,inset 0 0 0 1px #45584a;display:grid;place-items:center}.nfc-reader::before{content:'';position:absolute;inset:21px;border:8px dotted var(--ring,#9baf86);border-radius:50%;filter:drop-shadow(0 0 5px var(--ring,#9baf86));transition:all .3s}.nfc-reader.active::before{filter:drop-shadow(0 0 13px var(--ring));transform:rotate(14deg)}.nfc-symbol{color:#c9d5bc;width:37px;z-index:1}.tags{display:flex;gap:9px}.tag{width:34px;height:43px;border:1px solid #83977c;border-radius:5px;background:#ebeee2;display:grid;place-items:center;transition:transform .15s,box-shadow .15s}.tag:hover{transform:translateY(-3px)}.tag[aria-pressed=true]{box-shadow:0 0 0 2px #425c43;transform:translateY(-3px)}.tag span{width:11px;height:11px;border-radius:50%;background:var(--tag-color)}.tag-caption{font-size:11px;color:#53664f;margin:0 0 14px}.demo-status{font-size:10px;min-height:36px;color:#3e573e;margin-top:17px;line-height:1.5}.sound-toggle{border:0;border-bottom:1px solid #a0ad94;padding:0 0 2px;margin-top:9px;background:none;font-size:9px;color:#52684d}.work-footnote{margin-top:29px;font-size:10px;color:#6e7b6a}
.about{padding:95px 0}.about-grid{display:grid;grid-template-columns:.9fr 1fr;gap:13%}.about h2 em{font-weight:500;color:var(--gold)}.about-copy>p{color:#c2cbbb;font-size:14px;line-height:1.9;margin-bottom:21px}.about-copy>p:first-child{font-size:19px;line-height:1.7;color:var(--paper)}.about-strands{margin-top:38px;border-top:1px solid var(--line)}.strand{display:grid;grid-template-columns:31px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:17px 0;font-size:12px}.strand>span{font-family:var(--serif);font-size:16px;color:var(--gold)}.strand small{display:block;font-size:10px;color:#a7b7a0;margin-top:3px}.experience{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px;padding-top:26px;border-top:1px solid var(--line)}.experience h3{font-size:12px;margin-top:12px}.experience p{font-size:11px;color:#9eb096;margin-top:8px;max-width:270px}.experience .eyebrow{color:var(--gold);font-size:9px}.contact{background:#ddc68f;color:var(--ink);padding:65px 0}.contact-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact h2{font-family:var(--serif);font-size:clamp(38px,4.5vw,68px);line-height:1.15;letter-spacing:-.035em;margin-top:12px}.contact p{font-size:12px;max-width:350px;margin-top:20px;color:#576346}.contact-links{min-width:270px;display:flex;flex-direction:column;gap:17px}.contact-links a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #8b926a;padding-bottom:12px;font-size:12px}.site-footer{padding:26px 0;display:flex;justify-content:space-between;gap:25px;align-items:center;color:#9eaf98;font-size:9px;letter-spacing:.03em}.site-footer .footer-name{font-family:var(--serif);font-size:18px;color:#e2e6d6}.footer-mark{display:flex;align-items:center;gap:12px}.footer-mark::before{content:'✳';font-size:23px;color:var(--gold)}
.case-header{padding:35px 0 55px}.back-link{font-size:11px;color:#acbca4;display:inline-block;margin-bottom:55px}.case-header .eyebrow{color:var(--gold)}.case-header h1{font-family:var(--serif);font-size:clamp(50px,7vw,95px);line-height:1.07;letter-spacing:-.045em;margin-top:20px;max-width:1000px}.case-lede{font-size:19px;color:#bac8b2;max-width:750px;margin-top:30px;line-height:1.7}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:24px;gap:25px;margin-top:45px}.case-facts dt{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#9cae94;margin-bottom:8px}.case-facts dd{font-size:12px;margin:0}.case-body{background:var(--paper);color:var(--ink);padding:65px 0}.case-feature{margin:0 0 65px;background:#e0e5d6;overflow:hidden}.case-feature>img,.case-feature>svg{width:100%;max-height:720px;object-fit:contain}.case-feature figcaption{padding:15px 20px;font-size:10px;background:#eaecdf;color:#586b55}.case-section{display:grid;grid-template-columns:.65fr 1.5fr;gap:12%;padding:38px 0;border-top:1px solid #cbd2c0}.case-section h2{font-family:var(--serif);font-size:30px;line-height:1.2;letter-spacing:-.02em}.case-section p{font-size:14px;color:#4f6450;margin-bottom:16px}.case-section p:last-child{margin-bottom:0}.case-section ul{padding-left:18px;color:#4f6450;font-size:14px;margin:0}.case-section li{padding-bottom:12px}.case-section .step-list{list-style:none;padding:0;counter-reset:steps}.step-list li{counter-increment:steps;display:grid;grid-template-columns:30px 1fr;gap:16px}.step-list li::before{content:'0' counter(steps);font-size:10px;letter-spacing:.1em;color:#839275;padding-top:3px}.case-note{background:#e4e7d9;color:#5d7158;padding:20px 25px;font-size:11px;margin-top:35px}.next-project{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:45px 0}.next-project h2{font-family:var(--serif);font-size:30px;margin-top:8px}.next-project>.arrow{font-size:35px}.case-demo{margin:0 0 65px;min-height:360px;display:grid;grid-template-columns:1fr 1fr;background:#dbe1d1}.case-demo .prototype-device{min-height:360px}.case-demo .prototype-copy{align-self:center}
@media(min-width:1500px){.hero-art{max-height:570px}.hero h1{font-size:100px}}
@media(max-width:900px){.wrap{padding:0 5%}.hero h1{font-size:clamp(54px,7.5vw,78px)}.hero-content{gap:4%;padding-top:40px}.hero-art{aspect-ratio:1/1.3}.hero-intro{font-size:12px;margin-top:23px}.art-caption{font-size:9px}.art-caption>span{display:none}.section-intro p{max-width:280px}.prototype-copy{padding:30px}.prototype-device{padding:40px 20px}.nfc-reader{width:140px}.about-grid{gap:8%}.contact-links{min-width:240px}.case-section{gap:7%}.case-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.site-header{height:80px}.brand-line{display:none}.brand-name{font-size:12px}.monogram{width:36px;height:36px;font-size:24px}.nav{gap:18px;font-size:11px}.nav-contact{display:none}.hero{padding-top:30px}.hero-kicker{font-size:8px;letter-spacing:.13em}.hero-content{grid-template-columns:1fr;padding:35px 0 30px;gap:35px}.hero h1{font-size:clamp(58px,12.8vw,84px);max-width:500px}.hero-intro{font-size:13px;max-width:370px}.hero-art{aspect-ratio:1.13}.hero-bottom{font-size:8px;gap:15px}.hero-bottom>span:last-child{text-align:right;max-width:160px}.work{padding:58px 0}.section-intro{display:block;margin-bottom:27px}.section-intro p{margin-top:20px;max-width:330px;font-size:12px}.section-intro h2,.about h2{font-size:45px}.filter-bar{gap:19px}.project-count{font-size:9px}.project-grid{grid-template-columns:1fr;gap:35px}.project-image{aspect-ratio:1.4}.project-number{margin-top:17px}.project-card h3{font-size:28px}.project-description{font-size:12px}.prototype{grid-template-columns:1fr;margin-top:0}.prototype-copy{padding:30px}.prototype-device{min-height:250px;gap:25px;padding:48px 35px 30px}.nfc-reader{width:150px}.demo-status{max-width:150px}.about{padding:60px 0}.about-grid{grid-template-columns:1fr;gap:35px}.about-copy>p:first-child{font-size:18px}.experience{grid-template-columns:1fr;margin-top:40px;gap:28px}.experience h3{margin-top:7px}.experience p{max-width:400px}.contact{padding:45px 0}.contact-grid{display:block}.contact h2{font-size:46px}.contact-links{margin-top:35px}.site-footer{font-size:8px;padding:22px 0;gap:15px}.site-footer>span:last-child{max-width:140px;text-align:right}.case-header{padding-top:25px}.back-link{margin-bottom:35px}.case-header h1{font-size:54px}.case-lede{font-size:16px}.case-facts{gap:25px 15px;margin-top:35px}.case-facts dd{font-size:11px}.case-body{padding:30px 0}.case-feature{margin-bottom:35px}.case-section{grid-template-columns:1fr;gap:22px;padding:30px 0}.case-section h2{font-size:29px}.case-section p,.case-section li{font-size:13px}.case-demo{grid-template-columns:1fr;margin-bottom:35px}.case-demo .prototype-device{min-height:270px}.case-demo .prototype-copy{padding:30px}.next-project h2{font-size:25px}.next-project .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Creative Pace editorial portfolio */
.brand-name{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:-.04em}.brand-line{font-family:var(--sans);font-size:8px;letter-spacing:.13em;margin-top:5px}.monogram{color:var(--gold);width:50px;height:50px;font-size:34px;letter-spacing:-.14em;padding-right:7px;padding-bottom:8px}.site-header{height:110px}.nav{font-size:12px;gap:27px}.menu-toggle{display:none}.hero{padding-top:38px}.hero-content{grid-template-columns:1.15fr 1fr;gap:7%;padding:53px 0 59px}.hero h1{font-size:clamp(52px,6.2vw,92px);line-height:1.1}.hero h1 em{white-space:nowrap}.hero-intro{font-size:16px;line-height:1.85;max-width:415px}.hero-detail{font-size:11px;line-height:1.8;color:#aebeaa;margin-top:19px}.button-gold{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:15px 23px;background:var(--gold);color:var(--ink);font-size:12px;font-weight:600;margin-top:30px;transition:background .2s,transform .2s}.button-gold:hover{background:#ead5a0;transform:translateY(-2px)}.button-gold>span{font-size:18px}.hero-art{display:block;aspect-ratio:auto;padding:20px;transform:rotate(1.2deg);box-shadow:15px 15px 0 #10251e55;transition:transform .35s}.hero-art:hover{transform:rotate(0deg)}.art-top{display:flex;justify-content:space-between;color:#b9c9ab;font-size:10px;position:relative;z-index:1}.art-top .eyebrow{font-size:9px}.hero-study{width:100%;height:auto;aspect-ratio:1.17;object-fit:cover;transform:scale(1.12);margin:6px 0 9px}.art-caption{position:relative;inset:auto;padding-top:16px;font-size:12px;align-items:center;z-index:1}.art-caption strong{font-family:var(--serif);font-size:25px;display:block}.art-caption small{font-size:9px;letter-spacing:.13em;color:#adbd9f;display:block;margin-bottom:6px}.art-caption>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #879a7366;border-radius:50%;font-size:21px}.art-footnote{display:block;font-size:9px;color:#adbd9f;margin-top:9px;position:relative}.section-intro h2{font-size:clamp(37px,3.8vw,57px)}.section-intro h2 em{color:#6a795f}.section-intro p{font-size:14px;line-height:1.85;max-width:340px}.filter-bar{padding:22px 0 33px;gap:25px}.filter-bar button{font-size:12px}.project-grid{grid-template-columns:1fr 1fr;gap:42px 35px}.featured-project{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center;padding-bottom:8px}.featured-project[hidden]{display:none}.featured-project .project-number{margin-top:0}.featured-project h3{font-size:42px}.project-card h3{font-size:32px}.project-description{font-size:14px;line-height:1.8;max-width:510px}.project-number{font-size:10px;margin-top:23px;margin-bottom:10px}.project-meta{font-size:10px;flex-wrap:wrap;gap:7px 14px}.project-meta span+span::before{margin-right:14px}.project-copy .text-link{font-size:12px;margin-top:26px}.image-stamp{font-size:9px}.image-open{width:39px;height:39px;font-size:20px}.sketchbook-project{grid-column:1/-1;border-top:1px solid #cbd2c1;border-bottom:1px solid #cbd2c1;display:grid;grid-template-columns:55px 1fr 35px;gap:25px;align-items:center;padding:27px 0}.sketchbook-project[hidden]{display:none}.sketchbook-number{font-family:var(--serif);font-size:36px;color:#9ba98b}.sketchbook-project h3{font-size:29px;margin-top:6px}.sketchbook-project p:not(.eyebrow){font-size:13px;color:#67795b;max-width:680px;line-height:1.8;margin-top:7px}.sketchbook-project .eyebrow{font-size:9px}.sketchbook-project>span:last-child{font-size:28px}.work-footnote{font-size:11px;line-height:1.85;max-width:850px}.approach{padding:85px 6% 90px}.approach-intro{display:flex;justify-content:space-between;gap:50px;align-items:end}.approach h2{font-family:var(--serif);font-size:clamp(34px,3.4vw,50px);line-height:1.2;letter-spacing:-.035em;margin-top:18px}.approach h2 em{color:var(--gold)}.approach-intro>p{max-width:340px;font-size:14px;line-height:1.85;color:#bdc9b4}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.approach-grid article{border-top:1px solid var(--line);padding-top:22px}.approach-grid article>span{font-family:var(--serif);font-size:20px;color:var(--gold)}.approach-grid h3{font-size:16px;margin-top:18px}.approach-grid p{font-size:13px;line-height:1.85;color:#b7c5ae;margin-top:12px;max-width:320px}.about-paper{background:#e4e7da;color:var(--ink);padding:85px 0 80px;max-width:none}.about-paper h2 em{color:#6d7e5e}.about-paper .about-copy>p{font-size:14px;color:#5b6e54}.about-paper .about-copy>p:first-child{font-size:20px;color:var(--ink)}.about-signature{display:flex;align-items:center;gap:24px;font-family:var(--serif);font-size:25px;font-style:italic;margin-top:33px}.about-signature span{font-size:36px;color:#8d9e75;font-style:normal}.experience-list{margin-top:60px;border-top:1px solid #21392f30}.experience-list article{display:grid;grid-template-columns:.6fr 1.5fr 1.2fr;gap:25px;align-items:center;border-bottom:1px solid #21392f30;padding:24px 0}.experience-list article>.eyebrow{font-size:10px;color:#68795e}.experience-list h3{font-size:15px;font-weight:500}.experience-list div p{font-size:11px;color:#637459;margin-top:3px;line-height:1.8}.experience-list article>span{font-size:12px;color:#637459;line-height:1.8}.education{display:grid;grid-template-columns:.6fr 2.7fr;gap:25px;margin-top:32px}.education>.eyebrow{font-size:10px;color:#68795e;padding-top:3px}.education div p{font-size:12px;line-height:1.9}.education div p+p{margin-top:6px}.education span{color:#6e7e61;margin-left:15px}.contact{padding:72px 0}.contact .eyebrow{font-size:10px}.contact h2{font-size:clamp(39px,4.5vw,66px);margin-top:19px}.contact h2 em{color:#5e6a46}.contact p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:400px}.contact-links{min-width:285px;gap:21px}.contact-links a{font-size:14px;padding-bottom:14px}.site-footer{font-size:10px;padding:29px 0}.site-footer .footer-name{font-size:24px}.case-section p,.case-section li{line-height:1.9}.case-section strong{font-weight:600;color:#2c4b34}.case-feature figcaption{font-size:11px;line-height:1.8}.secondary-figure{margin:27px 0 0}.case-note{border-left:2px solid #8c9f73;line-height:1.9}.relic-journey{padding:50px 7%;text-align:center;background:#e3e7d7;margin-bottom:45px}.relic-journey>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:35px auto;max-width:770px}.relic-journey b{font-family:var(--serif);font-size:40px;font-weight:400;display:grid;place-items:center;width:95px;aspect-ratio:1;border:1px solid #a2b18d;background:var(--paper)}.relic-journey i{font-size:22px;color:#879874}.relic-journey h2{font-family:var(--serif);font-size:30px}.relic-journey small{font-size:11px;color:#718360}
@media(max-width:1000px){.hero h1{font-size:clamp(48px,6.2vw,68px)}.hero-content{gap:5%}.hero-intro{font-size:14px}.hero-study{aspect-ratio:1.05;transform:scale(1.25)}.hero-art{padding:15px}.featured-project{gap:30px;grid-template-columns:1.2fr 1fr}.featured-project h3{font-size:34px}.project-description{font-size:13px}.approach-intro{gap:35px}.approach-intro>p{max-width:285px}.approach-grid{gap:25px}.experience-list article{grid-template-columns:.6fr 1.5fr 1fr}.contact-links{min-width:260px}.contact-links a{font-size:13px}.section-intro p{max-width:285px}}
@media(max-width:720px){.site-header{height:90px;position:relative}.brand-name{font-size:22px}.brand-line{display:block;font-size:7px}.monogram{width:43px;height:43px;font-size:31px}.brand{gap:12px}.menu-toggle{display:flex;align-items:center;gap:10px;background:none;border:1px solid #9aaa9266;padding:8px 11px;font-size:11px}.menu-toggle span{color:var(--gold);font-size:16px}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:#1b382e;padding:15px 24px;border:1px solid #80957166;box-shadow:0 20px 25px #10241f44;z-index:20}.nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav a{padding:12px 0}.nav-contact{display:block}.hero{padding-top:26px}.hero-kicker{font-size:9px;letter-spacing:.1em}.hero-content{grid-template-columns:1fr;gap:40px;padding:34px 0 39px}.hero h1{font-size:clamp(48px,10.5vw,74px)}.hero-intro{font-size:15px;margin-top:25px}.hero-detail{font-size:10px;margin-top:17px}.button-gold{margin-top:25px}.hero-art{aspect-ratio:auto;margin:0 4px;max-width:500px}.hero-study{aspect-ratio:1.5;transform:scale(1.1)}.art-caption>span{display:grid}.art-caption strong{font-size:24px}.hero-bottom{font-size:8px;letter-spacing:.07em}.hero-bottom>span:last-child{max-width:none;white-space:nowrap}.work{padding:55px 0}.section-intro{display:block;margin-bottom:28px}.section-intro h2{font-size:37px;line-height:1.2}.section-intro p{font-size:13px;margin-top:23px;max-width:430px}.filter-bar{gap:18px;padding:19px 0 29px}.filter-bar button{font-size:10px}.project-count{font-size:9px}.project-grid{grid-template-columns:1fr;gap:35px}.featured-project{grid-template-columns:1fr;gap:0;padding:0}.project-copy{padding-top:22px}.project-card h3,.featured-project h3{font-size:31px}.project-description{font-size:13px}.project-number{font-size:9px;margin-top:21px;margin-bottom:9px}.project-meta{font-size:10px;gap:6px 12px}.project-copy .text-link{margin-top:21px}.image-stamp{font-size:8px;left:13px;top:13px}.image-open{width:34px;height:34px;right:14px;bottom:14px}.sketchbook-project{grid-template-columns:35px 1fr 20px;gap:14px;padding:24px 0}.sketchbook-project h3{font-size:27px}.sketchbook-number{font-size:28px}.sketchbook-project .eyebrow{font-size:8px}.sketchbook-project p:not(.eyebrow){font-size:12px}.sketchbook-project>span:last-child{font-size:23px}.work-footnote{font-size:10px}.approach{padding:55px 5% 60px}.approach-intro{display:block}.approach h2{font-size:34px}.approach-intro>p{font-size:13px;max-width:420px;margin-top:23px}.approach-grid{grid-template-columns:1fr;gap:27px;margin-top:35px}.approach-grid article{position:relative;padding:20px 0 0 40px}.approach-grid article>span{position:absolute;top:19px;left:0}.approach-grid h3{margin:0}.approach-grid p{max-width:100%;margin-top:8px}.about-paper{padding:55px 0}.about-paper .about-grid{grid-template-columns:1fr;gap:30px}.about-paper h2{font-size:45px}.about-signature{margin-top:24px}.about-paper .about-copy>p{font-size:13px}.about-paper .about-copy>p:first-child{font-size:19px}.experience-list{margin-top:40px}.experience-list article{grid-template-columns:1fr;gap:10px;padding:23px 0}.experience-list article>.eyebrow{font-size:9px}.experience-list article>span{max-width:380px}.education{grid-template-columns:1fr;gap:12px;margin-top:27px}.education span{display:block;margin-left:0;font-size:11px}.education div p+p{margin-top:13px}.contact{padding:50px 0}.contact h2{font-size:45px}.contact .eyebrow{font-size:9px}.contact-links{margin-top:35px}.contact-links a{font-size:13px}.site-footer{flex-wrap:wrap;gap:14px;font-size:9px;padding:25px 0}.site-footer>a{margin-right:auto}.site-footer .footer-name{font-size:22px}.site-footer>span:last-child{max-width:none;width:100%;text-align:left;font-size:8px}.case-feature figcaption{font-size:10px;padding:14px 15px}.secondary-figure{margin-bottom:0}.relic-journey{padding:30px 20px}.relic-journey>div{gap:6px;margin:25px 0}.relic-journey b{font-size:27px;width:48px}.relic-journey i{font-size:16px}.relic-journey h2{font-size:25px;line-height:1.3}.relic-journey small{font-size:9px}}
@media(max-width:390px){.hero h1{font-size:46px}.hero-kicker{font-size:8px}.location{font-size:8px}.filter-bar{gap:12px}.filter-bar button{font-size:9px}.project-count{font-size:8px}.case-header h1{font-size:44px}}
body svg.ui-arrow{display:inline-block;width:17px;height:17px;vertical-align:middle;flex-shrink:0}.hero-study{object-fit:contain;transform:none;aspect-ratio:1.22}.nav a{display:inline-flex;gap:5px;align-items:center}.hero-art .art-caption svg.ui-arrow{width:19px;height:19px}.text-link span{display:inline-flex;align-items:center;gap:5px}.contact-links>a>span{display:inline-flex;align-items:center;gap:5px}.image-open svg.ui-arrow{width:19px;height:19px}

/* Combined editorial direction: personal introduction, substantive case studies, and reel. */
:root{--ink:#111d29;--deep:#0b141e;--paper:#f0ede4;--muted:#aeb7bf;--gold:#91d7e1;--line:rgba(240,237,228,.2)}
html{scroll-padding-top:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.combined-brand{font-family:var(--sans);font-size:12px;font-weight:650;letter-spacing:2px}.combined-brand>span{display:flex;gap:7px;align-items:center}.pace-word{display:flex;align-items:center}.identity-dot{display:inline-block;width:5px;height:5px;background:var(--gold);margin-left:5px}.site-header{height:105px}.nav a{gap:6px}.nav-contact{border-color:#91d7e180}.hero-bottom{color:var(--muted)}.hero-bottom a{color:var(--paper)}.hero-bottom a>span{margin-left:18px;color:var(--gold)}.button-gold:hover{background:#b2e6eb}.combined-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:0 9%;padding-top:55px}.combined-kicker{display:flex;align-items:center;gap:13px;color:var(--gold);font-size:10px}.combined-kicker>span{display:inline-block;width:22px;height:1px;background:var(--gold)}.combined-hero h1{font-family:var(--serif);font-size:clamp(100px,11.5vw,155px);letter-spacing:-.065em;line-height:.89;margin-top:27px;margin-left:-5px}.combined-hero h1>span{display:inline-block;margin-left:13%}.combined-hero h1 i{font-style:normal;color:var(--gold)}.combined-discipline{font-size:20px;line-height:1.4;letter-spacing:-.3px;margin-top:29px}.combined-intro{font-size:13px;line-height:1.8;color:var(--muted);max-width:420px;margin-top:16px}.combined-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:27px}.combined-actions .button-gold,.combined-actions .text-link{margin-top:0}.combined-actions .button-gold{font-size:11px;padding:13px 20px;gap:27px}.combined-actions .text-link{font-size:11px;gap:22px;border-color:#aeb7bf99;padding-bottom:7px}.combined-portrait{position:relative;align-self:center;margin:12px 0 0;padding-right:20px}.combined-portrait>div{aspect-ratio:.83;overflow:hidden;background:#c4c0bb}.combined-portrait img{width:100%;height:100%;object-fit:cover;object-position:51% center}.combined-portrait figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:13px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.portrait-side{position:absolute;right:-8px;top:0;writing-mode:vertical-rl;font-size:8px;letter-spacing:1.6px;color:var(--muted)}.combined-hero .hero-bottom{grid-column:1/-1;margin-top:43px;font-size:9px;letter-spacing:1.1px}
.work{padding:83px 0 88px}.work .section-intro h2 em,.about-paper h2 em{color:#4f7580}.section-intro p{color:#5a6973}.filter-bar{border-color:#c8cbd0}.filter-bar button{color:#5d6e79}.filter-bar button:focus-visible,.project-card:focus-visible{outline-color:#3b7887}.project-count,.project-number{color:#637680}.project-image{background:#e3e5e5}.image-stamp{background:#142a36ed;color:var(--paper)}.image-open{background:#142a36cf}.project-description,.project-meta,.sketchbook-project p:not(.eyebrow),.work-footnote{color:#566b77}.sketchbook-project{border-color:#c5ccd0}.sketchbook-number{color:#7e9daa}.project-copy .text-link{border-color:#7c9ba5}.project-card:hover h3{color:#376573}.project-card:focus-visible{outline-offset:10px}.project-image img{transition:transform .35s}.work-footnote{max-width:850px}
.combined-reel{background:#1b2b3a;padding:79px 0 84px}.combined-reel-grid{display:grid;grid-template-columns:.75fr 1.4fr;gap:8%;align-items:center}.reel-intro>.eyebrow{color:var(--gold)}.reel-intro h2{font-family:var(--serif);font-size:clamp(40px,4.7vw,65px);letter-spacing:-.04em;line-height:1.12;margin-top:23px}.reel-intro h2 em{font-weight:500}.reel-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:260px;margin-top:25px}.reel-intro .text-link{margin-top:27px;border-color:#b4c3cb}.reel-player{aspect-ratio:16/9;position:relative;overflow:hidden;background:#0b121b}.reel-preview{width:100%;height:100%;object-fit:cover;filter:saturate(.6);opacity:.7}.reel-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,11,18,.4),rgba(5,11,18,.16) 50%,rgba(5,11,18,.65))}.reel-frame-label{position:absolute;top:24px;left:24px;font-size:9px;letter-spacing:2px}.reel-time{position:absolute;bottom:24px;right:24px;font-size:12px;font-variant-numeric:tabular-nums}.play-button{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:18px;width:100%;background:transparent;color:var(--paper);border:0;cursor:pointer;font-size:13px;font-weight:600}.play-button:focus-visible{outline:3px solid var(--gold);outline-offset:-7px}.play-icon{display:grid;place-items:center;border:1px solid rgba(240,237,228,.65);width:64px;height:64px;border-radius:50%;padding-left:3px;font-size:14px;transition:background .2s,color .2s,transform .2s}.play-button:hover .play-icon{background:var(--paper);color:var(--ink);transform:scale(1.06)}.reel-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.reel-caption{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-top:14px;color:var(--paper);line-height:1.5}.reel-caption span{color:var(--muted)}
.approach-intro>p,.approach-grid p{color:var(--muted)}.about-paper{background:#e7e3d9}.about-paper .about-copy>p{color:#546674}.about-signature span{color:#7e9daa}.about-paper .text-link{border-color:#7e9daa}.about-paper a:focus-visible,.contact a:focus-visible{outline-color:#3b7887}.experience-list{border-color:#bdc6c9}.experience-list article{border-color:#bdc6c9}.experience-list article>span,.experience-list article p:not(.eyebrow){color:#546674}.experience-list article>.eyebrow{color:#46717c}.education{border-color:#bdc6c9}.education span{color:#546674}.contact{background:#dce8e8}.contact p{color:#4f6873}.contact-links a{border-color:#9db3bc}.contact-links a:hover{color:#376573}.site-footer{color:var(--muted)}.site-footer .footer-name{color:var(--paper)}.case-header .back-link{color:var(--muted)}.case-lede{color:#b7c3cd}.case-facts dt{color:var(--muted)}.case-feature{background:#dde3e3}.case-feature figcaption{background:#e4e6e2;color:#516874}.case-section{border-color:#bdc8cd}.case-section p,.case-section ul{color:#4f6572}.step-list li::before{color:#738c96}.case-note{background:#e0e6e4;color:#526b78}.relic-journey{background:#dfe8e7}.case-demo{background:#e0e6e4}.prototype-device{background:#d8e3e3}.prototype-copy p,.tag-caption,.device-label{color:#506b79}.nfc-reader{background:#1b3442}.demo-status,.sound-toggle{color:#3d5b6d}.tag{border-color:#829aa5}.tag[aria-pressed=true]{box-shadow:0 0 0 2px #3b6478}.prototype-copy .text-link{border-color:#8da5ae}
@media(max-width:1050px){.combined-hero{gap:0 6%;grid-template-columns:1.12fr 1fr;padding-top:45px}.combined-hero h1{font-size:clamp(100px,12vw,135px)}.combined-discipline{font-size:18px}.combined-actions{gap:20px}.combined-portrait{align-self:center}.combined-reel-grid{gap:6%;grid-template-columns:.8fr 1.2fr}.site-header .nav{gap:23px}}
@media(max-width:760px){.combined-hero{grid-template-columns:1.05fr 1fr;gap:0 5%}.combined-hero h1{font-size:clamp(90px,13.5vw,112px)}.combined-discipline{font-size:17px}.combined-intro{font-size:12px}.combined-actions{gap:17px}.combined-actions .button-gold{padding:11px 15px;font-size:10px;gap:18px}.combined-actions .text-link{font-size:10px}.combined-portrait{align-self:start;margin-top:62px;padding-right:13px}.combined-portrait>div{aspect-ratio:.72}.portrait-side{font-size:7px;right:-6px;letter-spacing:1.1px}.combined-portrait figcaption{font-size:8px;gap:5px;flex-wrap:wrap}.combined-reel{padding:56px 0 60px}.combined-reel-grid{grid-template-columns:1fr;gap:32px}.reel-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.reel-intro>.eyebrow{grid-column:1/-1}.reel-intro h2{font-size:46px;margin-top:20px}.reel-intro>p:not(.eyebrow){font-size:13px;align-self:center;margin-top:20px}.reel-intro .text-link{width:fit-content;margin-top:20px;font-size:12px}.reel-caption{font-size:10px}.reel-frame-label{font-size:8px;top:18px;left:18px}.reel-time{bottom:18px;right:18px}.play-icon{width:56px;height:56px}}
@media(max-width:650px){.site-header{height:80px}.combined-brand{font-size:11px;letter-spacing:1.6px}.site-header .nav{gap:0}.combined-hero{display:block;padding-top:33px}.combined-kicker{font-size:9px}.combined-hero h1{font-size:clamp(112px,23vw,150px);line-height:.89;margin-top:25px}.combined-hero h1>span{margin-left:10%}.combined-discipline{font-size:21px;margin-top:26px}.combined-intro{font-size:14px;max-width:440px;margin-top:16px}.combined-actions{gap:25px;margin-top:25px}.combined-actions .button-gold{font-size:11px;padding:13px 20px;gap:24px}.combined-actions .text-link{font-size:11px}.combined-portrait{width:100%;max-width:480px;margin:36px 0 0;padding-right:14px}.combined-portrait>div{aspect-ratio:1.2}.combined-portrait img{object-position:51% 40%}.combined-portrait figcaption{font-size:9px;flex-wrap:nowrap;margin-top:12px}.portrait-side{font-size:8px;letter-spacing:1.2px}.combined-hero .hero-bottom{margin-top:29px;font-size:8px;gap:20px}.combined-hero .hero-bottom>span{max-width:200px}.hero-bottom>a{white-space:nowrap}.hero-bottom a>span{margin-left:10px}.experience-list article>span{max-width:none}.work{padding:55px 0}.reel-intro h2{font-size:42px}.reel-intro>p:not(.eyebrow){font-size:12px}.case-header h1{overflow-wrap:break-word}.case-facts dd{overflow-wrap:anywhere}.contact-links a{gap:15px}.contact-links>a:first-child{overflow-wrap:anywhere}.menu-toggle{color:var(--paper)}}
@media(max-width:390px){.combined-brand{font-size:10px}.combined-hero h1{font-size:108px}.combined-discipline{font-size:19px}.combined-intro{font-size:13px}.combined-actions{gap:22px}.combined-actions .button-gold{padding:12px 16px;gap:18px;font-size:10px}.combined-actions .text-link{font-size:10px}.hero-bottom>a{font-size:7px}.reel-intro{gap:0 18px}.reel-intro h2{font-size:37px}.reel-intro>p:not(.eyebrow){font-size:11px}.reel-caption span{font-size:9px}.combined-hero .hero-bottom>span{max-width:175px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{body{background:white;color:#17212b;font-size:10pt}.wrap{max-width:none;padding:0}.site-header{height:45px;border-color:#aaa}.menu-toggle,.nav,.combined-portrait,.combined-actions,.hero-bottom,.filter-bar,.project-image,.combined-reel,.approach,.site-footer,.contact-links>a:last-child{display:none!important}.combined-hero{display:block;padding-top:15px}.combined-hero h1{font-size:56pt;line-height:1;letter-spacing:-3px;margin-top:10px}.combined-hero h1 br{display:none}.combined-hero h1>span{margin-left:15px}.combined-hero h1 i{color:inherit}.combined-discipline{font-size:14pt;margin-top:18px}.combined-intro{font-size:10pt;color:inherit;max-width:none;margin-top:10px}.work,.about-paper,.contact,.case-body{background:none;color:inherit;padding:22px 0}.section-intro h2,.about h2,.contact h2{font-size:24pt;line-height:1.15}.section-intro p,.project-description,.project-meta,.work-footnote,.about-paper .about-copy>p,.experience-list article>span{color:inherit}.section-intro{margin-bottom:15px}.project-grid{display:block}.project-card{display:block;break-inside:avoid;margin-bottom:18px}.featured-project{display:block;padding:0}.project-number{margin:0 0 5px;font-size:8pt}.project-card h3,.featured-project h3{font-size:19pt}.project-description{font-size:9pt;max-width:none;margin-top:6px}.project-meta{font-size:7pt;margin-top:7px}.project-copy .text-link{font-size:8pt;margin-top:8px}.sketchbook-project{padding:15px 0}.sketchbook-number,.sketchbook-project>span:last-child{display:none}.work-footnote{font-size:8pt}.about-grid{display:block}.about-paper .about-copy>p:first-child{font-size:12pt}.about-paper .about-copy>p{font-size:9pt;margin-bottom:10px}.about-signature{display:none}.about-copy{margin-top:15px}.experience-list{margin-top:20px}.experience-list article{padding:14px 0;break-inside:avoid;grid-template-columns:90px 1fr 1.2fr}.education{margin-top:18px}.contact-grid{display:block}.contact p{font-size:9pt;margin-top:10px}.contact-links{margin-top:15px;gap:8px}.contact-links a{font-size:10pt;max-width:400px}.case-header{padding:20px 0}.back-link{display:none}.case-header h1{font-size:36pt}.case-lede{font-size:12pt;color:inherit}.case-facts{margin-top:20px}.case-feature{margin-bottom:25px}.case-section{padding:20px 0;gap:7%}.case-section h2{font-size:20pt}.case-section p,.case-section ul{font-size:10pt;color:inherit}.case-note{font-size:8pt}.next-project{display:none}@page{margin:16mm}}

@media(max-width:650px){.site-header .nav{background:#1b2b3a;border-color:#9bb5c044;box-shadow:0 20px 25px #07111d44}.menu-toggle{border-color:#9bb5c066}}
