/* Mobile composition and portfolio spacing refinements. */
.contact-arrow{display:inline-block;width:18px;height:18px;vertical-align:-3px;stroke-linecap:round;stroke-linejoin:round}
.logo-slider .compare-image img{width:70%;max-height:60%}
@media(min-width:901px){
.project-radiant{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:55px;align-items:center}
.project-radiant .project-copy{max-width:none;margin:0}
.project-radiant .leaflet-slider{width:100%;max-width:580px;margin:0;justify-self:end}
}
@media(max-width:600px){
.hero{height:100svh;min-height:650px}
.hero .copy{top:100px}
.hero .intro{font-size:clamp(25px,3.8svh,29px);margin-bottom:14px}
.hero .design .title{font-size:min(21vw,11.5svh)}
.hero .writing .title,.hero .marketing .title{font-size:min(9.5vw,5.1svh)}
.hero .headline{gap:clamp(12px,1.8svh,19px)}
.hero .discipline{gap:6px}
.hero .since{font-size:clamp(18px,2.7svh,21px)}
.hero .service{font-size:clamp(24px,3.5svh,27px);margin-top:18px}
.hero .mobile-wave{bottom:85px;width:46%;max-width:230px;right:-1%}
.hero .scroll-cue,.hero .scroll-cue.reveal-text{bottom:22px;opacity:1;translate:none}
#about h2,#portfolio h2,#portfolio .project-copy h3{white-space:normal;text-wrap:pretty}
.desktop-heading-break{display:none}
#about .logos .logo-reveal{width:84%;justify-self:center}
#about .logos img{height:49px;max-width:100%}
}

.compare-help{font-size:15px!important;line-height:1.6;opacity:1;font-weight:500;color:inherit;margin:20px auto 0;max-width:480px}
.compare-divider span{transition:box-shadow .2s}
.compare-stage.is-demonstrating .compare-divider span{animation:compare-pulse 1s ease-in-out 2}
@keyframes compare-pulse{50%{box-shadow:0 0 0 12px #ee865330,0 4px 18px #0004}}
@media(prefers-reduced-motion:reduce){.compare-stage.is-demonstrating .compare-divider span{animation:none}}

.samsung-extras{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px;margin-top:34px}
.samsung-extras figure{margin:0;min-width:0}
.samsung-extras img,.samsung-extras svg{display:block;width:100%;height:auto}
@media(max-width:600px){.samsung-extras{gap:14px;margin:28px 0 12px}}

.project-presentation{display:block;background:#e8e2d8;color:#24231e}
.project-presentation .project-copy{max-width:850px;margin-bottom:45px}
.presentation-slider{max-width:none;width:100%;margin:auto}
.presentation-slider .compare-stage{aspect-ratio:5400/3090;background:transparent;box-shadow:none}
.presentation-slides{display:block;width:100%;height:100%}
.project-txm{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:55px;align-items:center;background:#e5e5db}
.project-txm .project-copy{margin:0}
.txm-slider{width:100%;max-width:580px;margin:0;justify-self:end}
.txm-slider .compare-stage{aspect-ratio:4132/6092;background:#fff}
@media(max-width:800px){.project-txm{gap:30px}}
@media(max-width:600px){.project-txm{grid-template-columns:1fr;gap:32px}.txm-slider{justify-self:center}.project-presentation .project-copy{margin-bottom:30px}}