@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{--ink:#172321;--muted:#6c7774;--cream:#f5f2eb;--paper:#fbfaf7;--coral:#ed6a59;--yellow:#e9c56d;--blue:#194a5a;--line:rgba(23,35,33,.16);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 64px));margin:0 auto}.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}.skip-link{position:absolute;left:16px;top:-100px;background:var(--ink);color:#fff;padding:10px 16px;z-index:10}.skip-link:focus{top:16px}
.site-header{position:absolute;top:0;left:0;right:0;z-index:3}.nav-wrap{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{align-items:center;display:flex;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.04em}.brand img{width:32px}.primary-nav{display:flex;align-items:center;gap:36px;font-size:14px}.primary-nav>a:not(.nav-cta){color:#40504d}.primary-nav>a:not(.nav-cta):hover,.text-link:hover,.back-top:hover{color:var(--coral)}.nav-cta{background:var(--ink);color:#fff;border-radius:100px;padding:13px 19px;transition:transform .2s,background .2s}.nav-cta:hover{background:var(--coral);transform:translateY(-2px)}.menu-toggle{display:none}
.hero{background:var(--cream);padding:164px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;min-height:565px}.eyebrow{color:var(--coral);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px}.eyebrow-dot{background:var(--coral);border-radius:50%;display:inline-block;height:7px;margin:0 7px 1px 0;width:7px}.hero h1{font-size:clamp(3.7rem,7.4vw,7rem);letter-spacing:-.075em;line-height:.98;margin:0;max-width:650px}.hero h1 em,.section-heading h2 em,.approach-statement h2 em,.about-copy h2 em,.contact-copy h2 em{font-family:var(--serif);font-weight:500;letter-spacing:-.07em}.hero-intro{color:#50605c;font-size:18px;line-height:1.55;max-width:440px;margin:32px 0}.hero-actions{align-items:center;display:flex;gap:26px;flex-wrap:wrap}.button{align-items:center;border:1px solid transparent;border-radius:100px;display:inline-flex;font-size:14px;font-weight:600;gap:20px;justify-content:center;padding:15px 22px;transition:transform .2s,background .2s,border .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--coral)}.button-outline{border-color:var(--ink)}.button-outline:hover{background:var(--ink);color:#fff}.button-light{background:var(--cream);color:var(--ink)}.text-link{border-bottom:1px solid var(--ink);font-size:14px;padding-bottom:3px;transition:color .2s,border .2s}.hero-visual{position:relative;margin-right:-50px}.hero-visual>img{width:100%;animation:float 7s ease-in-out infinite}.hero-note{background:var(--paper);bottom:54px;box-shadow:0 8px 30px #17232112;display:flex;flex-direction:column;font-size:11px;gap:3px;padding:15px 18px;position:absolute;right:38px;transform:rotate(-4deg)}.hero-note span{color:var(--muted)}.hero-note strong{font-size:13px}.client-strip{border-top:1px solid var(--line);display:flex;align-items:center;gap:clamp(22px,5vw,70px);padding:25px 0 28px}.client-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.client-name{font-family:var(--serif);font-size:20px;font-weight:600;white-space:nowrap}
.section{padding:128px 0}.section-heading{align-items:end;display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:62px}.section-heading h2{font-size:clamp(2.9rem,5vw,5rem);letter-spacing:-.07em;line-height:1.02;margin:0}.section-heading>p:last-child{color:var(--muted);max-width:280px;margin:0 0 8px}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px 28px}.project-card{display:block}.project-large{grid-row:span 2}.project-image{align-items:center;display:flex;height:390px;justify-content:center;overflow:hidden;position:relative}.project-large .project-image{height:520px}.project-coral{background:var(--coral)}.project-display-coral{background:#f9dfc7;box-shadow:14px 18px 0 #a93835;color:#ce5149;display:flex;flex-direction:column;font-size:clamp(2rem,4vw,4rem);font-weight:700;justify-content:space-between;letter-spacing:-.08em;line-height:.84;padding:34px;width:53%;height:68%;transform:rotate(-8deg)}.project-display-coral small{font-size:10px;font-weight:500;letter-spacing:.05em;line-height:1}.project-blue{background:var(--blue)}.project-word{color:#f4ede0;font-size:clamp(3rem,6vw,6rem);font-weight:700;letter-spacing:-.12em;position:relative;z-index:1}.orbit{border:1px solid #a4d1d3;border-radius:50%;height:190%;position:absolute;transform:rotate(40deg);width:65%}.orbit-two{height:95%;transform:rotate(-45deg);width:95%}.orbit-dot{background:#e9c56d;border-radius:50%;height:14px;position:absolute;right:28%;top:19%;width:14px}.project-yellow{background:var(--yellow);align-items:flex-start;justify-content:flex-end;padding:30px}.sun-shape{background:#ee765c;border-radius:50%;height:230px;left:15%;position:absolute;top:8%;width:230px}.sun-label{color:#fff;font-family:var(--serif);font-size:clamp(2.5rem,4vw,4.6rem);font-style:italic;line-height:.78;position:relative;z-index:1}.sun-caption{bottom:28px;font-size:11px;position:absolute;right:28px;width:90px}.project-meta{align-items:start;display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.project-meta h3{font-size:17px;margin:0 0 4px}.project-meta p{color:var(--muted);font-size:13px;margin:0}.arrow{font-size:20px;transition:transform .2s}.project-card:hover .arrow{transform:translate(3px,-3px)}.center-action{text-align:center;margin-top:54px}
.approach-section{background:var(--ink);color:var(--cream)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach-statement .eyebrow{color:var(--yellow)}.approach-statement h2{font-size:clamp(3rem,5vw,5.3rem);letter-spacing:-.08em;line-height:.98;margin:0}.large-copy{font-size:clamp(1.6rem,2.3vw,2.2rem);letter-spacing:-.04em;line-height:1.2;margin:0 0 60px;max-width:500px}.principle{border-top:1px solid #ffffff38;display:grid;grid-template-columns:50px 1fr;gap:25px;padding:24px 0}.principle:last-child{border-bottom:1px solid #ffffff38}.principle>span{color:var(--yellow);font-size:12px}.principle h3{font-size:16px;margin:0 0 8px}.principle p{color:#afb8b2;font-size:14px;line-height:1.6;margin:0;max-width:370px}
.about-section{background:#e9eee8}.about-grid{align-items:center;display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-image{height:500px;position:relative}.about-shape{position:absolute}.shape-back{background:var(--yellow);height:70%;left:12%;top:10%;transform:rotate(-10deg);width:60%}.shape-front{background:var(--coral);height:70%;left:28%;top:18%;transform:rotate(12deg);width:55%}.about-note{background:var(--paper);bottom:15%;box-shadow:0 10px 20px #17232115;font-family:var(--serif);font-size:24px;font-style:italic;line-height:1;padding:20px 24px;position:absolute;right:7%;transform:rotate(-5deg)}.about-copy h2{font-size:clamp(2.7rem,4.5vw,4.5rem);letter-spacing:-.07em;line-height:1.05;margin:0 0 28px}.about-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:390px;margin:0 0 30px}
.contact-section{background:var(--coral);padding:118px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-copy .eyebrow{color:var(--ink)}.contact-copy h2{font-size:clamp(3.5rem,6vw,6.5rem);letter-spacing:-.08em;line-height:.9;margin:0 0 30px}.contact-copy>p:last-child{max-width:285px}.contact-form{display:flex;flex-direction:column;padding-top:10px}.contact-form label{font-size:12px;font-weight:600;margin:0 0 8px}.contact-form label span{color:#702c26}.contact-form input,.contact-form textarea{background:transparent;border:0;border-bottom:1px solid #9f4038;border-radius:0;color:var(--ink);font:inherit;margin-bottom:27px;outline:0;padding:8px 0;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#943f37}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ink)}.contact-form .button{align-self:flex-start;margin-top:10px}.form-status{font-size:13px;min-height:20px;margin:14px 0 0}.form-status.error{color:#702c26}.form-status.success{color:#234a30}
.site-footer{background:var(--ink);color:var(--cream);padding:44px 0 25px}.footer-top{align-items:center;border-bottom:1px solid #ffffff2b;display:flex;justify-content:space-between;padding-bottom:46px}.brand-light{color:var(--cream)}.footer-top>p{color:#afb8b2;font-family:var(--serif);font-size:20px;font-style:italic;margin:0}.back-top{font-size:13px}.footer-bottom{align-items:center;color:#8f9a95;display:flex;font-size:12px;justify-content:space-between;padding-top:22px}.footer-bottom div{display:flex;gap:25px}.footer-bottom a:hover{color:var(--cream)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.13s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:800px){.container{width:min(100% - 40px,600px)}.nav-wrap{height:82px}.menu-toggle{background:none;border:0;display:flex;flex-direction:column;gap:5px;padding:10px;z-index:4}.menu-toggle>span:not(.sr-only){background:var(--ink);height:2px;width:23px}.primary-nav{background:var(--paper);box-shadow:0 15px 30px #17232118;display:flex;flex-direction:column;align-items:flex-start;gap:25px;padding:100px 30px 30px;position:absolute;right:0;top:0;transform:translateY(-110%);transition:transform .3s;width:100%}.primary-nav.open{transform:translateY(0)}.nav-cta{width:100%;text-align:center}.hero{padding-top:125px}.hero-grid,.approach-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:60px}.hero-grid{min-height:0}.hero-visual{margin:0 -15px}.hero-note{bottom:30px;right:18px}.client-strip{gap:20px;flex-wrap:wrap}.client-name{font-size:17px}.client-label{width:100%}.section{padding:85px 0}.section-heading{display:block;margin-bottom:40px}.section-heading h2{margin-bottom:25px}.work-grid{display:block}.project-card,.project-large{margin-bottom:44px}.project-image,.project-large .project-image{height:350px}.approach-grid{gap:45px}.about-image{height:370px}.contact-grid{gap:30px}.footer-top{align-items:flex-start;flex-direction:column;gap:24px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:18px}.footer-bottom div{flex-wrap:wrap}.contact-section{padding:85px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-visual>img{animation:none}}

/* Shared service page and homepage service styles */
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service-card{min-height:290px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px;position:relative;transition:background .25s,transform .25s}.service-card:hover{background:var(--cream);transform:translateY(-5px)}.service-number{color:var(--coral);font-size:12px}.service-card h3{font-size:26px;letter-spacing:-.05em;margin:82px 0 12px}.service-card p{color:var(--muted);font-size:14px;line-height:1.6;margin:0;max-width:220px}.service-card .arrow{position:absolute;right:25px;top:22px}
.page-hero{padding:165px 0 80px;min-height:650px;overflow:hidden}.page-hero-coral{background:var(--coral)}.page-hero-blue{background:var(--blue);color:var(--cream)}.page-hero-dark{background:var(--ink);color:var(--cream)}.page-hero-yellow{background:var(--yellow)}.page-hero-grid{align-items:center;display:grid;grid-template-columns:1fr 1fr;gap:60px;min-height:480px}.page-hero h1{font-size:clamp(3.4rem,6.5vw,6.5rem);letter-spacing:-.08em;line-height:.95;margin:0;max-width:620px}.page-hero .eyebrow{color:var(--ink)}.page-hero-blue .eyebrow,.page-hero-dark .eyebrow{color:var(--yellow)}.page-hero .hero-intro{color:inherit;max-width:465px;opacity:.8}.page-art{animation:float 7s ease-in-out infinite;margin:auto;width:min(100%,600px)}.page-shape{height:440px;margin:auto;position:relative;width:min(100%,500px)}.page-shape span{font-family:var(--serif);font-size:clamp(3rem,7vw,6rem);font-style:italic;letter-spacing:-.08em;line-height:.82;position:absolute;z-index:1}.frontend-shape{background:var(--coral);clip-path:polygon(12% 3%,91% 15%,78% 96%,5% 80%);transform:rotate(5deg)}.frontend-shape span{bottom:18%;left:17%;color:var(--cream)}.backend-shape{background:var(--blue);border-radius:50%;overflow:hidden;transform:rotate(-8deg)}.backend-shape span{bottom:20%;left:18%;color:var(--yellow)}.backend-lines{background:repeating-linear-gradient(135deg,transparent 0 24px,#e9c56d 25px 26px);height:100%;opacity:.55;width:100%}.public-shape{background:var(--coral);border-radius:50% 50% 4% 50%;transform:rotate(12deg)}.public-shape span{bottom:18%;left:20%;color:var(--cream)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:100px}.two-column h2{font-size:clamp(3rem,5vw,5rem);letter-spacing:-.08em;line-height:1;margin:0}.rich-copy .large-copy{margin-top:0}.light-principles .principle{border-color:var(--line)}.light-principles .principle>span{color:var(--coral)}.light-principles .principle p{color:var(--muted)}
@media(max-width:800px){.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:245px;padding:18px}.service-card h3{font-size:22px;margin-top:55px}.service-card .arrow{right:18px;top:16px}.page-hero{padding-top:125px;min-height:0}.page-hero-grid{grid-template-columns:1fr;gap:25px;min-height:0}.page-shape{height:300px}.page-art{max-height:330px;object-fit:contain}.two-column{grid-template-columns:1fr;gap:45px}}