@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--green:#22bb77;--ink:#111310;--paper:#f5f5ef;--line:#d3d5cd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:6px}.skip{position:fixed;top:-70px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}header{height:100px;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header img{width:156px;height:auto}nav{display:flex;align-items:center;gap:36px;font-size:14px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-contact{border:1px solid var(--ink);border-radius:30px;padding:13px 20px}.nav-contact span{margin-left:20px}.hero{padding:30px 4% 0;position:relative;overflow:hidden}.eyebrow{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.09em}.hero h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(56px,12vw,190px);font-weight:500;line-height:1.02;letter-spacing:-.06em;margin:44px 0 36px}.story-word{color:var(--green);display:flex;align-items:center;gap:7vw}.asterisk{font-family:Arial,sans-serif;font-size:.85em;display:inline-block;line-height:.8}.hero-bottom{display:grid;grid-template-columns:80px 1fr 1fr;align-items:center;padding:15px 0 40px;gap:20px}.hero-bottom p{font-size:18px;line-height:1.5}.round-link{display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;width:62px;height:62px;font-size:28px;transition:background .2s,transform .2s}.round-link:hover{background:var(--green);transform:translateY(4px)}.small-note{justify-self:end;font-size:12px;line-height:1.7;letter-spacing:.05em}.hero-line{height:10px;background:var(--green);margin:0 -4.4%}@media(min-width:1500px){.hero h1{font-size:190px}}@media(max-width:700px){header{height:84px}header img{width:125px}nav{gap:0}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:12px;padding:10px 13px}.nav-contact span{margin-left:6px}.eyebrow{font-size:10px}.eyebrow span:last-child{display:none}.hero{padding-top:25px}.hero h1{font-size:13.5vw;line-height:1.06;margin:55px 0 30px}.story-word{gap:4vw}.hero-bottom{grid-template-columns:56px 1fr;gap:14px}.hero-bottom p{font-size:16px}.round-link{width:48px;height:48px}.small-note{grid-column:2;justify-self:start;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.chapter{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.08em}.manifesto{background:var(--ink);color:var(--paper);padding:55px 4% 115px}.manifesto .chapter{color:#9d9f99}.manifesto-grid{display:grid;grid-template-columns:1fr 3fr;gap:30px;margin-top:95px}.mini-star{color:var(--green);font-size:125px;line-height:1}.manifesto h2{font-size:clamp(38px,5.4vw,86px);letter-spacing:-.06em;line-height:1.08;font-weight:500;margin:0}.manifesto h2 span{color:var(--green)}.manifesto p{font-size:19px;line-height:1.7;max-width:535px;color:#bfc2b8;margin:40px 0 0}.journey{display:grid;grid-template-columns:1.1fr 1fr;padding:0 4%;gap:7vw;position:relative}.journey-sticky{position:sticky;top:30px;height:calc(100vh - 60px);max-height:820px;align-self:start;padding:40px 0;display:flex;flex-direction:column;justify-content:center}.journey-sticky .chapter{position:absolute;top:40px;left:0;right:0}.journey h2{font-size:clamp(40px,5.3vw,84px);letter-spacing:-.06em;line-height:1.05;font-weight:500;margin:50px 0}em{font-family:Georgia,serif;font-weight:400}.journey h2 em{color:#13894f}.chapter-track{display:flex;gap:7px;width:190px}.chapter-track i{height:3px;width:33%;background:var(--line)}.chapter-track i.active,.chapter-track i:first-child{background:var(--green)}.journey-caption{font-size:12px;margin-top:25px}.steps article{min-height:80vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line);padding:70px 0}.step-number{font-family:'Barlow Condensed',Impact,sans-serif;font-size:110px;color:var(--green);line-height:1}.steps h3{font-size:31px;letter-spacing:-.04em;margin:26px 0 12px}.steps p{font-size:18px;line-height:1.7;color:#5b5d56;max-width:470px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span{border:1px solid #bfc2b8;border-radius:30px;font-size:13px;padding:9px 14px}.work{padding:70px 4% 110px;border-top:1px solid var(--line)}.work-heading{display:flex;justify-content:space-between;align-items:end;margin:65px 0 45px}.work h2{font-size:clamp(45px,6vw,96px);letter-spacing:-.06em;line-height:1.03;font-weight:500;margin:0}.work-heading p{font-size:16px;line-height:1.6}.projects{display:grid;grid-template-columns:1.1fr 1fr;gap:35px}.project:nth-child(2){margin-top:130px}.project-image{position:relative;overflow:hidden;background:#ddd;aspect-ratio:1/1.04}.project img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.project:hover img{transform:scale(1.035)}.project-open{position:absolute;bottom:20px;right:20px;border-radius:50%;background:var(--paper);width:56px;height:56px;display:grid;place-items:center;font-size:25px}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.project h3{font-size:25px;letter-spacing:-.04em;margin:0}.project-caption>span{font-size:11px;letter-spacing:.04em}.project p{color:#686a63;font-size:15px;margin-top:9px}.contact{padding:40px 4% 45px;background:var(--green)}.contact-intro{font-size:18px;margin:70px 0 32px}.contact-title{font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:clamp(46px,10.5vw,164px);line-height:1.06;letter-spacing:-.06em;display:block;position:relative;padding-right:8vw}.contact-title span{color:var(--paper)}.contact-title b{position:absolute;right:0;bottom:0;font-family:Arial,sans-serif;font-weight:400;font-size:.75em;transition:transform .3s}.contact-title:hover b{transform:translate(8px,-8px)}.contact-bottom{border-top:1px solid #159358;margin-top:70px;padding-top:30px;display:flex;justify-content:space-between;gap:20px}.contact-bottom>a{font-size:clamp(18px,2.8vw,38px);letter-spacing:-.04em}.contact-bottom>span{font-size:14px;line-height:1.5}footer{background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;gap:20px;padding:28px 4%;font-size:12px}footer>span:nth-child(2){color:#a1a49c}
@media(max-width:700px){.chapter{font-size:10px}.chapter>span:last-child{display:none}.manifesto{padding-top:30px;padding-bottom:65px}.manifesto-grid{grid-template-columns:1fr;margin-top:45px;gap:35px}.mini-star{font-size:65px}.manifesto p{font-size:17px}.journey{display:block}.journey-sticky{position:relative;height:auto;max-height:none;padding:75px 0 25px}.journey-sticky .chapter{top:30px}.journey h2{margin:0 0 25px;font-size:48px}.journey-caption{display:none}.steps article{min-height:0;padding:45px 0}.step-number{font-size:76px}.steps h3{font-size:28px}.steps p{font-size:17px}.work{padding-top:35px;padding-bottom:65px}.work-heading{display:block;margin-top:40px}.work-heading p{margin-top:25px}.projects{grid-template-columns:1fr;gap:40px}.project:nth-child(2){margin-top:0}.project-caption>span{font-size:10px}.contact-intro{font-size:16px;max-width:270px;margin-top:45px}.contact-title{font-size:11.8vw}.contact-title b{font-size:.55em}.contact-bottom{margin-top:45px;flex-direction:column}.contact-bottom>a{font-size:24px}footer{flex-wrap:wrap}footer>span:nth-child(2){display:none}}
.case-studies{margin:65px -4.35% 75px}.case-study{padding:40px 4% 65px}.pamet{background:#123f95;color:white}.case-top{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff45;padding-bottom:22px;font-size:12px;letter-spacing:.08em}.case-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;margin-top:55px;align-items:center}.case-study h3{font-size:clamp(58px,7.6vw,116px);line-height:.97;letter-spacing:-.06em;margin:0 0 30px;font-weight:500}.case-study h3 em{color:#82e5b0}.case-study p{font-size:17px;line-height:1.65;max-width:590px}.case-study .case-lead{font-size:24px;line-height:1.25;letter-spacing:-.03em}.case-study .tags{margin-top:30px}.case-study .tags span{border-color:#ffffff60}.case-poster{margin:0;max-width:390px;justify-self:center}.case-poster img{display:block;width:100%;height:auto}.case-process{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid #ffffff45;margin:60px 0 45px;padding-top:32px}.case-process span{font-size:11px;letter-spacing:.08em;color:#acd0ff}.case-process h4{font-size:23px;margin:20px 0 12px;letter-spacing:-.03em}.case-process p{font-size:16px;color:#dce8ff}.reference-gallery{margin:0;overflow:hidden;position:relative}.reference-gallery img{position:absolute;max-width:none;height:auto;top:0}.pamet-gallery{aspect-ratio:702/369}.pamet-gallery img{width:186.325%;left:-86.325%}.gallery-caption{font-size:11px!important;letter-spacing:.08em;margin:20px 0 0!important;max-width:none!important}.morava{background:#e6eadf;color:var(--ink);padding-top:45px}.morava .case-top{border-color:#bbc2b3}.morava-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center;margin:55px 0 45px}.morava h3{font-size:clamp(55px,6.5vw,105px)}.morava h3 em{color:#15814b}.morava .tags span{border-color:#aab5a0}.morava-gallery{aspect-ratio:705/726}.morava-gallery img{width:185.532%;left:-85.532%}.more-work{font-size:28px;font-weight:500;letter-spacing:-.04em;margin-bottom:35px}@media(min-width:1000px){.morava-gallery{max-width:850px;margin-left:auto;margin-right:auto}}@media(max-width:700px){.case-studies{margin-top:35px}.case-study{padding-top:28px;padding-bottom:40px}.case-top{font-size:10px}.case-layout,.morava-heading{grid-template-columns:1fr;gap:32px;margin-top:36px}.case-study h3{font-size:62px}.morava h3{font-size:14vw}.case-study .case-lead{font-size:22px}.case-study p{font-size:16px}.case-poster{width:75%;max-width:320px}.case-process{grid-template-columns:1fr;gap:22px;margin-top:38px}.case-process h4{margin-top:12px}.case-process p{margin-bottom:0}.gallery-caption{font-size:10px!important}.case-study .tags span{font-size:12px}}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:var(--green);transform-origin:left;z-index:80;pointer-events:none}.hero h1,.asterisk,.case-poster{will-change:transform}.hero-bottom{position:relative;z-index:2}.manifesto{overflow:hidden}.manifesto h2{will-change:transform}.case-layout{padding:35px 0}.case-copy{position:relative;z-index:1}.project-image img{transition:none}.reference-gallery{clip-path:inset(0)}.reveal{opacity:1;transform:none}.reveal:not(.in-view){opacity:.2;transform:translateY(35px)}.reveal.in-view{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1),clip-path 1.1s cubic-bezier(.2,.7,.2,1)}.reference-gallery.reveal:not(.in-view){opacity:1;transform:none;clip-path:inset(12% 5% 12% 5%)}.case-process>div:nth-child(2){transition-delay:.1s}.case-process>div:nth-child(3){transition-delay:.2s}.contact-title{transition:letter-spacing .5s}.contact-title:hover{letter-spacing:-.015em}@media(prefers-reduced-motion:reduce){.reveal:not(.in-view){opacity:1;transform:none;clip-path:none}.hero h1,.asterisk,.case-poster,.manifesto h2,.project-image img{transform:none!important;will-change:auto}}@media(max-width:700px){.case-layout{padding:0}.reveal:not(.in-view){transform:translateY(15px)}}
.work{padding-bottom:0}.case-studies{margin-bottom:0}.family{padding:65px 4% 0;background:var(--ink);color:var(--paper);overflow:hidden}.family .chapter{color:#a5ad9d}.family-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:75px 0 65px}.family-heading h2{font-size:clamp(38px,6.2vw,92px);line-height:1.05;font-weight:500;letter-spacing:-.055em;margin:0}.family-heading em{color:var(--green)}.family-heading p{font-size:17px;line-height:1.6;color:#b8c1af}.client-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px 0 80px}.client-card{background:white;color:var(--ink);padding:25px 30px;display:flex;min-width:0;flex-direction:column;justify-content:space-between;min-height:320px;translate:0 var(--drift,0px);transition:box-shadow .35s}.client-index{font-size:12px;letter-spacing:.08em;color:#62665e}.client-card img{display:block;width:80%;height:150px;object-fit:contain;align-self:center;margin:30px 0;transition:transform .5s}.client-card:hover img{transform:scale(1.07)}.client-card:hover{box-shadow:0 0 0 3px var(--green)}.client-story{font-size:14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4e6df;padding-top:20px;gap:15px}.client-story b{font-size:25px;font-weight:400;transition:transform .3s}.client-card:hover b{transform:translate(4px,-4px)}.story-ribbon{border-top:1px solid #394135;padding:25px 0;margin:0 -4.35%;overflow:hidden}.ribbon-track{white-space:nowrap;width:max-content;font-size:clamp(38px,6.4vw,96px);font-weight:500;letter-spacing:-.045em;line-height:1.2;will-change:transform}.ribbon-track span{display:inline-block;color:var(--green);margin:0 35px}.reference-gallery{will-change:transform}.hero .story-word{animation:hero-arrive 1s cubic-bezier(.2,.7,.2,1) both}.nav-contact{transition:background .25s,color .25s}.nav-contact:hover{background:var(--ink);color:var(--paper);text-decoration:none}@keyframes hero-arrive{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}@media(max-width:700px){.family{padding-top:35px}.family-heading{display:block;margin:40px 0 25px}.family-heading p{font-size:16px;margin-top:25px}.client-grid{grid-template-columns:1fr;padding-bottom:45px;gap:25px}.client-card{min-height:260px;padding:22px;translate:none}.client-card img{height:120px}.client-story{font-size:13px}.story-ribbon{padding:22px 0}}@media(prefers-reduced-motion:reduce){.client-card{translate:none!important}.reference-gallery,.ribbon-track{transform:none!important;will-change:auto}.hero .story-word{animation:none}}
.campaign-pair,.production-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:45px 0}.morava-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.photo-tile{margin:0;aspect-ratio:auto;min-width:0;align-self:start}.photo-tile img{position:static;display:block;left:auto;top:auto;width:100%;height:auto;max-width:100%;object-fit:contain}.photo-wide{grid-column:1/-1}.production-pair .photo-tile:nth-child(2){margin-top:75px}.campaign-pair{max-width:1050px;margin-left:auto;margin-right:auto}.campaign-print{background:#104394}@media(max-width:700px){.campaign-pair,.production-pair,.morava-photos{grid-template-columns:1fr;gap:25px;margin-top:30px;margin-bottom:30px}.production-pair .photo-tile:nth-child(2){margin-top:0}.photo-wide{grid-column:auto}.campaign-pair{max-width:460px}}
.tahiti{background:#092e32;color:#f6f8f6}.tahiti-heading{margin:65px 0 40px}.tahiti h3{font-size:clamp(52px,7.3vw,112px)}.tahiti h3 em{color:#2ed8dd}.tahiti-opening{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center;margin-bottom:60px}.tahiti-opening p{color:#d3e5e4}.tahiti-result{border-left:1px solid #467175;padding:20px 0 20px 35px}.tahiti-result strong{font-size:clamp(36px,4.6vw,70px);font-weight:500;letter-spacing:-.05em;color:#2ed8dd}.tahiti-result p{margin:15px 0 0}.tahiti-result b{color:white}.tahiti .case-process span{color:#59dce0}.tahiti .case-process p{color:#d3e5e4}.tahiti-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}.tahiti-gallery .photo-tile:last-child{grid-column:1/-1;max-width:900px;width:100%;justify-self:center}.tahiti>.photo-tile{margin:20px 0}.tahiti .gallery-caption{margin-top:35px!important}@media(max-width:700px){.tahiti-heading{margin-top:40px}.tahiti-opening{grid-template-columns:1fr;gap:32px;margin-bottom:35px}.tahiti-result{padding-left:22px}.tahiti-gallery{grid-template-columns:1fr;gap:25px}.tahiti h3{font-size:14vw}}
.stizol{background:#242422;color:#f7f7f2}.stizol h3 em{color:#ffbf2f}.stizol-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;margin:65px 0 55px}.stizol h3{font-size:clamp(48px,6.5vw,100px);margin:0}.stizol-heading p{color:#deded7}.stizol .case-lead{color:#ffbf2f}.stizol .case-process span{color:#ffbf2f}.stizol .case-process p{color:#deded7}.stizol-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}.stizol>.photo-tile{margin:20px 0}.stizol .gallery-caption{margin-top:35px!important}@media(max-width:700px){.stizol-heading{grid-template-columns:1fr;gap:24px;margin:40px 0 30px}.stizol h3{font-size:13vw}.stizol-gallery{grid-template-columns:1fr;gap:25px}}
.client-logo-only{justify-content:flex-start}.client-logo-only img{margin:auto 0}.client-cidem img{width:184px;height:auto;max-width:80%}.client-logo-only:hover{box-shadow:none}.client-logo-only:hover img{transform:none}
.ui-symbol{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;overflow:visible}.asterisk .ui-symbol,.mini-star .ui-symbol{display:block}.asterisk{flex-shrink:0}.round-link .ui-symbol{vertical-align:0}.contact-title b .ui-symbol{display:block}
/* Shared gallery layout: every reference uses the same responsive columns. */
.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start;margin:45px 0}.reference-grid>.photo-tile{width:100%;max-width:none;margin:0;grid-column:auto;min-width:0}.reference-grid>.photo-tile img{display:block;position:static;width:100%;max-width:100%;height:auto}.pamet .case-layout{grid-template-columns:1fr}.pamet .case-copy{max-width:850px}.case-process>.reveal:not(.in-view){opacity:1}.tahiti{background:#f5f5ef;color:#111310;color-scheme:light}.tahiti h3,.tahiti h4,.tahiti .case-top,.tahiti .tags span,.tahiti .gallery-caption{color:#111310}.tahiti p,.tahiti-opening p,.tahiti .case-process p,.tahiti-result p{color:#334747}.tahiti h3 em,.tahiti-result strong,.tahiti .case-process span{color:#00686d}.tahiti-result b{color:#111310}.tahiti .case-top,.tahiti .case-process,.tahiti .tags span,.tahiti-result{border-color:#8ca7a5}@media(min-width:1600px){.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}}@media(max-width:700px){.reference-grid{grid-template-columns:minmax(0,1fr);gap:25px;margin:30px 0}}

/* Brand silhouette extruded as a quiet, pointer-responsive wireframe. */
.hero{isolation:isolate;position:relative;overflow:hidden}
.brand-wireframe{position:absolute;z-index:-1;pointer-events:none;right:-7%;top:2%;width:66%;height:88%;opacity:.26}
.hero .eyebrow,.hero-bottom{position:relative;z-index:1}
.scroll-underline{--line-progress:0;background-image:linear-gradient(var(--green,#22bb77),var(--green,#22bb77));background-repeat:no-repeat;background-position:left bottom;background-size:calc(var(--line-progress)*100%) 2px;padding-bottom:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
@media(max-width:700px){.brand-wireframe{right:-22%;top:9%;width:90%;height:72%;opacity:.17}}
@media(prefers-reduced-motion:reduce){.scroll-underline{background-size:100% 2px}}

/* Small annotation mark immediately after the final letter. */
.hero .story-word{display:inline-flex;align-items:flex-start;gap:.055em}
.hero .asterisk{font-size:.2em;line-height:1;margin-top:.3em;flex-shrink:0}