@font-face{font-family:Inter Tight;src:url('/fonts/inter-tight-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter Tight;src:url('/fonts/inter-tight-medium.woff2') format('woff2');font-weight:500 700;font-display:swap}
:root{font-family:Inter Tight,-apple-system,BlinkMacSystemFont,sans-serif;color-scheme:dark;--bg:#0b0b0b;--text:#efefed;--muted:#999b99;--quiet:#818480;--surface:#191a19;--border:#303230;--accent:#d5e6bb;--invert:#10120e;--shadow:rgba(0,0,0,.6)}
:root[data-theme=light]{color-scheme:light;--bg:#f8f8f7;--text:#222421;--muted:#646862;--quiet:#747970;--surface:#efefed;--border:#d8dbd5;--accent:#354a27;--invert:#fff;--shadow:rgba(30,35,25,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--text);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button{border:0;background:none;padding:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button svg,a svg{flex-shrink:0}::selection{background:var(--accent);color:var(--invert)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}img{display:block;max-width:100%}.skip-link{position:fixed;top:-80px;left:20px;z-index:20;padding:10px 16px;background:var(--text);color:var(--bg);border-radius:8px}.skip-link:focus{top:20px}
.portfolio{max-width:1100px;min-height:calc(100svh - 100px);margin:auto;display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:80px;align-content:center;padding:clamp(90px,17vh,190px) 24px 60px}.profile{grid-column:1;grid-row:1;z-index:2}.profile h1{font-size:26px;line-height:1.3;letter-spacing:-.6px;margin-bottom:8px}.profile h2{font-size:26px;line-height:1.35;font-weight:400;color:var(--muted);letter-spacing:-.6px}.more{display:flex;align-items:center;gap:4px;font-size:15px;color:var(--quiet);margin-top:18px;min-height:26px}.more:hover{color:var(--text)}.more[aria-expanded=true] svg{transform:rotate(180deg)}.about{font-size:17px;color:var(--muted);line-height:1.6;padding:20px 0 4px}.about p+p{margin-top:16px}.about .text-link{font-size:15px;margin-top:20px}.site-nav{display:flex;gap:22px;align-items:center;font-size:14px;line-height:1.3}.profile .site-nav{margin:30px 0 37px}.site-nav a{color:var(--quiet);display:inline-flex;align-items:center;gap:5px;min-height:30px;transition:color .2s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}
.projects{grid-column:1;grid-row:2;z-index:2}.project-row{display:flex;align-items:stretch;margin:5px -15px;border:1px solid transparent;border-radius:14px;transition:background .2s,border-color .2s;min-height:51px}.project-row.selected{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface),var(--bg) 25%));border-color:var(--border);box-shadow:0 1px 1px rgba(0,0,0,.05)}.project-select{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;text-align:left;padding:12px 0 12px 15px;min-width:0;color:var(--quiet);font-size:19px}.selected .project-select{color:var(--text)}.project-type{font-size:12px;color:var(--quiet);opacity:0;transition:opacity .2s;white-space:nowrap;margin-left:10px}.selected .project-type{opacity:1}.project-open{display:grid;place-items:center;width:42px;flex-shrink:0;color:var(--quiet);opacity:0}.selected .project-open,.project-row:focus-within .project-open,.project-row:hover .project-open{opacity:1}.project-open:hover{color:var(--text)}.seminar-invite{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:14px;margin-top:31px;min-height:38px}.seminar-invite:hover{color:var(--text)}
.showcase{grid-column:2;grid-row:1/3;align-self:start;min-width:0;margin-top:-35px;position:relative}.stage{height:510px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;perspective:1400px}.stage.arrive>*{animation:arrive .5s cubic-bezier(.2,.7,.2,1) both}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preview-caption{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;font-size:12px;color:var(--quiet);margin-top:16px;min-height:34px;text-align:center}.preview-caption:hover{color:var(--text)}.ground-shadow{position:absolute;bottom:5px;width:80%;height:25px;border-radius:50%;background:var(--shadow);filter:blur(15px);z-index:-1}.phone-pair{width:490px;height:490px;position:relative}.phone{position:absolute;padding:6px;background:linear-gradient(125deg,#8c8c89,#222 15%,#575754 50%,#141514 80%,#777);border-radius:37px;box-shadow:inset 0 0 0 1px #727470,0 30px 60px rgba(0,0,0,.3),0 8px 14px rgba(0,0,0,.2);width:213px}.phone img{width:100%;border:2px solid #080908;border-radius:31px;aspect-ratio:1206/2622;object-fit:cover;background:#000}.phone-front{left:35px;top:8px;z-index:2;transform:rotate(-7deg)}.phone-back{right:25px;top:38px;transform:rotate(8deg);width:208px}.dynamic-island{position:absolute;background:#000;width:58px;height:17px;top:13px;left:50%;transform:translateX(-50%);border-radius:15px}.phone:before{content:'';position:absolute;left:-3px;top:100px;height:38px;width:3px;border-radius:4px;background:#555}.phone:after{content:'';position:absolute;right:-3px;top:125px;height:52px;width:3px;border-radius:4px;background:#555}
.workstation{position:relative;width:100%;max-width:630px;height:450px;padding-top:36px;display:flex;align-items:center;flex-direction:column}.monitor{width:100%;position:relative;padding:9px 8px 0;background:linear-gradient(135deg,#40413e,#141513 20%,#3a3c37 80%,#141513);border-radius:8px 8px 3px 3px;border:1px solid #464741;box-shadow:0 20px 45px var(--shadow);z-index:3}.camera{position:absolute;top:3px;left:50%;width:3px;height:3px;background:#161d20;border-radius:50%}.screen{aspect-ratio:1.6;background:#f8f8f8;overflow:hidden}.screen img{width:100%;height:100%;object-fit:cover;object-position:top}.chin{height:15px;background:linear-gradient(90deg,#262723,#3e403a,#22231f);margin:0 -7px}.monitor-neck{width:112px;height:87px;background:linear-gradient(90deg,#22231f,#555750 45%,#31332d);clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);position:relative;box-shadow:inset 0 20px 20px rgba(0,0,0,.6)}.monitor-base{width:153px;height:12px;background:linear-gradient(#66695f,#282b25);border-radius:3px 3px 7px 7px;box-shadow:0 8px 10px var(--shadow);z-index:2}.desk{width:120%;height:120px;position:relative;margin-top:-6px;z-index:-1;background:linear-gradient(180deg,transparent,var(--surface) 40%,var(--bg) 92%);clip-path:polygon(15% 0,85% 0,100% 50%,100% 100%,0 100%,0 50%)}.keyboard{position:absolute;left:22%;top:27px;width:48%;height:36px;display:grid;grid-template-columns:repeat(13,1fr);gap:2px;padding:4px 5px;background:linear-gradient(#777,#333);border-radius:3px;transform:perspective(150px) rotateX(30deg);box-shadow:0 2px 2px #000}.keyboard i{background:linear-gradient(#31332f,#151613);border-radius:1px;box-shadow:inset 0 0 1px #999}.mouse{position:absolute;left:73%;top:29px;width:35px;height:24px;background:linear-gradient(100deg,#454741,#171815);border-radius:50%;box-shadow:0 2px 3px #000}.stage-desktop{padding-top:0}.stage-photo{height:510px}.product-photo{width:100%;border-radius:10px;overflow:hidden;box-shadow:0 25px 50px var(--shadow);transform:rotate(-2deg)}.product-photo img{width:100%;aspect-ratio:1.5;object-fit:cover}
.footer{display:flex;align-items:center;justify-content:flex-end;gap:28px;padding:20px 35px;min-height:80px}.footer-links{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--quiet)}.footer-links a,.copy-email{display:inline-flex;align-items:center;gap:6px;min-height:30px;font-size:12px}.footer-links a:hover,.copy-email:hover{color:var(--text)}.themes{display:flex;gap:3px;background:var(--surface);padding:4px;border-radius:9px;border:1px solid color-mix(in srgb,var(--border),transparent 50%)}.themes button{display:grid;place-items:center;width:27px;height:26px;color:var(--quiet);border-radius:5px}.themes button[aria-pressed=true]{background:var(--border);color:var(--text)}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%,10px);background:var(--text);color:var(--bg);padding:10px 20px;font-size:14px;border-radius:50px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20}.toast.visible{opacity:1;transform:translate(-50%,0)}
.dialog-open{overflow:hidden}.project-dialog{width:min(1000px,calc(100% - 40px));max-height:90svh;overflow:auto;border:1px solid var(--border);border-radius:18px;background:var(--bg);color:var(--text);padding:25px 35px 40px}.project-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(12px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-brand{font-size:12px;color:var(--quiet)}.dialog-close{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--surface)}.case-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 28px}.case-type{font-size:13px;color:var(--quiet);margin-bottom:7px}.case-heading h2{font-size:36px;letter-spacing:-1.2px;line-height:1.2}.case-summary{font-size:18px;color:var(--muted);margin-top:8px}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:15px}.text-link:hover{color:var(--accent)}.case-media{background:var(--surface);border-radius:10px;overflow:hidden;display:flex;justify-content:center}.case-media img{width:100%;height:auto;object-fit:contain}.case-media.portrait{padding:25px}.case-media.portrait img{height:530px;width:auto;border-radius:18px;max-width:100%}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.case-note{font-size:12px;color:var(--quiet)}.gallery-dots{display:flex;gap:0}.gallery-dots button{width:32px;height:32px;display:grid;place-items:center}.gallery-dots span{width:7px;height:7px;border-radius:50%;background:var(--border)}.gallery-dots button[aria-pressed=true] span{background:var(--text)}.case-description{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;margin-top:28px;color:var(--muted);font-size:17px}.case-description ul{margin:0;padding-left:18px;font-size:15px}.case-description li+li{margin-top:7px}
.editorial-shell{max-width:1120px;margin:auto;padding:0 44px}.editorial-header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:116px}.wordmark{font-size:20px;font-weight:500;letter-spacing:-.4px}.editorial-header .site-nav{gap:28px}.seminar-page{max-width:870px;margin:auto}.seminar-hero{padding:95px 0 105px;border-bottom:1px solid var(--border)}.bookmark-mark{color:var(--accent);margin-bottom:33px}.seminar-hero h1{font-size:clamp(68px,8.5vw,112px);line-height:.99;letter-spacing:-5px}.seminar-hero h1 span{color:var(--accent)}.hero-lede{font-size:24px;line-height:1.5;color:var(--muted);margin:32px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:53px;border-radius:8px;padding:14px 20px;font-size:16px;font-weight:500;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--accent);color:var(--invert)}.button.secondary{background:var(--text);color:var(--bg)}.hero-footnote{font-size:13px;color:var(--quiet);margin-top:17px}.bookmark-story{padding:95px 0;max-width:650px;font-size:29px;line-height:1.45;letter-spacing:-.5px;color:var(--muted)}.bookmark-story p+p{margin-top:25px}.bookmark-story p:first-child{color:var(--text)}.bookmark-story em{color:var(--text);font-style:normal}.bookmark-story .story-emphasis{color:var(--text);margin-top:40px}.proof-section{padding:0 0 90px;border-bottom:1px solid var(--border)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading h2{font-size:27px;letter-spacing:-.8px}.section-heading .text-link{font-size:13px;color:var(--muted)}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.proof-image{height:190px;border-radius:8px;overflow:hidden;background:var(--surface);padding:15px 0 0 15px}.proof-image img{width:450px;max-width:none;height:100%;object-fit:cover;object-position:top left;border-radius:5px 0 0 0;transition:transform .3s}.proof-strip a:hover .proof-image img{transform:scale(1.03)}.proof-modal{padding:18px 0 0;display:flex;justify-content:center;background:#171c22}.proof-modal img{width:118px;height:auto;max-width:100%;border-radius:12px 12px 0 0}.proof-strip a>span{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-top:11px}.proof-strip small{font-size:11px;color:var(--quiet)}.quiet{font-size:15px;color:var(--quiet);line-height:1.6;margin-top:25px;max-width:650px}.learning-section{padding:90px 0;border-bottom:1px solid var(--border)}.learning-section>h2{font-size:44px;letter-spacing:-1.5px;line-height:1.15;margin-bottom:45px}.lesson{display:flex;gap:32px;padding:25px 0;border-top:1px solid var(--border)}.lesson>span{font-size:13px;color:var(--quiet);padding-top:4px}.lesson h3{font-size:21px;letter-spacing:-.4px;margin-bottom:9px}.lesson p{max-width:590px;color:var(--muted);font-size:17px;line-height:1.6}.forefront{padding:95px 0;max-width:680px}.forefront>p{font-size:20px;color:var(--muted);line-height:1.6}.forefront h2{font-size:55px;line-height:1.1;letter-spacing:-2px;margin:23px 0 30px}.forefront p+p{margin-top:22px}.sessions{padding:0 0 85px;scroll-margin-top:50px}.sessions>h2{font-size:36px;letter-spacing:-1px;margin-bottom:30px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.price-option{border:1px solid var(--border);border-radius:14px;padding:30px;background:var(--surface);display:flex;flex-direction:column}.price-option.full{background:color-mix(in srgb,var(--accent),var(--bg) 96%);border-color:color-mix(in srgb,var(--accent),var(--bg) 65%)}.option-label{font-size:13px;color:var(--quiet);margin-bottom:18px}.price-option h3{font-size:24px;letter-spacing:-.6px}.price{font-size:42px;letter-spacing:-1.5px;margin:14px 0 24px}.price span{font-size:14px;letter-spacing:0;color:var(--quiet)}.price-option>p:not(.price){font-size:16px;color:var(--muted);line-height:1.6}.price-option ul{padding:20px 0 25px;margin:0;list-style:none;font-size:14px;color:var(--muted);flex:1}.price-option li{padding:9px 0;border-bottom:1px solid var(--border)}.price-option li:before{content:'✓';margin-right:10px;color:var(--accent)}.price-option .button{width:100%;font-size:14px;gap:12px}.booking-note{font-size:13px;color:var(--quiet);margin-top:22px;text-align:center}.seminar-close{padding:65px 0 95px;border-top:1px solid var(--border)}.seminar-close h2{font-size:60px;line-height:1.05;letter-spacing:-2.5px;margin-bottom:25px}.editorial-shell>.footer{border-top:1px solid var(--border);padding-right:0;padding-left:0}.notes-page{max-width:660px;margin:80px auto 100px}.notes-page h1{font-size:66px;line-height:1.05;letter-spacing:-2.6px}.article-deck{font-size:23px;line-height:1.5;color:var(--muted);margin-top:28px}.article-body{padding-top:50px;font-size:19px;line-height:1.75;color:var(--muted)}.article-body p+p{margin-top:22px}.article-body h2{font-size:29px;letter-spacing:-.7px;color:var(--text);line-height:1.3;margin:45px 0 18px}.article-body .article-end{font-size:37px;line-height:1.2;letter-spacing:-1px;color:var(--text);margin:45px 0 28px}
.phone img{height:auto}
.proof-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
.proof-strip>a{min-width:0}
.workstation{max-width:570px;height:470px;padding-top:10px}
.monitor,.monitor-neck,.monitor-base,.desk{flex-shrink:0}
.monitor-neck{height:70px}
.desk{height:90px}
.stage-desktop{height:580px;align-items:flex-start}
.stage-desktop .workstation{height:auto;margin-top:20px}
@media(min-width:1500px){.portfolio{max-width:1200px;grid-template-columns:350px 1fr;gap:0 120px;padding-top:clamp(170px,22vh,260px)}}
@media(max-width:1000px){.portfolio{max-width:790px;grid-template-columns:280px minmax(0,1fr);column-gap:35px;padding-top:110px}.profile h1,.profile h2{font-size:23px}.stage{height:420px}.phone-pair{transform:scale(.82);flex-shrink:0}.stage.arrive .phone-pair{animation:none}.showcase{margin-top:-30px}.preview-caption{font-size:11px}.workstation{height:350px;padding-top:65px}.monitor-neck{height:70px;width:88px}.monitor-base{width:125px}.project-type{display:none}.stage-photo{height:420px}.editorial-shell{padding:0 30px}}
@media(max-width:760px){.portfolio{max-width:480px;display:flex;flex-direction:column;min-height:auto;padding:52px 32px 45px}.profile h1{font-size:24px}.profile h2{font-size:24px}.profile .site-nav{margin:24px 0 0;gap:25px}.showcase{margin:30px -20px 15px;width:calc(100% + 40px);order:2;align-self:center}.stage{height:415px}.phone-pair{transform:scale(.81)}.projects{order:3;width:100%}.profile{order:1}.project-row{margin:4px -12px;min-height:49px}.project-select{font-size:18px;padding-left:12px}.project-type{display:block;font-size:11px}.project-open{width:36px}.preview-caption{font-size:11px;margin:0 auto 24px;max-width:90%}.seminar-invite{margin-top:25px}.workstation{height:350px;padding-top:42px;width:94%}.monitor-neck{height:64px;width:86px}.monitor-base{width:120px}.desk{width:110%}.stage-photo{height:340px}.product-photo{width:92%}.footer{padding:15px 25px 30px;justify-content:center;flex-wrap:wrap;gap:16px}.footer-links{gap:17px}.project-dialog{padding:18px 20px 30px;width:calc(100% - 24px);max-height:92svh}.case-heading{display:block;margin-top:15px}.case-heading h2{font-size:30px}.case-summary{font-size:16px}.visit{margin-top:18px}.case-media.portrait{padding:16px}.case-media.portrait img{height:auto;max-height:55svh}.case-description{display:block;font-size:16px;margin-top:22px}.case-description ul{margin-top:20px}.gallery-controls{gap:10px}.case-note{font-size:11px}.editorial-shell{padding:0 25px}.editorial-header{min-height:95px;align-items:flex-start;flex-direction:column;justify-content:center;gap:12px;padding:25px 0}.wordmark{font-size:19px}.editorial-header .site-nav{font-size:13px;gap:25px}.seminar-hero{padding:60px 0 65px}.bookmark-mark{margin-bottom:28px}.seminar-hero h1{font-size:75px;letter-spacing:-3.8px}.hero-lede{font-size:20px;line-height:1.5;margin:28px 0}.hero-footnote{font-size:12px}.bookmark-story{padding:65px 0;font-size:24px}.proof-section{padding-bottom:60px}.section-heading{align-items:flex-start;gap:15px;flex-direction:column}.section-heading h2{font-size:25px}.proof-strip{gap:10px}.proof-image{height:145px;padding:10px 0 0 10px}.proof-image img{width:350px}.proof-modal{padding:12px 0 0}.proof-modal img{width:90px}.proof-strip a>span{align-items:flex-start;flex-direction:column;gap:2px;font-size:13px}.proof-strip small{font-size:10px}.quiet{font-size:14px}.learning-section{padding:60px 0}.learning-section>h2{font-size:36px;margin-bottom:30px}.lesson{gap:20px}.lesson h3{font-size:19px}.lesson p{font-size:16px}.forefront{padding:65px 0}.forefront>p{font-size:18px}.forefront h2{font-size:43px;letter-spacing:-1.6px}.sessions>h2{font-size:29px}.pricing-grid{grid-template-columns:1fr;gap:20px}.price-option{padding:27px}.price-option h3{font-size:26px}.price{font-size:46px}.booking-note{text-align:left}.sessions{padding-bottom:60px}.seminar-close{padding:50px 0 65px}.seminar-close h2{font-size:52px}.editorial-shell>.footer{padding:25px 0 35px}.notes-page{margin:55px auto 70px}.notes-page h1{font-size:49px;letter-spacing:-2px}.article-deck{font-size:20px}.article-body{font-size:17px;padding-top:35px}.article-body h2{font-size:25px}.article-body .article-end{font-size:32px}}
@media(max-width:760px){.stage-desktop{height:395px}.stage-desktop .workstation{height:auto;margin-top:0;padding-top:0}.stage-desktop .desk{height:60px}.stage-desktop .keyboard{top:16px}.stage-desktop .mouse{top:18px}}
@media(max-width:440px){.phone-pair{transform:scale(.73)}}
@media(max-width:380px){.portfolio{padding-left:24px;padding-right:24px}.project-type{display:none}.stage{height:365px}.phone-pair{transform:scale(.64)}.seminar-hero h1{font-size:65px}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip a:last-child{display:none}.site-nav{gap:20px}.editorial-shell{padding:0 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}