/* Route-specific compositions. Shared P1 identity, distinct service stories. */
:root{--craft-rule:#9db8e438;--craft-ink:#071527;--craft-paper:#eef2f9;--craft-blue:#0758f8}
picture{display:contents}.p1-inner .craft-hero{padding-top:clamp(145px,14vw,210px);padding-bottom:60px}.p1-inner .craft-hero h1{font-size:clamp(3rem,7.6vw,7.5rem);font-weight:600;line-height:1.02;letter-spacing:-.055em;margin:24px 0 30px}.craft-hero h1 span{color:#4f82ff}.craft-hero .p1-action{margin-top:14px}.build-hero h1{max-width:16ch}.build-intro{display:flex;justify-content:space-between;gap:50px;align-items:end}.build-intro p{max-width:50ch;margin:0}.build-intro .p1-action{flex-shrink:0}.work-caption{display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-top:1px solid var(--craft-rule);font-size:.875rem}.work-caption a{text-decoration:underline;text-underline-offset:5px}.build-browser{height:clamp(280px,47vw,670px);overflow:hidden;background:#17263a;border-radius:8px 8px 0 0}.build-browser img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top}.build-details{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:75px 0 95px}.build-details h2{font-size:clamp(2.4rem,4.5vw,4.4rem)}.deliverables{margin:32px 0 0}.deliverables>div{border-top:1px solid var(--craft-rule);padding:20px 0}.deliverables dt{color:#f5f7ff;font-weight:700;font-size:1.08rem}.deliverables dd{margin:7px 0 0;color:var(--muted);font-size:1rem;line-height:1.6}.zemi-statement{padding:clamp(60px,8vw,120px) 0;background:#102b58}.zemi-statement>.inner-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%;align-items:start}.zemi-statement img{width:min(280px,100%);height:auto;margin-top:15px}.zemi-statement h2{margin-top:20px}.zemi-statement p{max-width:52ch}.brand-study{display:grid;grid-template-columns:1.12fr .88fr;gap:7%;align-items:center;padding:120px 0}.brand-study figure{aspect-ratio:1/1.1;overflow:hidden}.brand-study img{width:100%;height:100%;object-fit:cover}.brand-study-copy h2{font-size:clamp(2.3rem,4.1vw,4.1rem);margin-top:22px}.small-note{font-size:.875rem!important;padding-top:20px;border-top:1px solid var(--craft-rule)}.local-setup{padding:65px 0 100px;border-top:1px solid var(--craft-rule);display:grid;grid-template-columns:1.15fr 1fr;gap:20px 8%}.local-setup>.eyebrow{grid-column:1/-1}.local-setup h2{font-size:clamp(2.3rem,4.5vw,4.5rem)}
.manage-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:end}.manage-hero h1{font-size:clamp(3rem,5.8vw,6rem)!important}.manage-hero figure{height:clamp(350px,39vw,590px);overflow:hidden}.manage-hero figure img{width:100%;height:100%;object-fit:cover;object-position:60% center}.manage-hero p{max-width:43ch}.care-ledger{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:0 8%;padding:75px 0 110px}.ledger-heading{grid-column:1;grid-row:1/4;align-self:start;position:sticky;top:130px}.ledger-heading h2{margin-top:25px;font-size:clamp(2.4rem,4vw,4rem)}.care-ledger article{grid-column:2;display:grid;grid-template-columns:45px 1fr;gap:25px;border-top:1px solid var(--craft-rule);padding:36px 0 48px}.ledger-number{font-family:Oxanium,sans-serif;color:#86adff;font-size:1.1rem}.care-ledger h3{font-size:clamp(1.8rem,3vw,3rem)}.care-ledger p{margin-top:0}.care-ledger details{margin-top:24px}.care-ledger summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:12px 0;border-bottom:1px solid var(--craft-rule);min-height:48px;font-size:1rem;color:#eef3ff}.care-ledger summary:after{content:'+';font-size:1.5rem}.care-ledger details[open] summary:after{content:'−'}.care-ledger summary::-webkit-details-marker{display:none}.care-ledger ul{padding-left:20px;color:#b9c8e1;font-size:1rem;line-height:1.9}.care-note{background:var(--craft-blue);padding:clamp(60px,8vw,120px) 0}.care-note h2{max-width:17ch;margin-top:25px;font-size:clamp(2.8rem,6vw,6rem)}.care-note p{color:white;max-width:46ch}.care-note .eyebrow{color:#fff}.care-note .p1-action:hover{background:#071527}.service-handoff{padding:55px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.service-handoff a{font-family:Oxanium,sans-serif;font-size:clamp(1.5rem,2.5vw,2.3rem);white-space:nowrap}
.grow-title{display:grid;grid-template-columns:1.4fr .6fr;gap:7%;align-items:end}.grow-title h1{margin-bottom:0!important}.grow-title>div{padding-bottom:8px}.growth-scene{height:clamp(290px,45vw,650px);overflow:hidden;margin:0!important}.growth-scene img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.campaign-section{padding:110px 0}.campaign-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:20px 10%;align-items:end}.campaign-heading>.eyebrow{grid-column:1/-1}.campaign-heading h2{margin:0}.campaign-heading p{margin:0}.campaign-pair{margin-top:60px;display:grid;grid-template-columns:1.2fr 1fr;gap:0}.campaign-pair article{padding:50px;background:#112b51}.campaign-pair article+article{background:#1d3f72;margin-top:70px;margin-bottom:-20px}.channel-name{font:600 clamp(2.4rem,5vw,4.5rem) Oxanium,sans-serif;display:block;padding-bottom:40px;color:#aac8ff}.campaign-pair h3{font-size:clamp(1.8rem,2.8vw,2.8rem)}.campaign-pair p{margin-bottom:0}.social-story{background:var(--craft-paper);color:var(--craft-ink);padding:clamp(65px,8vw,110px) 0}.social-story .eyebrow{color:#34557e}.social-story h2{margin-top:24px;font-size:clamp(2.8rem,5.5vw,5.5rem);max-width:18ch}.social-story-body{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:35px}.social-story p{color:#34445c;margin:0}.social-story ul{list-style:none;margin:0;padding:0;font-size:1rem}.social-story li{padding:14px 0;border-bottom:1px solid #243a5833}.content-line{display:grid;grid-template-columns:1fr 1fr;gap:20px 10%;padding:100px 0}.content-line>.eyebrow{grid-column:1/-1}.content-line h2{font-size:clamp(2.6rem,4.6vw,4.6rem)}.content-line p:first-child{margin-top:0}
/* Work owns real proof. No duplicated atmospheric device mockups. */
.p1-inner:has(.work-gallery) .work-entry{grid-template-columns:1.5fr 1fr}.p1-inner:has(.work-gallery) .work-entry:first-child{grid-template-columns:1fr;gap:26px}.work-entry:first-child figure{aspect-ratio:1.8}.work-entry:first-child>div{display:grid;grid-template-columns:1fr 1fr;gap:0 7%}.work-entry:first-child>div h2{grid-row:1/3}.work-entry:first-child>div .eyebrow{grid-column:1/-1}.work-entry:nth-child(even) figure{order:0!important}.work-entry figure{border-radius:0!important}.work-entry img{object-fit:cover;object-position:top}.p1-inner:has(.contact-grid) .inner-hero{padding-bottom:30px}.p1-inner:has(.contact-grid) .inner-hero h1{max-width:15ch;font-size:clamp(3rem,6.5vw,6.5rem)}.inquiry-form{border-radius:0!important;border-top:2px solid #6f9eff;background:#10254a}.contact-grid{align-items:start}
@media(max-width:1050px){.manage-hero{grid-template-columns:1.1fr .9fr;gap:5%}.manage-hero h1{font-size:clamp(2.7rem,5.5vw,4.5rem)!important}.grow-title{grid-template-columns:1fr 1fr}.build-intro{gap:25px}.build-intro .p1-action{flex-shrink:1}.care-ledger{grid-template-columns:.65fr 1.35fr;gap:0 5%}.campaign-pair article{padding:32px}.brand-study{padding:85px 0}.p1-inner h1{overflow-wrap:normal}}
@media(max-width:700px){.p1-inner .inner-wrap{width:calc(100% - 40px)}.p1-inner .craft-hero{padding-top:120px;padding-bottom:38px}.p1-inner .craft-hero h1{font-size:clamp(2.6rem,10.8vw,4.5rem);line-height:1.06;letter-spacing:-.055em;margin:20px 0 25px}.build-intro{display:block}.build-intro p{font-size:1rem}.build-intro .p1-action{margin-top:22px}.work-caption{font-size:.875rem;padding:16px 0;gap:12px}.build-browser{height:240px}.build-browser img{width:auto;min-width:100%;height:100%;object-fit:cover;object-position:top left}.build-details,.zemi-statement>.inner-wrap,.brand-study,.local-setup,.manage-hero,.care-ledger,.grow-title,.campaign-heading,.social-story-body,.content-line{grid-template-columns:1fr}.build-details{padding:40px 0 60px;gap:15px}.build-details h2,.brand-study-copy h2,.local-setup h2,.ledger-heading h2,.campaign-heading h2,.content-line h2{font-size:clamp(2rem,8.5vw,3rem);line-height:1.1}.zemi-statement{padding:48px 0}.zemi-statement>.inner-wrap{gap:28px}.zemi-statement img{width:180px;margin:0}.zemi-statement h2{font-size:clamp(2rem,8.5vw,3rem);line-height:1.1}.brand-study{padding:60px 0;gap:32px}.brand-study figure{aspect-ratio:1.2}.brand-study-copy h2 br{display:none}.brand-study-copy h2{max-width:13ch}.local-setup{padding:35px 0 60px;gap:20px}.local-setup h2{margin-bottom:0}.manage-hero h1{font-size:clamp(2.55rem,10.4vw,4.5rem)!important}.manage-hero figure{height:260px;margin-top:28px}.care-ledger{padding:28px 0 40px}.ledger-heading{position:static;grid-row:auto;margin-bottom:20px}.care-ledger article{grid-column:1;padding:28px 0;grid-template-columns:28px 1fr;gap:12px}.care-ledger h3{font-size:1.9rem}.care-ledger h3 br{display:none}.care-note{padding:50px 0}.care-note h2{font-size:clamp(2.4rem,9.8vw,3.5rem);line-height:1.07}.service-handoff{padding:35px 0;display:block}.service-handoff a{display:inline-block;white-space:normal;font-size:1.6rem;padding:8px 0}.grow-title{gap:20px}.grow-title h1 br:first-child{display:none}.growth-scene{height:280px}.campaign-section{padding:55px 0 65px}.campaign-heading{gap:22px}.campaign-pair{grid-template-columns:1fr;margin-top:32px}.campaign-pair article{padding:30px 25px}.campaign-pair article+article{margin:0 0 0 22px}.channel-name{font-size:2.4rem;padding-bottom:25px}.campaign-pair h3{font-size:2rem}.social-story{padding:50px 0}.social-story h2{font-size:clamp(2.2rem,9vw,3.3rem)}.social-story-body{gap:25px;margin-top:24px}.content-line{padding:55px 0;gap:22px}.content-line h2{margin:0}.p1-inner:has(.work-gallery) .work-entry{grid-template-columns:1fr!important}.work-entry:first-child>div{display:block}.work-entry:first-child figure{aspect-ratio:1.4}.p1-inner .p1-action{font-size:.875rem;max-width:100%;gap:20px;padding:15px 18px;white-space:normal;text-align:left}.p1-inner p{font-size:1rem}.p1-inner .inner-hero{padding-top:120px}.p1-inner .inner-hero h1{font-size:clamp(2.5rem,10vw,4rem)}.p1-inner .page-close h2{font-size:clamp(2rem,8vw,3rem)}.inquiry-form{padding:28px 20px}.p1-inner .contact-grid{gap:25px}.p1-inner .legal-body{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){.craft-hero *,.build-browser,.growth-scene img,.brand-study img{transform:none!important;opacity:1!important;clip-path:none!important}}

/* Match the owner's display and button typography. */
.p1-inner h1,.p1-inner h2,.p1-inner h3,.p1-inner .craft-hero h1{font-weight:700;letter-spacing:-.045em}
.p1-inner .p1-action{font-family:Oxanium,Arial,sans-serif;font-weight:700;letter-spacing:.02em;justify-content:center;text-transform:uppercase;gap:0}
@media(min-width:701px) and (max-width:1050px){.grow-title{grid-template-columns:1fr;gap:24px}.grow-title>div{display:flex;gap:30px;align-items:center;justify-content:space-between}.grow-title>div p{max-width:40ch}.grow-title .p1-action{flex-shrink:0;margin-top:0}.grow-title h1{max-width:15ch}}

@media(max-width:700px){.contact-grid .inquiry-form{order:-1}.contact-details{padding-top:28px}}
.p1-inner:has(.work-gallery) .work-intro{max-width:none}.p1-inner:has(.work-gallery) .inner-hero{padding-bottom:20px}.p1-inner:has(.work-gallery) .inner-hero h1{font-size:clamp(2.4rem,5vw,5rem);max-width:22ch}.work-gallery{padding-top:0}.work-entry:first-child{padding-top:24px}.work-entry:first-child figure{aspect-ratio:16/9!important}.build-browser{height:auto;aspect-ratio:16/9}.build-browser img{width:100%;height:100%;min-height:0;object-fit:cover}.work-entry img{object-position:top left}
/* Image-first route identities: project in use, workshop, street, and selected work. */
.p1-inner .build-hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding-top:140px;padding-bottom:70px}
.p1-inner .build-hero h1{font-size:clamp(44px,5.4vw,82px);line-height:1.02}
.build-intro{display:block}.build-intro .p1-action{margin-top:24px}.build-hero-scene{height:clamp(370px,42vw,630px);margin:0;overflow:hidden;border-radius:50% 50% 3% 3% / 30% 30% 3% 3%}
.build-hero-scene img,.brand-material img,.local-detail,.care-scenes img,.campaign-production img,.planning-detail img,.work-hero-scene img{display:block;width:100%;height:100%;object-fit:cover}
.brand-material{height:clamp(280px,38vw,520px);margin-bottom:80px;overflow:hidden}
.local-detail{height:280px;margin-bottom:30px;object-position:center}
.care-scenes{display:grid;grid-template-columns:1.3fr 1fr;gap:6%;padding-bottom:90px;align-items:start}.care-scenes figure{margin:0}.care-scenes figure+figure{padding-top:100px}.care-scenes img{aspect-ratio:1.2}.care-scenes figcaption{font-size:14px;padding-top:14px;color:#c6d6ec}
.p1-inner .grow-hero{position:relative;z-index:1;padding-bottom:48px}.p1-inner .grow-title{grid-template-columns:1.3fr .7fr}.p1-inner .grow-title h1{font-size:clamp(48px,6.7vw,98px)}
.growth-scene{height:clamp(330px,40vw,580px);width:92%;margin:0 auto!important;border-radius:4px}
.campaign-production{height:clamp(310px,45vw,650px);overflow:hidden;margin-bottom:90px}
.planning-detail{height:clamp(250px,32vw,470px);overflow:hidden;margin-top:80px;margin-bottom:0}
.p1-inner:has(.work-gallery) .inner-hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding:145px 5vw 65px}
.p1-inner:has(.work-gallery) .work-intro{width:100%}.work-hero-scene{height:420px;margin:0;overflow:hidden}.p1-inner:has(.work-gallery) .inner-hero h1{font-size:clamp(42px,4.5vw,72px)}
@media(max-width:767px){
 .p1-inner .build-hero{grid-template-columns:1fr;padding-top:115px;gap:28px}.p1-inner .build-hero h1{font-size:clamp(38px,10vw,58px)}.build-hero-scene{height:310px;border-radius:36% 36% 2% 2% / 24% 24% 2% 2%}
 .brand-material{height:270px;margin-bottom:45px}.local-detail{height:230px}
 .care-scenes{grid-template-columns:1fr 1fr;gap:16px;padding-bottom:45px}.care-scenes figure+figure{padding-top:60px}.care-scenes img{aspect-ratio:.7}.care-scenes figcaption{font-size:12px;line-height:1.5}
 .p1-inner .grow-title{grid-template-columns:1fr}.p1-inner .grow-title h1{font-size:clamp(38px,10vw,58px)}.growth-scene{width:calc(100% - 40px);height:300px}
 .campaign-production{height:300px;margin-bottom:45px}.planning-detail{height:260px;margin-top:45px}
 .p1-inner:has(.work-gallery) .inner-hero{grid-template-columns:1fr;padding:120px 20px 32px;gap:24px}.work-hero-scene{height:280px}.p1-inner:has(.work-gallery) .inner-hero h1{font-size:clamp(36px,9vw,52px)}
}
.p1-inner .grow-hero{min-height:760px;display:flex;align-items:center;padding-top:150px;padding-bottom:80px;overflow:hidden;isolation:isolate}
.grow-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.grow-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,30,.94),rgba(4,15,30,.7) 48%,rgba(4,15,30,.12));z-index:-1}
.p1-inner .grow-title{display:block;max-width:800px}.p1-inner .grow-title>div{display:block;max-width:460px}.grow-hero h1 span{color:#a8c7ff}.grow-hero p{color:#fff}
@media(max-width:767px){.p1-inner .grow-hero{min-height:760px;padding-top:140px;padding-bottom:70px;align-items:flex-start}.grow-backdrop{object-position:63% center}.grow-hero:after{background:linear-gradient(180deg,#041020db,#04102099 65%,#04102030)}.p1-inner .grow-title h1{max-width:13ch}.p1-inner .grow-title>div{max-width:31ch}}