@font-face{font-family:"Avenir Occulus";src:url("https://static.parastorage.com/fonts/v2/af36905f-3c92-4ef9-b0c1-f91432f16ac1/v1/avenir-lt-w01_35-light1475496.woff2") format("woff2");font-display:swap;font-weight:400}
@font-face{font-family:"Avenir Occulus";src:url("https://static.parastorage.com/fonts/v2/74290729-59ae-4129-87d0-2eec3974dce1/v1/avenir-lt-w01_85-heavy1475544.woff2") format("woff2");font-display:swap;font-weight:800}
@font-face{font-family:"Anton Occulus";src:url("https://static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/anton/v11/1Ptgg87LROyAm3Kz-C8CSKlv.woff2") format("woff2");font-display:swap;font-weight:400}
:root{--ink:#0b0c0c;--steel:#1b292f;--paper:#eef1f2;--paper-dark:#dbe2e4;--signal:#c55665;--signal-dark:#9f3443;--line:rgba(255,255,255,.2);--dark-line:rgba(11,12,12,.2);--max:1460px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 "Avenir Occulus",Avenir,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}img{display:block;width:100%}a{color:inherit}p,h1,h2,h3,dl,dd{margin:0}h1,h2,h3{font-weight:800;text-transform:uppercase;letter-spacing:-.035em;line-height:.96}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;padding:.75rem 1rem}.skip-link:focus{top:1rem}.site-header{height:76px;padding:0 clamp(1rem,3vw,3.5rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--ink);color:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.brand{display:inline-flex;width:max-content}.brand img{width:136px;max-height:55px;object-fit:contain}.site-header nav{display:flex;gap:clamp(1rem,2.5vw,2.5rem)}.site-header nav a,.header-cta{text-decoration:none;text-transform:uppercase;letter-spacing:.09em;font-size:.73rem;font-weight:800}.site-header nav a:hover,.header-cta:hover{color:var(--signal)}.header-cta{justify-self:end;border-bottom:1px solid var(--signal);padding-bottom:.3rem}.menu-toggle{display:none}.section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,6vw,6rem)}.dark{background:var(--ink);color:white}.section-tag{color:var(--signal-dark);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.section-tag.light{color:var(--signal)}.section h2{font-size:clamp(3.1rem,6.5vw,7rem)}.eyebrow{color:var(--signal);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.button-row{display:flex;gap:.75rem;flex-wrap:wrap}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.25rem;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.73rem;font-weight:800;border:1px solid transparent}.button.signal{background:var(--signal);color:var(--ink)}.button.outline{border-color:rgba(255,255,255,.6);color:#fff}.button.black{background:var(--ink);color:white}.text-link{width:max-content;color:white;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800;border-bottom:1px solid var(--signal);padding-bottom:.35rem}.dark-link{color:var(--ink)}
.hero{min-height:calc(100vh - 76px);position:relative;background:#111;color:#fff;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img{height:100%;object-fit:cover;filter:grayscale(.25) contrast(1.08)}.hero-shade{background:linear-gradient(90deg,rgba(5,5,4,.92),rgba(5,5,4,.6) 46%,rgba(5,5,4,.18)),linear-gradient(0deg,rgba(5,5,4,.75),transparent 48%)}.hero-content{position:relative;z-index:2;max-width:var(--max);min-height:calc(100vh - 76px);margin:auto;padding:clamp(3rem,7vw,7rem) clamp(1.25rem,6vw,6rem) 3rem;display:flex;flex-direction:column;justify-content:space-between}.hero h1,.page-hero h1,.case-hero h1{font-family:"Anton Occulus",Anton,sans-serif;font-weight:400;letter-spacing:-.015em;font-size:clamp(4.2rem,10.5vw,10.5rem)}.hero h1 em{color:var(--signal);font-style:normal}.hero-bottom{display:grid;grid-template-columns:minmax(280px,650px) auto;gap:2rem;align-items:end}.hero-bottom>p{font-size:clamp(1.05rem,1.6vw,1.4rem)}.hero-note{position:absolute;z-index:3;right:1.5rem;top:50%;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.15em;font-size:.62rem;opacity:.6}.proof-rail{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--dark-line)}.proof-rail div{min-height:120px;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end}.proof-rail div+div{border-left:1px solid var(--dark-line)}.proof-rail strong{font-size:clamp(1.35rem,2.5vw,2.6rem);line-height:1}.proof-rail span{margin-top:.65rem;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}.split{max-width:var(--max);margin:auto;display:grid;grid-template-columns:220px 1fr;gap:3rem}.split .lede{max-width:670px;margin:3rem 0 0 auto;color:#4e5557;font-size:1.2rem}.niches{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:4rem}.niche-copy h2{font-size:clamp(3rem,5.2vw,5.5rem);margin:1rem 0 2rem}.niche-copy>p:last-child{max-width:480px;color:#4f5d62}.niche-grid{display:grid;grid-template-columns:1fr 1fr}.niche-card{min-height:460px;padding:2rem;background:var(--paper-dark);display:flex;flex-direction:column}.niche-card.red{background:var(--signal);color:var(--ink)}.niche-card span{font-size:.72rem;font-weight:800}.niche-card h3{margin:auto 0 1.5rem;font-size:clamp(2.3rem,4vw,4rem)}.section-head{max-width:var(--max);margin:0 auto 4rem;display:flex;align-items:end;justify-content:space-between;gap:2rem}.section-head h2{margin-top:1rem}.project-stack{max-width:var(--max);margin:auto}.project.feature{display:grid;grid-template-columns:1.4fr .8fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-image{position:relative;display:block;overflow:hidden;background:#222;aspect-ratio:16/9}.project.feature .project-image{aspect-ratio:auto;min-height:620px}.project-image img{height:100%;object-fit:cover;transition:transform .6s ease}.project-image:hover img{transform:scale(1.025)}.project-image>span{position:absolute;left:1rem;top:1rem;background:rgba(0,0,0,.75);color:white;padding:.4rem .55rem;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}.project-info{padding:clamp(1.4rem,3vw,3rem)}.project.feature .project-info{display:flex;flex-direction:column;justify-content:center}.project-no{color:var(--signal);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.project-info h3{font-size:clamp(2rem,4vw,4.6rem);margin:1.5rem 0}.project-info>p{color:#adb1ae}.project-info dl{margin-top:3rem;border-top:1px solid var(--line)}.project-info dl div{display:grid;grid-template-columns:110px 1fr;padding:.8rem 0;border-bottom:1px solid var(--line);font-size:.75rem}.project-info dt{text-transform:uppercase;letter-spacing:.08em;color:#8e9694}.project-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.project.tile{background:var(--ink)}.project.tile .project-info h3{font-size:clamp(1.8rem,3vw,3.2rem);margin:.8rem 0}.project.tile small{display:block;color:#7f8987;margin-top:1rem;text-transform:uppercase;letter-spacing:.07em}.results-tile>a{aspect-ratio:16/9;background:var(--signal);color:var(--ink);text-decoration:none;padding:2rem;display:flex;align-items:end}.results-tile>a div{display:flex;flex-direction:column}.metric{font:800 clamp(4rem,9vw,9rem)/.8 "Avenir Occulus",sans-serif}.results-tile>a div span:last-child{max-width:260px;margin-top:1.4rem;font-weight:800;text-transform:uppercase}.voices{max-width:var(--max);margin:auto}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.quote-grid blockquote{margin:0;padding:2rem 0;border-top:3px solid var(--signal)}.quote-grid blockquote p{font-size:clamp(1.35rem,2.1vw,2.1rem);font-weight:800;text-transform:uppercase;line-height:1.15}.quote-grid footer{margin-top:2rem;color:#596164;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.identity{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,7vw,8rem)}.identity-images{display:grid;grid-template-columns:1fr .46fr;align-items:end}.identity-images img:first-child{height:760px;object-fit:cover}.identity-images img:last-child{margin-left:-3rem;margin-bottom:3rem;border:10px solid var(--ink);height:320px;object-fit:cover}.identity-copy{display:flex;flex-direction:column;justify-content:center}.identity-copy h2{margin:1rem 0 2rem}.identity-copy>p{color:#b6bdba}.identity-copy hr{width:100%;border:0;border-top:1px solid var(--line);margin:4rem 0}.identity-copy h3{font-size:clamp(2.3rem,4vw,4rem);margin:1rem 0}.contact{background:var(--signal);min-height:72vh;display:flex;flex-direction:column;justify-content:center}.contact h2{font-size:clamp(4rem,9vw,9.5rem);margin:2rem 0 3rem}.contact-detail{align-self:center;font-weight:800;text-decoration:none}.site-footer{background:var(--ink);color:#b7bdbb;display:flex;justify-content:space-between;padding:1.4rem clamp(1.25rem,4vw,4rem);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}
.page-hero{background:var(--steel);color:white;padding:clamp(5rem,10vw,10rem) clamp(1.25rem,6vw,6rem)}.page-hero>div{max-width:var(--max);margin:auto}.page-hero h1{margin:2rem 0}.page-hero p:last-child{max-width:700px;font-size:1.2rem;color:#bac4c5}.filter-rail{max-width:var(--max);margin:auto;padding:1.3rem clamp(1.25rem,3vw,3rem);display:flex;gap:2rem;border-bottom:1px solid var(--dark-line);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:800}.portfolio-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:4rem 1.5rem}.portfolio-card:nth-child(3n){grid-column:1/-1}.portfolio-card:nth-child(3n) .portfolio-image{aspect-ratio:2/1}.portfolio-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#222}.portfolio-image img{height:100%;object-fit:cover}.portfolio-meta{padding-top:1.25rem}.portfolio-meta h2{font-size:clamp(2rem,3.5vw,3.8rem)}.portfolio-meta p{margin-top:.6rem;color:#506066}.portfolio-meta small{display:block;margin-top:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--signal-dark)}.portfolio-result{background:var(--signal);color:var(--ink);text-decoration:none;padding:2rem;display:flex;align-items:flex-end}.portfolio-result>div{display:flex;flex-direction:column}.portfolio-result>div span:last-child{font-weight:800;text-transform:uppercase}
.process-intro{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.process-intro h2{font-size:clamp(3rem,5.5vw,5.8rem)}.process-intro .lede{font-size:1.25rem}.vision-grid,.steps-grid{max-width:var(--max);margin:4rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--dark-line)}.vision-grid article,.steps-grid article{background:var(--paper);padding:2rem;min-height:300px}.vision-grid article span,.steps-grid article span{color:var(--signal-dark);font-weight:800}.vision-grid h3,.steps-grid h3{font-size:clamp(1.8rem,2.8vw,2.8rem);margin:4rem 0 1rem}.steps-grid{grid-template-columns:repeat(2,1fr)}.faq-wrap{max-width:980px;margin:auto}.faq-wrap details{border-top:1px solid var(--dark-line)}.faq-wrap details:last-child{border-bottom:1px solid var(--dark-line)}.faq-wrap summary{cursor:pointer;padding:1.5rem 0;font-weight:800;font-size:1.1rem}.faq-wrap details p{padding:0 0 1.5rem;color:#4f5c60}
.case-index{max-width:var(--max);margin:auto}.case-card{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--dark-line)}.case-card:last-child{border-bottom:1px solid var(--dark-line)}.case-card>img{height:100%;min-height:440px;object-fit:cover}.case-card-copy{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center}.case-card-copy h2{font-size:clamp(2.8rem,5.4vw,5.8rem);margin:1rem 0 2rem}.case-card-copy p{max-width:620px;color:#4d5b60}.case-card-copy .text-link{margin-top:2rem}.case-hero{background:var(--ink);color:white;min-height:70vh;display:grid;grid-template-columns:1fr 1fr}.case-hero-copy{padding:clamp(4rem,7vw,8rem);display:flex;flex-direction:column;justify-content:center}.case-hero h1{font-size:clamp(4rem,8vw,8.5rem);margin:2rem 0}.case-hero-copy>p:last-child{max-width:620px;color:#b2bab8;font-size:1.1rem}.case-hero>img{height:100%;min-height:70vh;object-fit:cover}.case-metrics{display:grid;grid-template-columns:repeat(4,1fr);background:var(--signal)}.case-metrics div{padding:2rem;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end}.case-metrics div+div{border-left:1px solid rgba(0,0,0,.25)}.case-metrics strong{font-size:clamp(2rem,4vw,4.2rem);line-height:1}.case-metrics span{text-transform:uppercase;letter-spacing:.09em;font-size:.65rem;margin-top:.7rem}.case-body{max-width:1200px;margin:auto}.case-chapter{display:grid;grid-template-columns:200px 1fr;gap:3rem;padding:5rem 0;border-bottom:1px solid var(--dark-line)}.case-chapter h2{font-size:clamp(2.8rem,5vw,5.5rem);margin-bottom:2rem}.case-chapter p{font-size:1.12rem;color:#445256}.case-chapter p+p{margin-top:1.2rem}.case-chapter ul{margin:2rem 0 0;padding:0;list-style:none}.case-chapter li{padding:1rem 0;border-top:1px solid var(--dark-line)}.next-case{background:var(--steel);color:white;text-align:center;padding:6rem 2rem}.next-case a{text-decoration:none}.next-case h2{font-size:clamp(3rem,7vw,7rem);margin-top:1rem}.case-card>.results-tile>a,.case-hero>.results-tile>a{height:100%;aspect-ratio:auto}.case-chapter blockquote{margin:3rem 0 0;padding:2rem 0;border-top:3px solid var(--signal)}.case-chapter blockquote p{font-size:clamp(1.5rem,2.8vw,2.8rem);font-weight:800;text-transform:uppercase;line-height:1.1}.case-chapter blockquote footer{margin-top:1.5rem;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.menu-toggle{display:block;background:none;color:white;border:1px solid var(--line);padding:.6rem .8rem;text-transform:uppercase;font-weight:800}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--ink);padding:1.5rem;flex-direction:column}.site-header nav.open{display:flex}.header-cta{display:none}.hero-bottom,.split,.niches,.identity,.process-intro,.case-card,.case-hero{grid-template-columns:1fr}.project.feature{grid-template-columns:1fr}.project.feature .project-image{min-height:55vw}.identity-images img:first-child{height:600px}.case-hero>img{min-height:50vh}.case-card>img{min-height:55vw}.proof-rail,.case-metrics{grid-template-columns:repeat(2,1fr)}.proof-rail div:nth-child(3),.case-metrics div:nth-child(3){border-left:0;border-top:1px solid var(--dark-line)}}
@media(max-width:700px){.hero{min-height:760px}.hero-content{min-height:760px}.hero h1{font-size:clamp(4rem,20vw,6.5rem)}.hero-note{display:none}.proof-rail,.niche-grid,.project-grid,.quote-grid,.portfolio-grid,.vision-grid,.steps-grid{grid-template-columns:1fr}.portfolio-card:nth-child(3n){grid-column:auto}.portfolio-card:nth-child(3n) .portfolio-image{aspect-ratio:16/10}.project.feature .project-image{min-height:70vw}.section-head{align-items:flex-start;flex-direction:column}.identity-images img:first-child{height:450px}.identity-images img:last-child{height:220px}.case-metrics{grid-template-columns:1fr}.case-metrics div+div{border-left:0;border-top:1px solid rgba(0,0,0,.25)}.case-chapter{grid-template-columns:1fr;padding:4rem 1.25rem}.site-footer{gap:1rem;flex-direction:column}}
.hero-media video{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.25) contrast(1.08)}
.client-rail{max-width:var(--max);margin:auto;padding:1.4rem clamp(1.25rem,4vw,4rem);display:grid;grid-template-columns:140px 1fr;align-items:center;border-bottom:1px solid var(--dark-line)}.client-rail p{text-transform:uppercase;font-size:.68rem;font-weight:800;letter-spacing:.13em;color:#626b6d}.client-rail div{display:flex;justify-content:space-between;align-items:center;gap:2rem}.client-rail strong{text-transform:uppercase;letter-spacing:.045em;font-size:clamp(.8rem,1.3vw,1.05rem);white-space:nowrap}.intro-compact{padding-top:clamp(3.25rem,5vw,5rem);padding-bottom:clamp(3.25rem,5vw,5rem)}.intro-compact h2{font-size:clamp(2.2rem,4vw,4.25rem);max-width:980px}.intro-compact .lede{margin-top:1.75rem;font-size:1.05rem}
@media(max-width:700px){.client-rail{grid-template-columns:1fr;gap:1rem}.client-rail div{overflow-x:auto;justify-content:flex-start;padding-bottom:.35rem}.client-rail strong{font-size:.8rem}.intro-compact{padding-top:3rem;padding-bottom:3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media video{display:none}.hero-media{background:url("https://i.ytimg.com/vi/YotXUht0bWQ/maxresdefault.jpg") center/cover no-repeat}}
.hero-bottom{align-items:center}.hero-bottom .button-row{align-items:center}
.intro-compact h2{font-size:clamp(2rem,3.25vw,3.35rem);max-width:900px}.intro-compact .lede{max-width:760px;margin:1.4rem 0 0;font-size:1rem}
.identity-compact{padding-top:clamp(3.5rem,5vw,5rem);padding-bottom:clamp(3.5rem,5vw,5rem);grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,5rem)}.identity-compact .identity-images img:first-child{height:410px}.identity-compact .identity-images img:last-child{height:190px;margin-left:-2rem;margin-bottom:1.5rem;border-width:7px}.identity-compact .identity-copy h2{font-size:clamp(2.5rem,4.2vw,4.4rem);margin:.8rem 0 1.35rem}.identity-compact .identity-copy hr{margin:2rem 0}.identity-compact .identity-copy h3{font-size:clamp(2rem,3vw,3rem);margin:.65rem 0}.identity-compact .identity-copy>p{font-size:.98rem}
.niches-compact{padding-top:clamp(3.5rem,5vw,5rem);padding-bottom:clamp(3.5rem,5vw,5rem);gap:3rem}.niches-compact .niche-copy h2{font-size:clamp(2.5rem,4.3vw,4.4rem);margin:.8rem 0 1.25rem}.niches-compact .niche-card{min-height:330px;padding:1.6rem}.niches-compact .niche-card h3{font-size:clamp(2rem,3vw,3rem);margin:auto 0 1rem}
.selected-work-compact{padding-top:clamp(4rem,6vw,6rem);padding-bottom:clamp(4rem,6vw,6rem)}.selected-work-compact .section-head{margin-bottom:2.5rem}.selected-work-compact .section-head h2{font-size:clamp(3rem,5vw,5.25rem)}.selected-work-compact .project.feature .project-image{min-height:450px}.selected-work-compact .project-info{padding:clamp(1.25rem,2.2vw,2.25rem)}.selected-work-compact .project-info h3{font-size:clamp(1.85rem,3vw,3.5rem);margin:1rem 0}.selected-work-compact .project-info dl{margin-top:1.75rem}.selected-work-compact .project-grid{grid-template-columns:repeat(4,1fr);margin-top:1.5rem}.selected-work-compact .project.tile .project-info h3{font-size:clamp(1.35rem,1.8vw,2rem)}.selected-work-compact .project.tile small{font-size:.62rem}.selected-work-compact .results-tile>a{padding:1.25rem}.selected-work-compact .metric{font-size:clamp(3rem,6vw,6rem)}
@media(max-width:980px){.selected-work-compact .project-grid{grid-template-columns:repeat(2,1fr)}.identity-compact{grid-template-columns:1fr}.identity-compact .identity-images img:first-child{height:430px}}
@media(max-width:700px){.hero-bottom{align-items:start}.identity-compact .identity-images img:first-child{height:320px}.identity-compact .identity-images img:last-child{height:160px}.niches-compact .niche-card{min-height:300px}.selected-work-compact .project-grid{grid-template-columns:1fr}.selected-work-compact .project.feature .project-image{min-height:65vw}}
.home-contact h2{font-size:clamp(3.25rem,6.8vw,7rem)}
.footer-contact{background:var(--steel);color:white;padding:clamp(4rem,7vw,7rem) clamp(1.25rem,6vw,6rem);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,7vw,8rem)}.footer-contact-intro h2{font-size:clamp(2.6rem,4.6vw,4.8rem);margin:1rem 0 2rem}.footer-contact-intro>p:not(.section-tag){color:#aeb9ba;max-width:440px}.footer-contact-intro>a{display:inline-block;margin-top:1.25rem;color:white;text-decoration:none;border-bottom:1px solid var(--signal)}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem}.contact-form label{display:flex;flex-direction:column;gap:.45rem;text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;font-weight:800;color:#bdc5c5}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.36);border-radius:0;background:transparent;color:white;font:400 1rem/1.4 "Avenir Occulus",Avenir,Arial,sans-serif;padding:.7rem 0;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--signal)}.contact-form .full-field{grid-column:1/-1}.contact-form button{width:max-content;border:0;cursor:pointer}.social-slots{display:flex;gap:.5rem;align-items:center}.social-slots span{width:30px;height:30px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;color:white;font-size:.58rem;font-weight:800;letter-spacing:0}
@media(max-width:800px){.footer-contact{grid-template-columns:1fr}.site-footer{align-items:flex-start;gap:1rem;flex-wrap:wrap}}
@media(max-width:600px){.contact-form{grid-template-columns:1fr}.contact-form .full-field{grid-column:auto}.home-contact h2{font-size:clamp(3rem,15vw,5rem)}}
.button,.menu-toggle,.header-cta,.text-link,.site-header nav a,.portfolio-expand summary{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease}.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}.button.signal:hover,.button.signal:focus-visible{background:#dc7683}.button.black:hover,.button.black:focus-visible{background:#26373e}.button.outline:hover,.button.outline:focus-visible{background:white;border-color:white;color:var(--ink)}.menu-toggle:hover,.menu-toggle:focus-visible{border-color:var(--signal);color:var(--signal)}.header-cta:hover,.header-cta:focus-visible,.text-link:hover,.text-link:focus-visible{color:var(--signal);border-color:white}.site-header nav a:hover,.site-header nav a:focus-visible{transform:translateY(-1px)}
.hero-content{justify-content:flex-start}.hero-title-group{margin-top:auto}.hero-title-group .eyebrow{font-size:.8rem;margin-bottom:1rem}.hero-title-group+.hero-bottom{margin-top:clamp(2rem,4vh,3.5rem)}
.portfolio-grid-expandable{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.portfolio-grid-expandable .portfolio-card,.portfolio-grid-expandable .portfolio-card:nth-child(3n){grid-column:auto;background:#fff;border:1px solid var(--dark-line)}.portfolio-expand summary{list-style:none;cursor:pointer;height:100%;display:flex;flex-direction:column}.portfolio-expand summary::-webkit-details-marker{display:none}.portfolio-expand summary:hover,.portfolio-expand summary:focus-visible{transform:translateY(-3px);box-shadow:0 14px 32px rgba(10,20,24,.12);outline:none}.portfolio-grid-expandable .portfolio-image,.portfolio-grid-expandable .portfolio-card:nth-child(3n) .portfolio-image{aspect-ratio:16/10}.portfolio-grid-expandable .portfolio-meta{padding:1.4rem;min-height:190px;display:flex;flex-direction:column}.portfolio-meta .portfolio-heading{font:800 clamp(1.8rem,3vw,3.1rem)/.96 "Avenir Occulus",Avenir,sans-serif;text-transform:uppercase;letter-spacing:-.035em}.portfolio-meta>span:nth-child(2){margin-top:.7rem;color:#506066}.portfolio-meta b{margin-top:auto;padding-top:1.2rem;color:var(--signal-dark);text-transform:uppercase;letter-spacing:.09em;font-size:.68rem}.portfolio-expand[open]{grid-column:1/-1}.portfolio-expand[open] summary{height:auto;display:grid;grid-template-columns:.8fr 1.2fr;border-bottom:1px solid var(--dark-line);transform:none;box-shadow:none}.portfolio-expand[open] .portfolio-meta{min-height:0;justify-content:center}.portfolio-expand[open] .portfolio-meta b:after{content:" / Close"}.portfolio-detail{display:grid;grid-template-columns:1.45fr .55fr;gap:clamp(2rem,5vw,5rem);padding:clamp(1.5rem,4vw,4rem);animation:portfolioReveal .28s ease both}.portfolio-player{aspect-ratio:16/9;background:var(--ink);overflow:hidden}.portfolio-player iframe,.portfolio-player video{display:block;width:100%;height:100%;border:0;object-fit:contain}.portfolio-player-empty{display:grid;place-items:center;color:#8d9799;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.portfolio-detail-copy{align-self:center}.portfolio-detail-copy h2{font-size:clamp(2.1rem,4vw,4.2rem);margin:1rem 0 1.5rem}.portfolio-detail-copy>p:not(.section-tag){color:#4d5b60;margin-bottom:2rem}@keyframes portfolioReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.case-film{max-width:1200px;margin:auto;padding-top:clamp(3rem,6vw,6rem);padding-bottom:0}.case-film iframe,.case-film video{display:block;width:100%;aspect-ratio:16/9;border:0;background:var(--ink);object-fit:contain}
@media(max-width:850px){.portfolio-detail{grid-template-columns:1fr}.portfolio-expand[open] summary{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.portfolio-grid-expandable{grid-template-columns:1fr}.portfolio-expand[open] summary{grid-template-columns:1fr}.portfolio-grid-expandable .portfolio-meta{min-height:170px}.hero-title-group .eyebrow{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.button,.menu-toggle,.header-cta,.text-link,.site-header nav a,.portfolio-expand summary{transition:none}.portfolio-detail{animation:none}}

/* Refined hero composition and a subtle, left-weighted industrial texture. */
.hero-shade{background:linear-gradient(90deg,rgba(5,5,4,.93) 0%,rgba(5,5,4,.58) 42%,rgba(5,5,4,.09) 100%),linear-gradient(0deg,rgba(5,5,4,.62),transparent 52%)}
.hero-shade:before,.hero-shade:after{content:"";position:absolute;inset:0;pointer-events:none}
.hero-shade:before{opacity:.116;background-image:linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),repeating-linear-gradient(118deg,transparent 0 23px,rgba(255,255,255,.13) 24px,transparent 25px 51px);background-size:46px 46px,46px 46px,180px 180px;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.65) 35%,transparent 68%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.65) 35%,transparent 68%)}
.hero-shade:after{opacity:.137;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.32' numOctaves='3' seed='8'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .48 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:360px;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.5) 38%,transparent 70%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.5) 38%,transparent 70%)}
.hero-content{justify-content:center}.hero-title-group{margin-top:0}.hero-title-group+.hero-bottom{margin-top:clamp(2rem,4vh,3.5rem)}

/* Portfolio cards open into a screen-level project shadowbox. */
body.dialog-open{overflow:hidden}.portfolio-grid-modal{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.portfolio-grid-modal .portfolio-card,.portfolio-grid-modal .portfolio-card:nth-child(3n){grid-column:auto}.portfolio-launch{appearance:none;width:100%;padding:0;border:1px solid var(--dark-line);background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.portfolio-launch:hover,.portfolio-launch:focus-visible{transform:translateY(-4px);box-shadow:0 18px 42px rgba(10,20,24,.15);border-color:var(--signal);outline:none}.portfolio-grid-modal .portfolio-image,.portfolio-grid-modal .portfolio-card:nth-child(3n) .portfolio-image{width:100%;aspect-ratio:16/10}.portfolio-grid-modal .portfolio-meta{width:100%;padding:1.4rem;min-height:205px;display:flex;flex-direction:column}.portfolio-grid-modal .portfolio-meta b{margin-top:auto;padding-top:1.2rem}.award-badge{position:absolute;top:1rem;right:1rem;z-index:2;padding:.42rem .6rem;background:rgba(11,12,12,.86);color:#fff;border:1px solid rgba(255,255,255,.32);font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.portfolio-image{position:relative}
.project-dialog{width:min(1420px,94vw);max-width:none;height:min(920px,92vh);max-height:none;padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 28px 90px rgba(0,0,0,.5)}.project-dialog::backdrop{background:rgba(5,8,9,.82);backdrop-filter:blur(8px)}.dialog-shell{height:100%;overflow:auto;padding:clamp(1rem,3vw,3rem)}.dialog-close{position:sticky;top:0;z-index:4;margin:0 0 1rem auto;display:block;border:1px solid var(--dark-line);background:var(--paper);color:var(--ink);padding:.65rem .85rem;font:800 .68rem/1 "Avenir Occulus",sans-serif;text-transform:uppercase;letter-spacing:.09em;cursor:pointer}.dialog-close:hover,.dialog-close:focus-visible{background:var(--signal);border-color:var(--signal)}.dialog-top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:clamp(2rem,4vw,4rem);align-items:center}.dialog-overview h2{font-size:clamp(2.5rem,5vw,5.5rem);margin:1rem 0 1.5rem}.dialog-overview>p:not(.section-tag){color:#4d5b60}.dialog-overview dl{margin:2rem 0;border-top:1px solid var(--dark-line)}.dialog-overview dl div{display:grid;grid-template-columns:110px 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--dark-line);font-size:.76rem}.dialog-overview dt{text-transform:uppercase;letter-spacing:.08em;color:#667174}.dialog-more{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:clamp(2rem,4vw,4rem);background:var(--dark-line)}.dialog-more section{background:#fff;padding:clamp(1.5rem,3vw,3rem);min-height:260px}.dialog-more h3{font-size:clamp(1.8rem,3vw,3.2rem);margin:1rem 0}.dialog-more p:last-child{color:#4d5b60}.project-bts{background:var(--paper-dark)!important}

/* Services, story, team, and expanded process pages. */
.service-grid,.difference-grid,.team-grid{max-width:var(--max);margin:4rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--dark-line)}.service-grid article,.difference-grid article{padding:2rem;min-height:330px;background:#fff}.service-grid span,.difference-grid span{color:var(--signal-dark);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.service-grid h3,.difference-grid h3{font-size:clamp(1.8rem,2.6vw,2.8rem);margin:4rem 0 1rem}.service-grid p,.difference-grid p{color:#4d5b60}.process-difference .difference-grid{grid-template-columns:repeat(2,1fr);background:var(--line)}.process-difference .difference-grid article{background:#12191b;color:white}.process-difference .difference-grid p{color:#aeb8b8}.process-difference .difference-grid span{color:var(--signal)}.vision-four{grid-template-columns:repeat(4,1fr)}.capability-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.capability-grid div{min-height:220px;padding:2rem;border-bottom:1px solid var(--line)}.capability-grid div:not(:nth-child(3n+1)){border-left:1px solid var(--line)}.capability-grid strong{font-size:1.15rem;text-transform:uppercase}.capability-grid p{margin-top:1rem;color:#aeb8b8}.continuum{max-width:var(--max);margin:4rem auto 0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--dark-line)}.continuum article{padding:1.6rem;border-bottom:1px solid var(--dark-line)}.continuum article+article{border-left:1px solid var(--dark-line)}.continuum span{color:var(--signal-dark);font-weight:800}.continuum h3{font-size:clamp(1.5rem,2.2vw,2.3rem);margin:3rem 0 1rem}.continuum p{color:#4d5b60}.proof-statement{max-width:1000px;margin:auto}.proof-statement h2{margin:1rem 0 2rem}.proof-statement>p:not(.section-tag){max-width:760px;font-size:1.2rem;color:#4d5b60;margin-bottom:2rem}.process-proof{background:var(--paper-dark)}
.story-section{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,8rem);align-items:center}.story-image img{height:680px;object-fit:cover}.story-copy h2{font-size:clamp(3rem,5vw,5.4rem);margin:1rem 0 2rem}.story-copy p:not(.section-tag)+p{margin-top:1.2rem}.story-copy p:not(.section-tag){color:#4d5b60;font-size:1.08rem}.founder-profile{display:grid;grid-template-columns:1fr .75fr;gap:clamp(3rem,7vw,8rem);align-items:center}.founder-profile>div{max-width:720px;margin-left:auto}.founder-profile h2{margin:1rem 0 2rem}.founder-profile p:not(.section-tag){color:#b6bdba;font-size:1.05rem}.founder-profile p+p{margin-top:1.2rem}.founder-profile img{height:660px;object-fit:cover}.team-grid{grid-template-columns:repeat(3,1fr);background:transparent;gap:3rem 1.5rem}.team-grid article{border-top:3px solid var(--signal);padding-top:1rem}.team-grid img{height:430px;object-fit:cover;margin-bottom:1.5rem}.team-grid h3{font-size:clamp(1.8rem,2.5vw,2.7rem);margin:.65rem 0 1rem}.team-grid article>p:last-child{color:#4d5b60}.culture-strip{background:var(--signal);padding-top:2rem;padding-bottom:2rem}.culture-strip>div{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.culture-strip span{text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.1em}
.standard-grid{max-width:var(--max);margin:4rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--dark-line)}.standard-grid article{min-height:280px;padding:2rem;background:#fff}.standard-grid span{color:var(--signal-dark);font-weight:800}.standard-grid h3{font-size:clamp(1.7rem,2.5vw,2.7rem);margin:3rem 0 1rem}.standard-grid p{color:#4d5b60}.client-standard{background:var(--paper-dark)}

@media(max-width:1100px){.site-header nav{gap:1rem}.site-header nav a{font-size:.66rem}.vision-four,.continuum{grid-template-columns:repeat(2,1fr)}.continuum article:nth-child(odd){border-left:0}.continuum article:last-child{grid-column:1/-1}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-grid div:not(:nth-child(3n+1)){border-left:0}.capability-grid div:nth-child(even){border-left:1px solid var(--line)}}
@media(max-width:850px){.dialog-top,.dialog-more,.story-section,.founder-profile{grid-template-columns:1fr}.project-dialog{width:96vw;height:94vh}.service-grid,.team-grid,.standard-grid{grid-template-columns:repeat(2,1fr)}.founder-profile>div{margin-left:0}.founder-profile img,.story-image img{height:520px}}
@media(max-width:700px){.hero-shade:before,.hero-shade:after{mask-image:linear-gradient(90deg,#000,transparent 92%)}.portfolio-grid-modal,.service-grid,.difference-grid,.team-grid,.standard-grid,.capability-grid,.vision-four,.continuum{grid-template-columns:1fr}.portfolio-grid-modal .portfolio-meta{min-height:180px}.dialog-shell{padding:1rem}.dialog-top{gap:1.5rem}.dialog-overview h2{font-size:2.6rem}.process-difference .difference-grid{grid-template-columns:1fr}.capability-grid div:nth-child(even),.continuum article+article{border-left:0}.continuum article:last-child{grid-column:auto}.team-grid img{height:460px}.story-image img,.founder-profile img{height:460px}}
@media(prefers-reduced-motion:reduce){.portfolio-launch{transition:none}.project-dialog::backdrop{backdrop-filter:none}}

/* Editable project media slots. */
.builder-media-filled{padding:0!important}.builder-media-filled>img,.builder-media-filled>video,.builder-media-filled>iframe{display:block;width:100%;height:100%;object-fit:cover;border:0}.media-slot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin-top:1.5rem}.media-slot{min-height:115px;background:#172126;color:#8d9799;display:grid;place-items:center;overflow:hidden;text-transform:uppercase;letter-spacing:.09em;font-size:.58rem;font-weight:800}.media-slot-grid .media-slot:nth-child(3){grid-column:1/-1}.media-slot img,.media-slot video,.media-slot iframe{width:100%;height:100%;min-height:115px;object-fit:cover;border:0}.builder-preview [data-builder-media]{transition:outline-color .15s ease;cursor:pointer}.builder-preview [data-builder-media]:hover{outline:2px dashed rgba(197,86,101,.7);outline-offset:-2px}

/* Media placeholders are intentional until client-supplied project assets arrive. */
.portfolio-placeholder{position:relative;background:radial-gradient(circle at 78% 22%,rgba(197,86,101,.42),transparent 28%),linear-gradient(135deg,#27363c 0%,#101617 58%,#070909 100%);color:#fff;display:flex;align-items:flex-end;padding:1.4rem;isolation:isolate}.portfolio-placeholder:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:34px 34px}.portfolio-placeholder .media-pending{position:relative;z-index:1;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:800}.portfolio-placeholder .placeholder-mark{position:absolute;right:1.25rem;bottom:.35rem;font:400 clamp(4rem,10vw,9rem)/1 "Anton Occulus",Anton,sans-serif;color:rgba(255,255,255,.12)}.portfolio-player-pending>div{display:flex;flex-direction:column;gap:.65rem;text-align:center}.portfolio-player-pending strong{font-size:clamp(1.5rem,3vw,3rem);color:#fff;text-transform:uppercase}.portfolio-player-pending span{color:#8d9799}.dialog-more-three{grid-template-columns:repeat(3,1fr)}
@media(max-width:950px){.dialog-more-three{grid-template-columns:1fr}}

/* Visual builder hooks; visible only while a page is open inside the editor. */
/* Keep every shadowbox inside the viewport; details use compact tabs. */
.client-rail{background:#fff;max-width:none}
.client-rail .client-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);justify-items:center;overflow:visible;padding:0}
.client-logos img{width:100%;max-width:190px;height:70px;object-fit:contain;filter:grayscale(1) invert(1) brightness(4) invert(1)}
.client-logos .client-logo-bayer{max-width:65px;height:65px;filter:none}
.client-logos .client-logo-vegetables{transform:scale(1.3)}
.client-logos .client-logo-servicetitan{max-width:160px;transform:scale(1.45)}
.client-logos .client-logo-lifetime{max-width:150px}
@media(max-width:700px){.client-rail .client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 2rem}.client-logos img{height:60px}.client-logos .client-logo-bayer{height:55px}}
.project-dialog{width:min(1320px,94vw);height:min(820px,92dvh);max-height:92dvh;overflow:hidden;margin:auto}
.dialog-shell{height:100%;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) minmax(150px,.52fr);gap:1rem;padding:clamp(1rem,2vw,1.75rem)}
.dialog-close{position:static;margin:0 0 0 auto}
.dialog-top{min-height:0;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(1rem,2.5vw,2rem);align-items:center;overflow:hidden}
.dialog-top>.portfolio-player{width:100%;height:100%;min-height:0;max-height:100%;aspect-ratio:auto;display:flex;align-items:center;justify-content:center}
.dialog-top>.portfolio-player iframe,.dialog-top>.portfolio-player video{width:100%;height:100%;object-fit:contain}
.dialog-top>.portfolio-player-pending strong{font-size:clamp(1.1rem,2vw,1.8rem)}
.dialog-overview{min-width:0;max-height:100%;overflow:auto;overflow-wrap:anywhere;padding-right:.35rem}
.dialog-overview h2{font-size:clamp(1.6rem,2.5vw,2.8rem);margin:.55rem 0 .7rem}
.dialog-overview>.section-tag{font-size:.62rem}
.dialog-overview>p:not(.section-tag){font-size:.88rem;line-height:1.5}
.dialog-overview dl{margin:.85rem 0}
.dialog-overview dl div{grid-template-columns:100px minmax(0,1fr);gap:.75rem;padding:.4rem 0;font-size:.7rem}
.dialog-overview .button{min-height:36px;padding:.6rem .8rem;font-size:.62rem}
.dialog-more,.dialog-more-three{display:flex;flex-direction:column;min-height:0;margin:0;background:#fff;border:1px solid var(--dark-line);overflow:hidden}
.dialog-tabs{display:flex;flex:none;gap:.35rem;padding:.5rem;border-bottom:1px solid var(--dark-line);background:var(--paper-dark);overflow-x:auto}
.dialog-tabs button{border:1px solid transparent;cursor:pointer;background:transparent;padding:.6rem .75rem;white-space:nowrap;font:800 .62rem/1.2 "Avenir Occulus",Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);transition:background .15s}
.dialog-tabs button[aria-selected="true"]{background:var(--ink);color:white}
.dialog-tabs button:hover{background:var(--signal);color:var(--ink)}
.dialog-tabs button:focus-visible{outline:2px solid var(--signal-dark);outline-offset:1px}
.dialog-more>section,.dialog-more>.dialog-overview{min-height:0;padding:.9rem 1.2rem;overflow:auto;flex:1;font-size:.88rem;line-height:1.5;background:#fff}
.dialog-more [hidden]{display:none!important}
.dialog-more>section>.section-tag{display:none}
.dialog-more h3{font-size:clamp(1.2rem,1.8vw,1.8rem);margin:0 0 .5rem}
.dialog-more .media-slot-grid{margin-top:.65rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.dialog-more .media-slot-grid .media-slot:nth-child(3){grid-column:auto}
.dialog-more .media-slot{min-height:80px;max-height:150px}
.dialog-more .media-slot img{height:150px;min-height:0;object-fit:contain}
.portfolio-grid-modal{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--portfolio-card-width,540px)),1fr));align-items:stretch}
.portfolio-grid-modal .portfolio-card{min-width:0;container-type:inline-size}
.portfolio-grid-modal .portfolio-meta{min-height:190px;padding:clamp(.9rem,5cqw,1.4rem)}
.portfolio-grid-modal .portfolio-heading{font-size:clamp(1.4rem,8cqw,3rem);overflow-wrap:anywhere}
.portfolio-grid-modal .portfolio-meta small{font-size:clamp(.55rem,2.5cqw,.75rem)}
@media(max-width:850px){
  .project-dialog{width:96vw;height:94dvh;max-height:94dvh}
  .dialog-shell{grid-template-rows:auto minmax(0,.72fr) minmax(0,1fr);gap:.7rem;padding:.85rem}
  .dialog-top{grid-template-columns:1fr;gap:0}
  .dialog-more>.dialog-overview h2{font-size:clamp(1.5rem,5vw,2.2rem)}
  .dialog-tabs button{padding:.65rem .5rem;font-size:.57rem}
  .dialog-more>section,.dialog-more>.dialog-overview{padding:.8rem 1rem}
}
@media(max-width:480px){.portfolio-grid-modal{grid-template-columns:1fr}.dialog-overview dl div{grid-template-columns:90px minmax(0,1fr)}}
/* Original open detail layout, with contained titles and equal-width sections. */
.support-reel{margin-top:1rem;width:100%;max-width:400px;overflow:hidden;background:#fff}
.support-reel iframe{width:100%;height:480px;display:block;border:0}
.dialog-more .support-link{margin-top:1rem;min-height:38px;font-size:.62rem;padding:.65rem .8rem}
.social-slots a{width:34px;height:34px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;color:#fff;transition:background .18s,color .18s,border-color .18s,transform .18s}
.social-slots svg{width:17px;height:17px;display:block}
.social-slots a:hover,.social-slots a:focus-visible{background:var(--signal);border-color:var(--signal);color:var(--ink);transform:translateY(-2px)}
.social-slots a:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.social-slots a{transition:none}.social-slots a:hover,.social-slots a:focus-visible{transform:none}}
.dialog-shell{display:flex;flex-direction:column;overflow:auto;gap:1rem}
.dialog-close{position:sticky;top:0;flex:none;align-self:flex-end}
.dialog-top{flex:none;overflow:visible;min-width:0;align-items:center}
.dialog-top>.portfolio-player{height:auto;aspect-ratio:16/9;max-height:52dvh;min-width:0}
.dialog-top>.portfolio-player iframe,.dialog-top>.portfolio-player video{aspect-ratio:16/9;height:100%;max-height:52dvh}
.dialog-overview{overflow:visible;max-height:none;padding-right:0}
.dialog-overview h2{overflow-wrap:anywhere;hyphens:auto;max-width:100%;font-size:clamp(1.6rem,2.7vw,3rem)}
.dialog-more,.dialog-more-three{display:grid;grid-template-columns:repeat(var(--detail-count,2),minmax(0,1fr));overflow:visible;flex:none;gap:1px;background:var(--dark-line)}
.dialog-more>section{min-width:0;min-height:0;overflow:visible;padding:1.25rem;overflow-wrap:anywhere}
.dialog-more>section>.section-tag{display:block;margin-bottom:.75rem;font-size:.6rem}
.dialog-more h3{margin:0 0 .75rem;font-size:clamp(1.35rem,2vw,2rem)}
@media(max-width:850px){.dialog-top{grid-template-columns:1fr;gap:1.25rem}.dialog-top>.portfolio-player,.dialog-top>.portfolio-player iframe,.dialog-top>.portfolio-player video{max-height:40dvh}.dialog-more,.dialog-more-three{grid-template-columns:1fr}.dialog-overview h2{font-size:clamp(1.6rem,5vw,2.4rem)}}
.builder-preview [data-builder-section]{transition:outline-color .15s ease,opacity .15s ease}.builder-preview [data-builder-section]:hover{outline:2px dashed rgba(197,86,101,.7);outline-offset:-2px}.builder-preview .builder-selected{outline:3px solid var(--signal)!important;outline-offset:-3px}.builder-preview [contenteditable="true"]{cursor:text}.builder-preview [data-builder-hidden="true"]{display:block!important;opacity:.18;filter:grayscale(1)}