@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#161616;--muted:#686868;--line:#dcdcdc;--paper:#f4f4f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:white;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #777;outline-offset:5px}button{cursor:pointer}.wrap{max-width:1440px;margin:auto;padding-left:6%;padding-right:6%}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.97);z-index:20}.brand{display:flex;align-items:center;gap:15px;font-weight:600;font-size:15px;line-height:1.12;letter-spacing:-.4px}.monogram{font-size:41px;font-weight:700;letter-spacing:-5px;line-height:1;padding-right:4px}.logo-dot{letter-spacing:-2px}nav{display:flex;gap:31px;font-size:14px}nav a:hover{color:#777}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--ink);color:white;padding:16px 23px;border:1px solid var(--ink);font-size:14px;font-weight:500;min-height:54px;transition:background .2s,transform .2s}.button:hover{background:#393939;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.small{min-height:44px;padding:11px 18px;font-size:13px;gap:24px}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:14px;font-weight:550;border-bottom:1px solid #aaa;padding:10px 0;transition:gap .2s}.text-link:hover{gap:28px}.menu{display:none}.eyebrow{display:block;font-size:12px;font-weight:550;letter-spacing:1.5px;line-height:1.5}.hero{padding-top:47px}.hero>.eyebrow{display:flex;justify-content:space-between}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;padding-top:52px;padding-bottom:46px}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,5.9vw,86px);line-height:1.04;letter-spacing:-4.5px;font-weight:500}.serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.025em}.hero-copy{max-width:460px;margin-top:28px;color:var(--muted);font-size:16px;line-height:1.75}.actions{display:flex;gap:28px;align-items:center;margin-top:30px}.specialties{font-size:12px;color:var(--muted);margin-top:25px}.hero-art{height:465px;position:relative;background:linear-gradient(135deg,#ececeb,#f6f6f5);margin-left:10px;overflow:hidden}.browser{background:white;border:1px solid #bbb;box-shadow:0 20px 35px #00000014;border-radius:7px;overflow:hidden}.hero-browser{position:absolute;left:7%;top:55px;width:89%;transform:rotate(-6deg)}.chrome{height:24px;background:#f5f5f5;display:flex;align-items:center;gap:4px;padding:0 10px;border-bottom:1px solid #ddd}.chrome i{height:4px;width:4px;background:#c2c2c2;border-radius:50%}.chrome span{margin-left:35px;font-size:8px;color:#999}.mini-site{overflow:hidden;line-height:1.3;min-height:235px}.mini-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;font-size:8px}.mini-nav b{font-size:10px;line-height:1.05;letter-spacing:-.3px}.mini-body{padding:23px 22px}.mini-label{font-size:7px;letter-spacing:1px}.mini-site h3{font-weight:500;font-size:40px;line-height:1;letter-spacing:-1.4px;margin:14px 0 20px}.build{background:#ecece7;color:#202020}.architecture-grid{display:flex;justify-content:space-between;border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:15px 0;font-size:8px;line-height:1.5}.mini-bottom{font-size:8px;padding-top:17px;display:flex;justify-content:space-between}.phone{position:absolute;width:106px;height:215px;background:#181818;border:4px solid #181818;box-shadow:0 15px 25px #0003;border-radius:19px;overflow:hidden;right:7%;bottom:30px;transform:rotate(7deg)}.phone-notch{position:absolute;top:5px;left:28px;width:42px;height:7px;background:#181818;border-radius:10px;z-index:1}.phone .mini-site{height:100%;padding:28px 10px 10px;min-height:0}.phone .mini-site>b{font-size:8px;display:block;line-height:1.1}.phone .mini-site h3{font-size:25px;letter-spacing:-.8px;margin-top:30px;margin-bottom:22px}.phone .mini-cta{font-size:6px;padding:7px}.hero-phone{width:132px;height:268px;right:5%;bottom:44px}.hero-phone .mini-site h3{font-size:32px;margin-top:17px}.barber{background:#222;color:#f3f0e9}.barber h3{font-family:Georgia,serif}.barber-lines{height:26px;border-top:1px solid #777;border-bottom:1px solid #777;margin:20px 0}.mini-cta{display:inline-block;border:1px solid currentColor;padding:9px 12px;font-size:7px}.art-caption{position:absolute;left:23px;bottom:22px;font-size:9px;letter-spacing:1.6px}.hero-end{display:flex;justify-content:space-between;padding:23px 0;border-top:1px solid var(--line);font-size:11px;letter-spacing:1px}.intro{padding-top:63px;padding-bottom:35px;background:var(--paper)}.intro-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:42px}.intro h2{font-size:28px;letter-spacing:-1px;font-weight:500}.intro p{font-size:14px;color:var(--muted)}.marquee{overflow:hidden;border-top:1px solid var(--line);padding-top:26px}.marquee div{white-space:nowrap;font-size:clamp(24px,3.2vw,46px);font-weight:450;letter-spacing:-1.5px;width:max-content;animation:marquee 40s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:52px}h2{font-size:clamp(38px,4.2vw,60px);letter-spacing:-2.5px;line-height:1.08;font-weight:500}.section-heading h2{margin-top:20px}.section-heading>p{max-width:300px;color:var(--muted);font-size:16px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.services-grid article{padding:29px 30px 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.services-grid article:first-child{padding-left:0}.services-grid article:last-child{padding-right:0;border:0}.number{font-size:13px;color:#777}.services-grid h3{font-size:28px;font-weight:500;letter-spacing:-.8px;line-height:1.2;margin-top:31px}.services-grid p{font-size:15px;color:var(--muted);margin-top:20px;min-height:80px}ul{list-style:none;padding:0;margin:24px 0 30px}li{font-size:14px;padding:7px 0;color:#555}li:before{content:'+';margin-right:13px;color:#222}.services-grid .text-link{margin-top:auto;align-self:flex-start}.work-section{background:#f5f5f3}.projects{display:grid;grid-template-columns:1fr 1fr;gap:50px 28px}.project-visual{height:365px;position:relative;overflow:hidden;padding:65px 35px 28px}.project-visual.dark{background:#d8d8d5}.project-visual.light{background:#e3e3df}.concept{position:absolute;top:20px;left:23px;font-size:10px;letter-spacing:1px}.project-visual>.browser{width:90%;transform:rotate(-3deg)}.project-visual .mini-site h3{font-size:33px}.project-visual .mini-body{padding-top:8px}.project-visual .phone{right:6%;bottom:22px}.project-info{padding-top:22px}.project-info h3{font-size:23px;font-weight:500;letter-spacing:-.6px}.project-info p{font-size:14px;color:var(--muted);margin-top:8px;max-width:440px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tags span{font-size:11px;border:1px solid #d3d3d3;padding:4px 10px}.project-wide{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:center}.dining-visual{background:#dbdad5}.dining{background:#e6e3d9;text-align:center;color:#343831}.dining .mini-nav{border-bottom:1px solid #aaa}.dining .mini-nav b{letter-spacing:2px}.dining h3{font-family:Georgia,serif;font-style:italic}.dining .mini-body p{font-size:8px;margin-bottom:18px}.dining-footer{display:flex;justify-content:space-between;padding:15px 20px;font-size:7px;border-top:1px solid #aaa}.why>.eyebrow{margin-bottom:22px}.why-top{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.why-top p{color:var(--muted);font-size:16px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.benefits article{border-top:1px solid var(--line);padding-top:22px}.benefits span{font-size:12px;color:#777}.benefits h3{font-size:20px;font-weight:500;margin:18px 0 12px}.benefits p{font-size:15px;color:var(--muted)}.process-section{background:var(--ink);color:white}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.process article{border-top:1px solid #505050;padding-top:20px}.process span{font-size:13px;color:#aaa}.process h3{font-size:23px;font-weight:450;margin:26px 0 14px}.process p{font-size:14px;color:#b5b5b5}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:28px}.pricing article{padding:40px;border:1px solid var(--line);display:flex;flex-direction:column}.pricing article:first-child{background:var(--paper)}.pricing h3{font-size:25px;font-weight:500;margin-top:26px}.price{font-size:51px;letter-spacing:-2px;margin:20px 0;line-height:1.3}.price small{display:block;font-size:13px;letter-spacing:0;color:#777}.price>span{font-size:14px;letter-spacing:0}.pricing p{color:var(--muted);font-size:15px;max-width:390px}.pricing ul{margin:22px 0 32px}.pricing .button{align-self:flex-start;margin-top:auto}.outline{background:white;color:var(--ink)}.outline:hover{background:#eee}.larger{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:28px 0}.larger h3{font-size:17px;font-weight:500}.larger p{max-width:620px;color:var(--muted);font-size:14px}.about-section{background:var(--paper)}.about{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:center}.founder-panel{background:#e5e5e2;aspect-ratio:1/1.15;display:flex;flex-direction:column;justify-content:space-between;padding:34px}.founder-mark{font-size:clamp(90px,16vw,220px);letter-spacing:-.13em;line-height:1;font-weight:650;margin-top:auto;margin-bottom:auto;padding-right:22px}.founder-mark>span{font-family:Georgia,serif}.founder-caption{border-top:1px solid #bbb;padding-top:20px;display:flex;flex-direction:column}.founder-caption b{font-size:17px;font-weight:500}.founder-caption span{font-size:13px;color:#666}.about h2{margin:22px 0 26px}.about p{font-size:15px;color:var(--muted);margin-top:18px}.cta{background:#151515;color:white;padding:85px 0 80px}.cta h2{font-size:clamp(55px,7.8vw,110px);margin:28px 0 38px;letter-spacing:-4px}.cta-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta p{font-size:16px;max-width:420px;color:#cecece}.cta small{font-size:12px;color:#999;display:block;margin-top:12px}.white{background:white;color:#111;border-color:white}.white:hover{background:#ddd}.contact{display:grid;grid-template-columns:1fr 1.35fr;gap:85px}.contact h2{margin:20px 0 26px}.contact>div>p{max-width:320px;color:var(--muted);font-size:16px}.contact-location{margin-top:55px;font-size:14px;line-height:2}.contact-location a{border-bottom:1px solid #aaa}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 23px}label{display:block;font-size:13px;font-weight:500}label>span{color:#888}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #bbb;padding:13px 0;background:white;border-radius:0;font-size:14px;color:#222;outline:none}input:focus,select:focus,textarea:focus{border-bottom-color:black;box-shadow:0 1px 0 black}textarea{resize:vertical;min-height:100px}form>label{margin-top:28px}.form-note{font-size:12px;color:var(--muted);margin:21px 0}#form-status{font-size:14px;margin-top:18px;max-width:500px}footer{border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;padding-top:42px;padding-bottom:50px}.footer-top p{font-size:13px;color:#777}.socials{display:flex;gap:23px;font-size:13px}.socials button{background:none;border:0;padding:0;color:#777;font-size:13px}.socials button:hover,.socials a:hover{text-decoration:underline}#social-status{font-size:13px;color:#666}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0;font-size:11px;color:#777}.footer-bottom a{letter-spacing:1px}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:black;color:white;padding:15px}.skip:focus{top:10px}.reveal{opacity:0;transform:translateY(15px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){header{padding-left:calc((100vw - 1267px)/2);padding-right:calc((100vw - 1267px)/2)}}
@media(max-width:1050px){nav{gap:18px}.header-quote{display:none}.hero-grid{grid-template-columns:1.2fr 1fr}.hero-art{height:380px}h1{letter-spacing:-3px}.hero-browser{top:52px;left:4%;width:94%}.hero-phone{width:104px;height:215px}.hero-phone .mini-site h3{font-size:25px}.hero-copy{font-size:15px}.specialties{max-width:300px}.services-grid article{padding-right:20px;padding-left:20px}.services-grid h3{font-size:24px}.project-visual{padding-left:20px;height:330px}.project-visual .mini-nav span{display:none}.project-wide{gap:30px}.about{gap:45px}.contact{gap:45px}.socials{gap:15px}.process{gap:16px}.process p{font-size:13px}}
@media(max-width:760px){header{height:78px;padding:0 6%}.brand{font-size:13px;gap:12px}.monogram{font-size:35px}.menu{display:flex;gap:18px;background:none;border:0;font-size:14px;padding:10px 0}.menu span{font-size:20px}nav{display:none;position:absolute;top:77px;left:0;right:0;background:white;border-bottom:1px solid #ddd;padding:24px 6%;gap:16px;font-size:17px;flex-direction:column}nav.open{display:flex}.hero{padding-top:28px}.hero>.eyebrow{font-size:10px}.hero>.eyebrow>span{display:none}.hero-grid{grid-template-columns:1fr;padding-top:34px;gap:38px;padding-bottom:30px}h1{font-size:clamp(43px,10.8vw,72px);letter-spacing:-2.5px;line-height:1.05}.hero-copy{max-width:480px;font-size:16px;margin-top:23px}.actions{gap:23px;margin-top:25px}.button{padding:14px 17px;gap:24px}.specialties{font-size:11px;max-width:none;margin-top:20px}.hero-art{height:360px;margin:0}.hero-browser{width:85%;left:6%;top:35px}.hero-browser .mini-site h3{font-size:36px}.hero-phone{width:115px;height:236px;bottom:29px}.hero-end{font-size:9px;letter-spacing:.6px}.hero-end>span{max-width:150px}.intro{padding-top:38px;padding-bottom:24px}.intro-top{display:block;padding-bottom:28px}.intro h2{font-size:25px}.intro p{margin-top:15px}.marquee{padding-top:19px}.marquee div{font-size:29px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:34px}.section-heading>p{margin-top:22px;max-width:400px}.eyebrow{font-size:11px}h2{font-size:clamp(36px,8vw,52px);letter-spacing:-1.7px}.services-grid{grid-template-columns:1fr}.services-grid article,.services-grid article:first-child,.services-grid article:last-child{padding:25px 0 30px;border:0;border-bottom:1px solid var(--line)}.services-grid h3{margin-top:15px;font-size:27px}.services-grid h3 br{display:none}.services-grid p{min-height:0;margin-top:15px;max-width:440px}.services-grid ul{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin:18px 0}li{font-size:13px}.projects{grid-template-columns:1fr;gap:35px}.project-wide{grid-column:auto;display:block}.project-visual{height:335px;padding-top:55px;padding-left:25px;padding-right:25px}.project-visual .mini-nav span{display:block}.project-visual>.browser{width:87%}.project-info h3{font-size:22px}.project-info p{font-size:14px}.why-top{grid-template-columns:1fr;gap:24px}.benefits{grid-template-columns:1fr;gap:27px;margin-top:35px}.benefits h3{margin-top:12px}.process{grid-template-columns:1fr}.process article{display:grid;grid-template-columns:35px 1fr;gap:0 15px;padding:20px 0}.process h3{margin:0 0 10px;font-size:23px}.process p{grid-column:2;font-size:15px;max-width:430px}.pricing{grid-template-columns:1fr;gap:20px}.pricing article{padding:28px}.pricing ul{display:block}.price{font-size:48px}.larger{display:block;padding:24px 0}.larger p{margin-top:10px}.about{grid-template-columns:1fr;gap:35px}.founder-panel{aspect-ratio:1.5;order:2;padding:25px}.founder-mark{font-size:110px;align-self:center}.about h2 br{display:none}.about p{font-size:16px}.cta{padding:60px 0}.cta h2{font-size:clamp(50px,12vw,85px);letter-spacing:-2px}.cta-bottom{display:block}.cta .button{margin-top:27px}.contact{grid-template-columns:1fr;gap:36px}.contact-location{margin-top:24px}.form-grid{gap:23px 18px}.footer-top{flex-wrap:wrap;padding:30px 0;gap:25px}.footer-top p{margin-left:auto}.socials{width:100%;gap:25px}.footer-bottom{font-size:10px;gap:20px}.footer-bottom>span{max-width:230px}}
@media(max-width:390px){.form-grid{grid-template-columns:1fr}.actions{gap:16px}.actions .button{font-size:12px;gap:15px}.actions .text-link{font-size:12px}.hero-art{height:320px}.hero-browser .mini-nav span{display:none}.hero-phone{width:100px;height:212px}.project-visual .mini-nav span{display:none}.services-grid ul{grid-template-columns:1fr}.socials{gap:18px}.footer-top p{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.image-logo{display:block;position:relative;width:112px;height:72px;overflow:hidden}.image-logo img{position:absolute;width:184px;height:auto;max-width:none;left:-36px;top:-56px}footer .image-logo{width:145px;height:96px}footer .image-logo img{width:238px;left:-47px;top:-73px}.founder-panel{background:white;padding:24px}.founder-logo{width:100%;height:auto;min-height:0;object-fit:contain;margin:auto}.founder-caption{flex-shrink:0}@media(max-width:760px){.image-logo{width:95px;height:62px}.image-logo img{width:156px;left:-30px;top:-47px}.founder-panel{aspect-ratio:auto}.founder-logo{max-height:300px}}


/* Refined studio layout */
header{height:82px}.wrap{max-width:1400px}.hero{padding-top:35px}.hero-grid{grid-template-columns:55fr 45fr;padding-top:35px;padding-bottom:70px;gap:45px;min-height:580px}h1{font-size:clamp(48px,5.55vw,78px);font-weight:600;line-height:1.07;letter-spacing:-3.5px;max-width:650px}.hero-copy{font-size:16px;max-width:490px}.hero-art{background:#efefed;margin:0;height:420px;display:flex;align-items:center;padding:30px}.hero-browser{position:relative;left:auto;top:auto;width:100%;transform:none}.hero-browser .mini-site{min-height:300px}.hero-browser .mini-site h3{font-size:48px}.hero-browser .mini-body{padding-top:35px}.hero-browser .chrome span{display:none}.specialties{font-size:13px;line-height:1.7}.section{padding-top:85px;padding-bottom:85px}h2{font-size:clamp(36px,4vw,55px);letter-spacing:-2px;font-weight:500}.section-heading{margin-bottom:40px}.section-heading h2{margin-top:0}.services-grid article{padding-top:26px;padding-bottom:15px}.services-grid h3{font-size:25px;margin-top:22px}.services-grid p{font-size:16px;min-height:0;margin-top:16px}.work-section{background:#f5f5f3}.projects{gap:55px 30px}.project:nth-child(3){grid-column:1/-1;max-width:100%;width:100%}.project:nth-child(3) .project-visual{height:430px;padding:60px max(35px,15%) 30px}.project-info p{font-size:16px}.project-info .category{font-size:14px;margin-top:13px;margin-bottom:10px;color:#666}.project-info h3{font-size:25px}.view-project{border:0;border-bottom:1px solid #aaa;background:transparent;color:inherit;padding:10px 0;margin-top:15px;cursor:pointer;font-size:14px}.project-visual{height:370px}.process-section{background:white;color:var(--ink);border-bottom:1px solid #ddd}.process{grid-template-columns:repeat(4,1fr);gap:35px}.process article{border-color:#ddd}.process span{color:#777}.process h3{font-weight:500}.process p{color:var(--muted);font-size:16px}.pricing{gap:45px;border-top:1px solid #ddd}.pricing article,.pricing article:first-child{background:transparent;border:0;padding:28px 0 15px}.pricing h3{margin:0;font-size:24px}.pricing .price{font-size:32px;letter-spacing:-1px;margin:15px 0;color:var(--ink)}.pricing .price span{font-size:16px}.pricing .text-link{align-self:flex-start}.larger{border-bottom:0;padding-bottom:0}.larger p{font-size:16px;max-width:none}.about{grid-template-columns:1fr 1fr;gap:70px}.about h2{margin:0;max-width:460px}.about p{font-size:17px;margin-top:0}.about .text-link{background:none;border:0;border-bottom:1px solid #aaa;margin-top:24px}.about #about-details p{margin-top:20px;font-size:16px}.cta{padding:75px 0}.cta h2{font-size:clamp(46px,5.5vw,78px);max-width:750px;margin:0 0 30px;letter-spacing:-2.5px}.cta p{max-width:470px}.contact h2 .serif{font-family:inherit;font-style:normal}.contact label{font-size:14px}.contact input,.contact select,.contact textarea{font-size:16px}.form-note{font-size:14px}.footer-top{padding-bottom:30px}.footer-top p,.socials,.socials button{font-size:14px}.footer-bottom{font-size:13px;align-items:center}.footer-nav{display:flex;gap:24px;font-size:14px}.mobile-quote{display:none}.popup{width:min(850px,calc(100% - 40px));max-height:85dvh;overflow:auto;background:white;color:var(--ink);border:0;padding:28px}.popup::backdrop{background:#0007}.popup-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px;letter-spacing:1px}.popup-close{width:44px;height:44px;background:none;border:0;font-size:30px}.project-detail h2{margin-top:25px;font-size:32px}.project-detail p{font-size:16px;color:var(--muted);margin-top:15px}.project-detail .concept{display:none}body:has(dialog[open]){overflow:hidden}.button span{transition:transform .2s}.button:hover span{transform:translate(2px,-2px)}
@media(max-width:1024px){.hero-grid{gap:30px;min-height:520px}.hero-art{padding:20px;height:350px}h1{font-size:clamp(45px,5.5vw,62px)}.hero-browser .mini-site h3{font-size:36px}.hero-browser .mini-site{min-height:260px}.hero-browser .mini-nav span{display:none}.header-quote{display:inline-flex}.services-grid h3{font-size:22px}.process{gap:25px}.footer-top{flex-wrap:wrap}}
@media(max-width:767px){.wrap{padding-left:24px;padding-right:24px}header{height:76px;padding:0 24px}.header-quote{display:none}.menu{display:flex}#nav{display:none;position:absolute;top:75px;left:0;right:0;padding:30px 24px 35px;background:#fff;border-bottom:1px solid #ddd;max-height:calc(100dvh - 76px);overflow-y:auto;gap:12px;font-size:22px}#nav.open{display:flex}#nav a{padding:8px 0}.mobile-quote{display:inline-flex!important;margin-top:12px;align-self:flex-start;padding:14px 20px!important;font-size:16px}.hero{padding-top:27px}.hero>.eyebrow{font-size:12px}.hero-grid{grid-template-columns:1fr;gap:35px;min-height:0;padding-top:30px;padding-bottom:60px}h1{font-size:clamp(44px,11.4vw,56px);line-height:1.08;letter-spacing:-2px;max-width:550px}.hero-copy{font-size:16px;line-height:1.7;margin-top:24px}.actions{align-items:flex-start;gap:20px}.specialties{font-size:14px;max-width:350px;margin-top:24px}.hero-art{height:335px;padding:20px}.hero-browser .mini-site{min-height:255px}.hero-browser .mini-body{padding-top:25px}.hero-browser .mini-site h3{font-size:36px}.section{padding-top:60px;padding-bottom:60px}.section-heading>p{font-size:16px}.services-grid{grid-template-columns:1fr}.services-grid h3{font-size:25px}.services-grid article{padding:24px 0 30px!important;border-right:0;border-bottom:1px solid #ddd!important}.services-grid p{font-size:16px}.projects{grid-template-columns:1fr;gap:40px}.project:nth-child(3){grid-column:auto}.project-visual,.project:nth-child(3) .project-visual{height:330px;padding:55px 20px 25px}.project-info h3{font-size:23px}.project-info p{font-size:16px}.project-info .category{font-size:14px}.process{grid-template-columns:1fr;gap:8px}.process p{font-size:16px}.pricing{grid-template-columns:1fr;gap:5px}.pricing article{padding:25px 0;border-bottom:1px solid #ddd}.larger p{font-size:16px}.about{grid-template-columns:1fr;gap:25px}.about p{font-size:16px}.about h2{max-width:480px}.cta{padding:60px 0}.cta h2{font-size:46px;line-height:1.08}.cta p{font-size:16px}.contact{grid-template-columns:1fr;gap:35px}.contact-location{margin-top:24px}.footer-top{gap:24px;display:block}.footer-top>p{margin-top:20px}.socials{margin-top:25px;gap:22px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:20px;font-size:13px}.footer-bottom>span{max-width:none}.footer-nav{gap:24px}.footer-nav a{letter-spacing:0}footer{padding-bottom:0}.popup{padding:20px}.project-detail .project-visual{height:300px}.project-detail h2{font-size:28px}.form-grid{grid-template-columns:1fr;gap:22px}.contact .button{font-size:14px;width:100%;gap:12px}.image-logo{height:61px}}
@media(min-width:768px){.menu{display:none}#nav{position:static;display:flex;flex-direction:row;background:none;padding:0;border:0;font-size:14px}.mobile-quote{display:none!important}}
@media(max-width:430px){.actions{flex-direction:column;gap:12px}.actions>.button{width:100%;font-size:16px}.actions>.text-link{font-size:16px}.hero-art{height:300px;padding:16px}.hero-browser .mini-site{min-height:230px}.hero-browser .mini-site h3{font-size:32px}.project-visual,.project:nth-child(3) .project-visual{height:300px}.project-visual .mini-nav span{display:none}.project-info h3{font-size:22px}.cta h2{font-size:42px}.socials{flex-wrap:wrap}.footer-nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.logo-intro{display:none}.reveal{opacity:1;transform:none}}

/* Centred, portfolio-free studio presentation */
header{justify-content:center;gap:42px;flex-wrap:wrap;height:auto;min-height:118px;padding-top:12px;padding-bottom:12px}header>.brand{flex-basis:100%;justify-content:center}header .image-logo{width:100px;height:65px}header .image-logo img{width:164px;left:-32px;top:-50px}.hero>.eyebrow{justify-content:center;text-align:center}.hero-grid{display:block;min-height:0;text-align:center;padding-top:32px;padding-bottom:75px}.hero-grid>div{max-width:820px;margin:auto}h1{max-width:820px;margin:auto;font-size:clamp(44px,6vw,82px);line-height:1.08}.hero-copy{max-width:590px;margin:26px auto 0}.actions{justify-content:center;align-items:center}.specialties{max-width:none;text-align:center}.section-heading{display:block;text-align:center}.section-heading>p{max-width:550px;margin:20px auto 0}.services-grid{text-align:center}.services-grid article{padding-left:24px!important;padding-right:24px!important}.services-grid p{max-width:350px;margin:16px auto 0}.process{text-align:center}.pricing{text-align:center}.pricing .text-link{align-self:center}.larger{justify-content:center;text-align:center}.about{display:block;text-align:center}.about h2{max-width:690px;margin:0 auto 25px}.about>div:last-child{max-width:650px;margin:auto}.cta{text-align:center}.cta h2{max-width:800px;margin:0 auto 28px}.cta-bottom{display:flex;flex-direction:column;gap:26px}.cta p{max-width:550px}.contact{display:block;max-width:850px;text-align:center}.contact>div>p{max-width:550px;margin:auto}.contact-location{margin-top:25px;margin-bottom:40px}.contact form{text-align:left}.contact form>.button{display:flex;margin:auto}.form-note,#form-status{text-align:center;max-width:none}.footer-top{flex-direction:column;align-items:center;text-align:center;gap:22px}.footer-top p{margin-left:0}.socials{justify-content:center}.footer-bottom{justify-content:center;gap:35px}.footer-nav{justify-content:center}.mobile-quote{align-self:center!important}
@media(max-width:767px){header{min-height:76px;height:76px;flex-wrap:nowrap;gap:0;justify-content:center;padding-top:0;padding-bottom:0}header>.brand{flex-basis:auto}header .menu{position:absolute;right:24px;font-size:13px;gap:10px}header .image-logo{width:95px;height:62px}header .image-logo img{width:156px;left:-30px;top:-47px}#nav{text-align:center;align-items:center}.hero-grid{padding-bottom:55px}h1{font-size:clamp(44px,11.4vw,56px);letter-spacing:-2px}.actions{align-items:center}.services-grid article{padding-left:0!important;padding-right:0!important}.process article{display:block;text-align:center}.process h3{margin:12px 0}.process p{max-width:430px;margin:auto}.cta .button{margin-top:0}.footer-top{display:flex}.footer-top>p,.socials{margin-top:0}.footer-bottom{align-items:center;text-align:center;gap:20px}.contact .button{width:100%}}

/* A quiet logo entrance, then the white curtain reveals the existing homepage. */
html.intro-active .logo-intro{animation:intro-curtain .95s cubic-bezier(.76,0,.24,1) 1.2s both;will-change:transform}
.intro-center{height:var(--intro-height,100svh);width:100%;display:grid;place-items:center}
.intro-logo{position:relative;width:min(75vw,420px);isolation:isolate;animation:intro-logo-enter .6s cubic-bezier(.22,1,.36,1) both}
.intro-logo img{position:relative;display:block;width:100%;height:auto;animation:intro-logo-soften .95s ease 1.2s both}
.intro-aura{position:absolute;inset:25% 16%;border-radius:50%;background:radial-gradient(ellipse,rgba(70,70,70,.12),rgba(110,110,110,.035) 48%,transparent 72%);filter:blur(18px);z-index:1;pointer-events:none;opacity:0;animation:intro-aura-breathe 1.65s ease-in-out .25s both}
@keyframes intro-logo-enter{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes intro-aura-breathe{0%,100%{opacity:0;transform:scale(.96)}45%{opacity:.55;transform:scale(1.04)}}
@keyframes intro-logo-soften{0%,65%{opacity:1}100%{opacity:.5}}
@keyframes intro-curtain{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,100%,0)}}
@media(prefers-reduced-motion:reduce){html.intro-active .logo-intro{display:none;animation:none}html.intro-active,html.intro-active body{overflow:visible;overscroll-behavior:auto}.intro-logo,.intro-logo img,.intro-aura{animation:none}}

/* Show only the existing GD monogram in the homepage header. */
header .image-logo{width:76px;height:64px}
header .image-logo img{width:248px;height:auto;left:-86px;top:-73px}
@media(max-width:767px){header .image-logo{width:62px;height:52px}header .image-logo img{width:202px;left:-70px;top:-59px}}