@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Archivo:wght@400;500;600;700&display=swap');
:root{--turquoise:#6abdaf;--forest:#19594e;--ink:#153c35;--paper:#fafaf7;--rose:#d9abaa;--line:rgba(21,60,53,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:6px}img{display:block;max-width:100%;object-fit:cover}button{cursor:pointer}::selection{background:var(--forest);color:white}.skip{position:absolute;top:-100px;z-index:100;background:white;padding:20px}.skip:focus{top:10px}.header{background:var(--turquoise);display:flex;align-items:center;gap:36px;padding:23px 4.5%;border-bottom:1px solid var(--line)}.logo{font-family:'Archivo',sans-serif;font-size:44px;letter-spacing:-5px;font-weight:700;line-height:1}.asterisk{font-size:33px;margin-left:8px;letter-spacing:0}.header-note{font-size:11px;line-height:1.5;letter-spacing:.065em}.header nav{margin-left:auto;display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.header nav a:not(.nav-contact):hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{border:1px solid var(--ink);border-radius:30px;padding:12px 24px}.nav-contact:hover{background:var(--ink);color:var(--turquoise)}.hero{background:var(--turquoise);padding:30px 4.5% 66px;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.07em}.hero h1{font-family:'Archivo',Arial,sans-serif;font-size:clamp(58px,12.3vw,210px);letter-spacing:-.075em;line-height:1.05;margin:20px 0 32px;font-weight:700;white-space:nowrap}.title-dot{color:var(--forest)}.hero-stage{display:grid;grid-template-columns:1fr 1.12fr .48fr;gap:5%;align-items:center;max-width:1560px;margin:auto}.hero-copy p{font-size:clamp(30px,3.4vw,60px);letter-spacing:-.05em;line-height:1.1;margin:0 0 34px;font-weight:500}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.pill{display:inline-block;border:1px solid var(--ink);border-radius:40px;padding:17px 25px;font-size:14px;font-weight:650;transition:background .2s,color .2s}.pill:hover{background:var(--ink);color:white}.small-note{display:block;font-size:12px;margin-top:20px}.hero-image{position:relative;border:0;padding:0;background:transparent;transform:rotate(-4deg);transition:transform .35s}.hero-image:hover{transform:rotate(-1deg)}.hero-image img{width:100%;aspect-ratio:3/4}.image-label{position:absolute;bottom:0;left:0;right:0;background:var(--ink);color:white;padding:11px 10px;font-size:10px;letter-spacing:.08em;text-align:left}.hero-side{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:36px}.round-note{border:1px solid var(--ink);border-radius:50%;width:140px;height:140px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-family:'Archivo',sans-serif;line-height:1.05;font-size:20px;transform:rotate(12deg)}.round-note em{font-size:28px}.small-image{padding:0;border:0;transform:rotate(7deg);background:transparent;width:100%;max-width:220px}.small-image img{width:100%;aspect-ratio:3/4}.side-note{font-size:11px;letter-spacing:.1em;text-align:center;line-height:1.7}.ticker{display:flex;gap:38px;align-items:center;white-space:nowrap;overflow:hidden;background:var(--forest);color:#f3d7d5;padding:20px 0;font-family:'Archivo',sans-serif;font-weight:500;font-size:24px;letter-spacing:-.04em}.ticker b{font-size:35px;font-weight:400}.section{padding:100px 6%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;gap:30px}.eyebrow{display:block;font-size:12px;letter-spacing:.1em;font-weight:600}h2{font-family:'Archivo',sans-serif;letter-spacing:-.065em;font-weight:500;line-height:1.02;font-size:clamp(44px,5.5vw,88px);margin:28px 0 0}h2 em{letter-spacing:-.065em}.section-heading>p{font-size:16px;line-height:1.6;margin:0 0 4px}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:5%;row-gap:70px;align-items:start}.project{margin:0}.project button{display:block;width:100%;padding:0;border:0;position:relative;background:transparent;overflow:hidden}.project img{width:100%;transition:transform .55s}.project button:hover img{transform:scale(1.025)}.project-a{grid-column:1/7}.project-b{grid-column:8/13;padding-top:110px}.project-a img{aspect-ratio:4/5;object-position:50% 55%}.project-b img{aspect-ratio:3/4}.project-c{grid-column:1/6}.portfolio-note{grid-column:8/13;align-self:center;color:var(--forest);padding-bottom:60px}.portfolio-note>span{font-size:92px;line-height:1}.portfolio-note p{font-size:clamp(26px,3.4vw,54px);line-height:1.15;letter-spacing:-.045em;margin:25px 0 0}.project-d{grid-column:1/7}.project-e{grid-column:7/13;padding-top:100px}.project-d img,.project-e img{aspect-ratio:4/3}.project figcaption{display:flex;justify-content:space-between;gap:15px;align-items:baseline;padding-top:17px}.project h3{font-size:17px;font-weight:500;letter-spacing:-.02em;margin:0}.project figcaption span{font-size:10px;letter-spacing:.04em;text-align:right;flex-shrink:0}.zoom{position:absolute;right:14px;bottom:14px;background:var(--paper);padding:9px 13px;border-radius:25px;font-size:12px;opacity:0;transform:translateY(5px);transition:all .2s}.project button:hover .zoom,.project button:focus-visible .zoom{opacity:1;transform:none}.about{background:var(--rose);padding-bottom:34px}.about-top{display:flex;justify-content:space-between;align-items:center}.about-star{color:var(--forest);font-size:60px;line-height:1}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:10px 0 80px}.about h2{font-size:clamp(70px,9vw,145px);color:var(--forest);line-height:.95}.about-copy{padding-top:45px;max-width:530px}.about-copy .lead{font-size:26px;line-height:1.3;letter-spacing:-.035em;margin-top:0}.about-copy p{line-height:1.75;font-size:16px}.text-link{display:inline-block;margin-top:14px;border-bottom:1px solid;padding:0 0 6px;font-weight:600;font-size:14px}.about-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;font-size:11px;letter-spacing:.06em}.service-row{border-top:1px solid var(--line);display:grid;grid-template-columns:.2fr 1fr 1fr;gap:25px;padding:32px 0;align-items:baseline}.service-row:last-child{border-bottom:1px solid var(--line)}.service-num{font-size:13px;color:var(--forest)}.service-row h3{font-family:'Archivo',sans-serif;font-size:clamp(22px,2.3vw,35px);font-weight:500;letter-spacing:-.045em;margin:0}.service-row p{font-size:16px;line-height:1.65;margin:0}.studio{background:var(--forest);color:var(--paper);display:grid;grid-template-columns:1fr 1fr}.studio>img{width:100%;height:100%;min-height:580px}.studio>div{padding:70px 12%}.studio h2{font-size:clamp(42px,4.5vw,75px)}.studio p{font-size:16px;line-height:1.65;margin:30px 0}.pill-light{border-color:var(--paper)}.pill-light:hover{background:var(--paper);color:var(--forest)}.contact{background:var(--turquoise);padding-top:85px;padding-bottom:65px}.contact h2{font-size:clamp(58px,10.2vw,160px);position:relative;margin-bottom:42px}.contact h2>span{font-size:.8em;position:absolute;right:4%;top:12%;color:var(--forest)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-bottom p{font-size:20px;line-height:1.45;letter-spacing:-.02em}.contact-button{background:var(--ink);color:var(--paper);font-size:18px;padding:21px 45px}.contact-button:hover{background:var(--forest);border-color:var(--forest)}.email{font-size:15px;display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:4px;margin-top:12px;overflow-wrap:anywhere}footer{background:var(--ink);color:var(--paper);padding:30px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span{font-size:10px;letter-spacing:.06em}.footer-brand{font-family:'Archivo',sans-serif;font-weight:700;font-size:22px;letter-spacing:-.07em}dialog{border:0;background:var(--ink);color:white;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:65px 24px 22px;margin:0}dialog::backdrop{background:#153c35}dialog[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}dialog img{max-height:calc(100dvh - 145px);width:auto;object-fit:contain;min-height:0}dialog p{font-size:14px;margin:18px 0 0;text-align:center}.close{position:absolute;right:24px;top:18px;border:1px solid #888;background:transparent;color:white;border-radius:30px;padding:10px 18px;font-size:14px}body.modal-open{overflow:hidden}
@media(min-width:1600px){.hero,.section,.header,footer{padding-left:max(6%,calc((100vw - 1500px)/2));padding-right:max(6%,calc((100vw - 1500px)/2))}.hero h1{font-size:190px}}
@media(max-width:1000px){.hero-stage{grid-template-columns:1fr 1.1fr;gap:7%}.hero-side{display:none}.hero-copy p{font-size:40px}.project figcaption{flex-direction:column;gap:7px}.project figcaption span{text-align:left}.studio>div{padding:55px 10%}.studio>img{min-height:530px}.about-grid{gap:7%}.header-note{display:none}.round-note{width:110px;height:110px}.section{padding-top:75px;padding-bottom:75px}}
@media(max-width:600px){.header{padding:18px 6%;gap:15px}.logo{font-size:34px}.asterisk{font-size:25px}.header nav{gap:18px;font-size:13px}.nav-contact{padding:9px 14px}.hero{padding:23px 6% 40px}.hero-topline{font-size:10px;gap:20px}.hero-topline span:last-child{display:none}.hero h1{font-size:12vw;margin:18px 0 28px;letter-spacing:-.07em}.hero-stage{grid-template-columns:1fr;gap:28px}.hero-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.hero-copy p{font-size:30px;margin:0;line-height:1.08}.hero-copy .pill{font-size:12px;padding:12px 14px;max-width:143px;text-align:center}.small-note{display:none}.hero-image{width:83%;margin:15px auto 8px;transform:rotate(-4deg)}.hero-image img{aspect-ratio:4/5}.image-label{font-size:9px}.ticker{font-size:18px;gap:25px;padding:12px 0}.ticker b{font-size:28px}.section{padding:58px 6%}.section-heading{display:block;margin-bottom:36px}.section-heading>p{margin-top:24px;font-size:15px}h2{font-size:46px;margin-top:20px}.eyebrow{font-size:10px}.portfolio-grid{grid-template-columns:1fr 1fr;gap:36px 18px}.project-a{grid-column:1/3;margin-right:12%}.project-b{grid-column:1/3;margin-left:17%;padding-top:0}.project-c{grid-column:1/3;margin-right:17%}.portfolio-note{grid-column:1/3;padding:5px 0 12px 15%;display:flex;align-items:center;gap:28px}.portfolio-note>span{font-size:74px}.portfolio-note p{font-size:29px;margin:0}.project-d{grid-column:1/3}.project-e{grid-column:1/3;padding-top:0}.project h3{font-size:16px}.project figcaption{padding-top:13px}.zoom{opacity:1;transform:none;font-size:11px}.about-top{gap:12px}.about-star{font-size:44px}.about-grid{grid-template-columns:1fr;gap:26px;padding-bottom:40px}.about h2{font-size:83px}.about-copy{padding-top:0}.about-copy .lead{font-size:25px}.about-footer{font-size:9px;line-height:1.6}.service-row{grid-template-columns:28px 1fr;gap:10px;padding:25px 0}.service-row h3{font-size:25px}.service-row p{grid-column:2;font-size:15px}.studio{grid-template-columns:1fr}.studio>img{height:auto;min-height:0;aspect-ratio:4/3}.studio>div{padding:45px 6%}.studio h2{font-size:50px}.contact h2{font-size:clamp(47px,12vw,72px);margin-bottom:22px}.contact h2>span{right:0;top:0;font-size:.65em}.contact-bottom{display:block}.contact-bottom p{font-size:18px}.contact-button{font-size:16px;padding:17px 30px;margin:10px 0 15px}.email{font-size:13px}footer{flex-wrap:wrap;padding:28px 6%;gap:18px}.footer-brand{width:100%}footer>span{font-size:9px}.close{right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Current portfolio: preserve portrait compositions. */
.project-a img,.project-b img,.project-c img,.project-d img,.project-e img,.project-f img{aspect-ratio:auto;height:auto}.project-f{grid-column:3/11;width:65%;justify-self:center}.project-f img{width:100%}@media(max-width:600px){.project-f{grid-column:1/3;width:83%;justify-self:start}}

.studio-name{font-family:"DM Sans",Arial,sans-serif;font-size:.48em;letter-spacing:-.03em;line-height:1.2;display:inline-block;margin-top:12px}.portfolio-cta{margin-top:60px;text-align:center}.agency-footer{font-size:13px;max-width:210px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}.studio .pill{line-height:1.5}

.hero-intro{font-size:17px;line-height:1.6;max-width:390px;margin:-12px 0 26px}.about-grid{gap:7%;grid-template-columns:1.05fr 1fr}.about-portrait h2{font-size:clamp(50px,6vw,92px);line-height:1.05;margin-bottom:32px}.about-portrait img{width:100%;height:auto}.about-copy{max-width:none}.contact-bottom p{max-width:720px}.hero-topline{flex-wrap:wrap;gap:10px}@media(max-width:600px){.hero-copy{display:block}.hero-copy p{font-size:36px;margin-bottom:22px}.hero-intro{font-size:16px;margin:0 0 22px;max-width:none}.hero-copy .pill{max-width:none}.about-grid{grid-template-columns:1fr}.about-portrait h2{font-size:65px}.contact-bottom p{font-size:17px}}

/* Green, turquoise and dusty rose palette. */
.contact{background:var(--rose)}.studio{background:var(--forest)}.studio h2{color:#f3d7d5}.about-copy{padding-top:32px}.about-copy p{font-size:17px;line-height:1.8;margin:0 0 24px}.about h2{color:var(--ink)}@media(max-width:600px){.about-copy{padding-top:0}.about-copy p{font-size:16px;line-height:1.75}}

/* Final spacing, readable labels and consistent image proportions. */
.hero-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,.48fr);gap:4%}.hero-stage>*{min-width:0}.hero-image img,.small-image img{height:auto;aspect-ratio:auto}.image-label{position:static;display:block;font-size:12px;line-height:1.5;padding:10px 14px}.hero-image{box-shadow:0 16px 36px rgba(21,60,53,.10)}.hero-copy p{line-height:1.14;letter-spacing:-.045em}.hero-intro{max-width:36ch}.small-note{font-size:13px;line-height:1.6;max-width:32ch}.header-note,.side-note{font-size:12px}.section-heading{align-items:end;gap:48px}.section-heading>div{min-width:0}.section-heading>p{max-width:34ch;flex-shrink:0}.project figcaption{flex-wrap:wrap;row-gap:8px}.project figcaption span{font-size:12px;line-height:1.5}.project h3{line-height:1.4}.portfolio-note p{line-height:1.22}.about-grid{align-items:center;padding-top:8px;padding-bottom:64px}.about-copy{padding-top:0;max-width:54ch}.about-copy p{line-height:1.75;margin-bottom:22px}.about-portrait h2{margin-top:20px;margin-bottom:30px}.about-portrait img{display:block}.about-footer{font-size:12px;line-height:1.5}.service-row{padding:34px 0;align-items:start}.service-row h3{line-height:1.2}.service-row p{max-width:48ch}.service-num{padding-top:5px}.studio>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.studio .pill{font-size:14px}.contact-bottom{align-items:flex-start}.contact-bottom p{max-width:47ch;margin:0;line-height:1.6}.contact-button{white-space:nowrap;flex-shrink:0}.email{margin-top:24px;font-size:16px}footer{flex-wrap:wrap;row-gap:22px}footer>span{font-size:12px;line-height:1.5}.agency-footer{font-size:13px}.pill,.nav-contact,.close{min-height:44px}.close{display:flex;align-items:center}.eyebrow{line-height:1.5}h2{text-wrap:balance}
@media(min-width:601px) and (max-width:1000px){.hero-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:7%}.section-heading{gap:30px}.section-heading>p{max-width:29ch}.contact-bottom{flex-wrap:wrap}}
@media(max-width:600px){.hero-stage{grid-template-columns:minmax(0,1fr);gap:24px}.header nav{gap:14px;font-size:14px}.header nav>a{display:inline-flex;align-items:center;min-height:44px}.hero-topline,.eyebrow{font-size:12px}.hero-copy .pill{font-size:14px;padding:14px 20px}.hero-image{width:86%;margin-top:20px;margin-bottom:14px}.image-label{font-size:11px;padding:9px 12px}.section{padding-top:56px;padding-bottom:56px}.section-heading>p{max-width:34ch}.project figcaption span{font-size:12px}.about-grid{padding-bottom:34px;gap:30px}.about-portrait h2{font-size:58px;line-height:1.08}.about-footer{font-size:11px;gap:18px}.service-row{padding:26px 0}.service-row h3{font-size:24px}.service-num{padding-top:2px}.studio-name{font-size:.48em}.contact-button{margin-top:24px}.email{font-size:14px;margin-top:16px}footer>span{font-size:11px}.agency-footer{max-width:none}.contact h2>span{font-size:.55em;right:0}.portfolio-cta{margin-top:38px}}

.hero-specialty{display:block;font-family:"DM Sans",Arial,sans-serif;font-size:clamp(16px,1.6vw,24px);font-weight:500;letter-spacing:0;line-height:1.5;white-space:normal;margin-top:18px}@media(max-width:600px){.hero-specialty{font-size:16px;margin-top:14px}}

/* Balanced disciplines banner without decorative symbols. */
.ticker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:27px 6%;white-space:normal;overflow:visible;font-size:clamp(14px,1.7vw,25px);letter-spacing:.025em;line-height:1.45;text-align:center}.ticker>span{padding:3px 22px;overflow-wrap:normal}.ticker>span+span{border-left:1px solid rgba(243,215,213,.38)}.about-top{min-height:30px}.portfolio-note{display:block}.logo{letter-spacing:-.1em;padding-right:5px}@media(max-width:600px){.ticker{grid-template-columns:1fr;padding:16px 6%;font-size:14px;letter-spacing:.09em}.ticker>span{padding:12px 4px}.ticker>span+span{border-left:0;border-top:1px solid rgba(243,215,213,.25)}.portfolio-note{padding-left:12%;padding-top:10px;padding-bottom:10px}.about-top{min-height:0}}

