/* A more compact rhythm from introduction to work to contact. */
.hero{min-height:0;padding-block:68px 90px}.hero-copy>p.starting-price{margin-top:14px;color:var(--ink);font-size:15px}.hero-copy>p.starting-price strong{font-weight:700}.hero-stage{align-self:center}.work-section{padding-block:55px 100px}.project-grid{gap:58px 34px}.project-info{padding-top:18px}.project-info h3{font-size:clamp(23px,2.2vw,30px)}.project-visual{overflow:hidden}.project-card .round-link{transition:background-color .18s ease,color .18s ease}.project-card .round-link:hover{background:var(--ink);color:var(--paper)}.story-section{padding-block:90px}.story-layout{align-items:center}.story-copy h2{margin-bottom:24px}.story-copy>p{max-width:470px}.story-copy .story-lead{margin-top:0}.story-copy .text-link{margin-top:22px}.story-preview{margin:0}.contact-section{padding-block:90px}.contact-layout{align-items:start}.contact-panel{height:auto}.site-footer{align-items:center}.testimonials-section:not([hidden]){padding-block:90px}@media(min-width:801px){.project-grid>.project-card:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 34px)/2);justify-self:center}}@media(max-width:800px){.hero{padding-block:46px 70px}.work-section{padding-block:45px 75px}.project-grid{gap:45px 24px}.story-section,.contact-section,.testimonials-section:not([hidden]){padding-block:70px}}@media(max-width:600px){.hero{padding-block:34px 55px;gap:20px}.hero-copy>p.starting-price{margin-top:10px}.hero-stage{margin-top:8px}.work-section{padding-block:40px 65px}.project-grid{gap:34px}.project-info{padding-top:14px}.project-info h3{font-size:24px}.story-section,.contact-section,.testimonials-section:not([hidden]){padding-block:60px}.story-copy h2{margin-bottom:20px}.story-layout{gap:30px}.site-footer{margin-bottom:0}.contact-layout{gap:24px}.contact-section h2{font-size:clamp(58px,16vw,76px)}}

/* Interaction and form polish */
html{scroll-padding-top:24px}.button,.header-cta,.project-visual,.round-link,.menu-toggle{transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.button:active,.round-link:active,.menu-toggle:active{transform:scale(.98)}.project-visual:focus-visible{outline:3px solid var(--red);outline-offset:5px}.contact-panel{border:1px solid rgba(35,35,31,.12);box-shadow:0 14px 36px rgba(35,35,31,.08)}.contact-panel input:not([name=website]),.contact-panel select,.contact-panel textarea{border-radius:4px;transition:border-color .18s ease,box-shadow .18s ease}.contact-panel input:not([name=website]):focus,.contact-panel select:focus,.contact-panel textarea:focus{outline:2px solid var(--red);outline-offset:2px}.contact-panel button[type=submit]{min-height:52px}.contact-panel #enquiry-status{line-height:1.5;color:var(--ink)}@media(hover:hover){.project-card:hover .project-browser{transform:translateY(-5px);transition:transform .25s ease}.button:hover{transform:translateY(-2px)}}@media(max-width:600px){.contact-panel{padding:24px}.contact-panel label{font-size:14px}.contact-panel input:not([name=website]),.contact-panel select,.contact-panel textarea{font-size:16px;min-height:48px}.contact-panel button[type=submit]{width:100%}.name-strip>.wrap{row-gap:10px}}@media(prefers-reduced-motion:reduce){.button,.header-cta,.project-visual,.round-link,.menu-toggle,.contact-panel input,.contact-panel select,.contact-panel textarea,.project-card .project-browser{transition:none!important;animation:none!important}}

/* Keep the complete portrait-format Sponder tour poster visible in its portfolio card. */
.project-card[data-project="yohay-sponder"] .project-browser{background:#101d2d}.project-card[data-project="yohay-sponder"] .project-browser img{height:calc(100% - 23px);min-height:0;object-fit:contain;object-position:top center}