/* Supplied two-line wordmark, kept as crisp SVG artwork. */
.header .logo{display:block;width:96px;flex-shrink:0;padding:0;letter-spacing:0;line-height:0}
.header .logo img,.footer-brand img{width:100%;height:auto;object-fit:contain}
.hero h1{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;font-size:inherit;letter-spacing:0;white-space:normal;line-height:1.2;margin:22px 0 40px}
.hero-wordmark{display:block;width:clamp(240px,42vw,560px);height:auto;flex-shrink:0;object-fit:contain}
.hero h1 .hero-specialty{font-size:clamp(16px,1.6vw,24px);max-width:24ch;margin:0 0 25px;line-height:1.5;letter-spacing:0}
.footer-brand{display:block;width:140px;line-height:0}
@media(max-width:600px){.hero h1{flex-direction:column;align-items:flex-start;gap:16px;margin:18px 0 30px}.hero-wordmark{width:min(86%,340px);min-width:0}.hero h1 .hero-specialty{font-size:16px;margin:0;max-width:30ch}.header .logo{width:80px}.footer-brand{width:120px}}
@media(max-width:420px){.header{flex-wrap:wrap;row-gap:8px}.header nav{width:100%;margin-left:0;justify-content:space-between}}

.header .logo{width:72px}@media(max-width:600px){.header .logo{width:64px}}@media(max-width:420px){.header{flex-wrap:nowrap}.header nav{width:auto;margin-left:auto;justify-content:flex-start;gap:12px;font-size:13px}.nav-contact{padding:9px 12px}}

/* A unified introduction built around the new two-line wordmark. */
.hero{padding-top:26px;padding-bottom:72px}
.hero-topline{max-width:1280px;margin:0 auto 36px;font-size:12px;line-height:1.5;gap:16px}
.hero-stage{max-width:1280px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:8%;align-items:center}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:26px;max-width:440px}
.hero .hero-copy h1{display:block;margin:0;width:100%;font-size:inherit;line-height:1.2;letter-spacing:0;white-space:normal}
.hero-wordmark{width:min(100%,380px);height:auto;flex-shrink:1;margin:0 0 20px}
.hero .hero-copy h1 .hero-specialty{display:block;margin:0;font-family:"DM Sans",Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.5;letter-spacing:0;max-width:none}
.hero .hero-intro{font-size:18px;line-height:1.65;max-width:35ch;margin:0}
.hero-copy .pill{margin:0;font-size:15px;padding:16px 26px;max-width:none}
.hero-image{width:100%;max-width:520px;justify-self:end;margin:0;transform:rotate(-2deg)}
.hero-image:hover{transform:rotate(-1deg)}
.hero-image img{width:100%;height:auto;aspect-ratio:auto}
.hero-image .image-label{font-size:11px;letter-spacing:.05em;padding:11px 14px}
@media(min-width:761px) and (max-width:1000px){.hero-stage{gap:7%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-wordmark{width:min(100%,320px)}.hero .hero-intro{font-size:16px}.hero-copy{gap:22px}}
@media(max-width:760px){.hero{padding:24px 6% 46px}.hero-topline{margin-bottom:28px;font-size:11px}.hero-topline span:last-child{display:none}.hero-stage{grid-template-columns:minmax(0,1fr);gap:36px}.hero-copy{max-width:560px;gap:20px}.hero .hero-copy h1{margin:0}.hero-wordmark{width:min(82%,330px);margin-bottom:16px}.hero .hero-copy h1 .hero-specialty{font-size:16px}.hero .hero-intro{font-size:16px;max-width:40ch}.hero-copy .pill{font-size:14px;padding:14px 22px}.hero-image{width:100%;max-width:520px;justify-self:center;margin:0;transform:rotate(-1deg)}}

/* Direct navigation to services and the collaboration process. */
.header nav{gap:24px}.header nav a{white-space:nowrap}
.collaboration-process{margin-top:88px;padding-top:68px;border-top:1px solid var(--line);scroll-margin-top:28px}
.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0 0 34px}
.process-steps li{min-width:0}.process-number{display:block;font-family:"Archivo",Arial,sans-serif;font-size:36px;line-height:1.1;letter-spacing:-.04em;margin-bottom:22px;color:var(--forest)}
.process-steps h3{font-family:"DM Sans",Arial,sans-serif;font-size:20px;line-height:1.4;letter-spacing:-.015em;font-weight:600;margin:0 0 14px}
.process-steps p{font-size:16px;line-height:1.7;margin:0}
@media(max-width:1100px){.header-note{display:none}.header nav{gap:20px}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}}
@media(max-width:760px){.header{flex-wrap:wrap;row-gap:12px}.header nav{width:100%;margin-left:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:14px}.header nav>a{min-height:44px}.header .logo{width:64px}.collaboration-process{margin-top:52px;padding-top:44px}.process-steps{gap:32px 24px}.process-number{font-size:30px;margin-bottom:14px}.process-steps h3{font-size:18px}}
@media(max-width:480px){.process-steps{grid-template-columns:1fr;gap:30px}.process-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px}.process-number{grid-row:1/3;margin:0;padding-top:3px;font-size:26px}.process-steps h3{margin-bottom:8px}.process-steps p{grid-column:2}.header nav{justify-content:flex-start;column-gap:18px}.header .nav-contact{margin-left:auto}}

/* Proportions of the supplied horizontal wordmark. */
.hero-wordmark{width:min(100%,520px)}
@media(max-width:1100px){.hero-wordmark{width:100%}}
@media(max-width:760px){.hero-wordmark{width:min(100%,440px)}}

/* Viewfinder corners echo the supplied wordmark. */
.portfolio-note,.portrait-frame{position:relative}
.portfolio-note{padding:32px;isolation:isolate}
.portfolio-note p{margin:0}
.portrait-frame{margin:12px}
.portfolio-note::before,.portrait-frame::before{content:"";position:absolute;pointer-events:none;inset:0;--finder-color:var(--forest);--finder-stroke:2px;--finder-arm:24px;background:linear-gradient(var(--finder-color),var(--finder-color)) left top/var(--finder-arm) var(--finder-stroke),linear-gradient(var(--finder-color),var(--finder-color)) left top/var(--finder-stroke) var(--finder-arm),linear-gradient(var(--finder-color),var(--finder-color)) right top/var(--finder-arm) var(--finder-stroke),linear-gradient(var(--finder-color),var(--finder-color)) right top/var(--finder-stroke) var(--finder-arm),linear-gradient(var(--finder-color),var(--finder-color)) left bottom/var(--finder-arm) var(--finder-stroke),linear-gradient(var(--finder-color),var(--finder-color)) left bottom/var(--finder-stroke) var(--finder-arm),linear-gradient(var(--finder-color),var(--finder-color)) right bottom/var(--finder-arm) var(--finder-stroke),linear-gradient(var(--finder-color),var(--finder-color)) right bottom/var(--finder-stroke) var(--finder-arm);background-repeat:no-repeat}
.portrait-frame::before{inset:-12px;--finder-arm:22px}
.portrait-frame img{width:100%;height:auto}
.footer-brand{width:180px;flex-shrink:0}
@media(max-width:600px){.portfolio-note{padding:25px}.portfolio-note::before{--finder-arm:20px}.footer-brand{width:170px}}

/* Hard brand shadows: diagonal length is 8% of image width. */
.hero-image,.portrait-frame{container-type:inline-size}
.hero-image{box-shadow:none;transform:none}
.hero-image:hover{transform:none}
.hero-image img,.portrait-frame img{box-shadow:5.656854cqw 5.656854cqw 0 var(--forest)}
.portrait-frame{margin-right:calc(12px + 5%);margin-bottom:40px}
.portrait-frame::before{z-index:1}
@media(max-width:760px){.hero-image{transform:none;margin-bottom:24px}.hero-image:hover{transform:none}.portrait-frame{margin-bottom:32px}}

/* A continuous extruded edge joins each image to its hard shadow. */
.hero-image,.portrait-frame{position:relative;isolation:isolate}
.hero-image img,.portrait-frame img{box-shadow:none}
.portrait-frame::before{display:none}
.hero-image::before,.portrait-frame::after{content:"";position:absolute;pointer-events:none;z-index:-1;top:0;left:0;--shadow-step:5.656854cqw;width:calc(100% + var(--shadow-step));height:calc(100% + var(--shadow-step));background:var(--forest);clip-path:polygon(0 0,calc(100% - var(--shadow-step)) 0,100% var(--shadow-step),100% 100%,var(--shadow-step) 100%,0 calc(100% - var(--shadow-step)))}