:root{--paper:#f2efe8;--ink:#11110f;--muted:#6d6a63;--line:rgba(17,17,15,.22);--lime:#d9ff43;--max:1440px;--pad:clamp(1.25rem,4vw,4.5rem);--serif:"Iowan Old Style","Baskerville","Times New Roman",serif;--sans:Inter,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:50;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)' opacity='.7'/%3E%3C/svg%3E")}a{color:inherit}.skip-link{position:fixed;top:-4rem;left:1rem;background:var(--ink);color:var(--paper);padding:.75rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:3}.brand{font:700 2rem/1 var(--serif);text-decoration:none}.brand span,.cases h2 span{color:var(--lime);-webkit-text-stroke:1px var(--ink)}.availability{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;display:flex;gap:.6rem;align-items:center}.availability span{width:7px;height:7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px rgba(17,17,15,.09)}.header-link{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;text-underline-offset:4px}.hero{min-height:clamp(740px,100svh,960px);padding:clamp(8rem,15vh,11rem) var(--pad) 4rem;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr) minmax(260px,.72fr);grid-template-rows:1fr auto;gap:clamp(2rem,4vw,5rem);position:relative;overflow:hidden}.hero:after{content:"✳";position:absolute;left:48%;top:20%;font-size:clamp(3rem,6vw,6rem);font-weight:300;transform:rotate(15deg);z-index:-1}.eyebrow{font-size:.67rem;line-height:1.2;text-transform:uppercase;letter-spacing:.2em;font-weight:700}.hero-copy{align-self:center;max-width:780px}.hero-copy h1{font:400 clamp(3.6rem,7.4vw,8.7rem)/.78 var(--serif);letter-spacing:-.07em;margin:1.3rem 0 2rem}.hero-copy h1 em,.testimonials h2 em,.closing h2 em{font-weight:400}.hero-intro{max-width:35rem;font-size:clamp(1rem,1.25vw,1.25rem);margin-left:clamp(0rem,6vw,7rem)}.portrait-wrap{align-self:center;position:relative;aspect-ratio:1;max-width:390px}.portrait-orbit{position:absolute;inset:-10%;width:120%;height:120%;overflow:visible;animation:turn 36s linear infinite}.portrait-orbit circle,.portrait-orbit path:not(#orbitPath){fill:none;stroke:var(--ink);stroke-width:1}.portrait-orbit text{font:600 8px var(--sans);letter-spacing:3px}.portrait-placeholder{position:absolute;inset:9%;border-radius:50%;background:#d7d3ca;overflow:hidden;border:1px solid var(--ink);display:grid;place-items:end center}.portrait-placeholder svg{width:85%;height:90%;stroke:var(--ink);fill:none;stroke-width:2}.portrait-placeholder span{position:absolute;inset:auto 0 12%;text-align:center;text-transform:uppercase;letter-spacing:.17em;font-size:.6rem;background:var(--paper);padding:.7rem;border-block:1px solid var(--ink)}.portrait-note{position:absolute;right:-8%;bottom:5%;font:italic 1.15rem var(--serif);transform:rotate(-7deg);background:var(--lime);padding:.1rem .5rem}.hero-form{align-self:center;border-top:1px solid var(--ink);padding-top:1rem}.form-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;margin:0}.hero-form h2{font:400 clamp(2rem,3vw,3.6rem)/.95 var(--serif);margin:.45rem 0 1.5rem}.shortcode-placeholder{border:1px dashed var(--ink);padding:1.25rem;min-height:140px;display:flex;flex-direction:column;justify-content:center}.shortcode-placeholder p{font:italic 1rem var(--serif);margin:0 0 1rem}.shortcode-placeholder code{font-size:.68rem;letter-spacing:.08em}.scroll-cue{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);padding-top:1rem;text-decoration:none;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em}.scroll-cue b{font-size:1.4rem}.cases{background:var(--ink);color:var(--paper);padding:clamp(4rem,9vw,9rem) 0 3rem;overflow:hidden}.section-heading{padding:0 var(--pad);display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:clamp(2rem,5vw,4rem)}.section-heading .eyebrow{grid-column:1}.section-heading h2{font:400 clamp(5rem,12vw,13rem)/.65 var(--serif);letter-spacing:-.07em;margin:.5rem 0 0}.case-controls{display:flex;gap:.5rem}.case-controls button{width:48px;height:48px;border:1px solid rgba(242,239,232,.35);border-radius:50%;background:transparent;color:inherit;font-size:1.2rem;cursor:pointer}.case-controls button:hover,.case-controls button:focus-visible{background:var(--paper);color:var(--ink)}.case-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--pad) 1rem;cursor:grab}.case-track::-webkit-scrollbar{display:none}.case-track:active{cursor:grabbing}.case-card{flex:0 0 clamp(285px,31vw,465px);aspect-ratio:.82;background:var(--paper);color:var(--ink);padding:1.4rem;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto auto;position:relative;overflow:hidden;scroll-snap-align:start;border:1px solid var(--paper)}.case-card h3{grid-column:1/-1;align-self:end;font:700 clamp(3rem,5.4vw,6rem)/.78 var(--serif);letter-spacing:-.06em;margin:2rem 0}.case-card>p:last-of-type{grid-column:1/-1;max-width:33rem;margin:0;font-size:clamp(.8rem,1vw,.95rem)}.case-number,.case-area,.case-photo{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em}.case-area{text-align:right;margin:0}.case-photo{position:absolute;right:1.2rem;bottom:1.2rem;border:1px solid currentColor;padding:.3rem .45rem;transform:rotate(-3deg);opacity:.5}.case-card>p:last-of-type{padding-right:5rem}.case-featured{background:var(--lime)}.case-dark{background:var(--ink);color:var(--paper);border-color:rgba(242,239,232,.3)}.case-art{position:absolute;z-index:0;opacity:.16;pointer-events:none}.case-card>*:not(.case-art){z-index:1}.art-rings{inset:10% -25% auto auto;width:65%;aspect-ratio:1}.art-rings i{position:absolute;border:1px solid currentColor;border-radius:50%;inset:0}.art-rings i:nth-child(2){inset:13%}.art-rings i:nth-child(3){inset:26%}.art-sun{width:140px;height:140px;border:35px dotted currentColor;border-radius:50%;right:-25px;top:18%}.art-type{font:700 clamp(6rem,11vw,10rem)/1 var(--serif);right:-.1em;top:15%}.art-arrow{font:400 15rem/1 var(--serif);right:-2rem;top:10%}.art-grid{inset:10% 5% auto auto;width:50%;height:35%;background:repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 17px),repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 17px)}.drag-note{text-align:center;text-transform:uppercase;letter-spacing:.17em;font-size:.6rem;opacity:.65;margin:2rem 0 0}.testimonials{padding:clamp(5rem,10vw,10rem) var(--pad)}.testimonials-heading{display:block;padding:0;margin-bottom:5rem}.testimonials h2{font:400 clamp(3.5rem,7vw,8rem)/.84 var(--serif);letter-spacing:-.055em;margin:1.25rem 0 0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--ink)}.testimonial-grid blockquote{margin:0;padding:clamp(2rem,4vw,4rem);min-height:420px;display:flex;flex-direction:column;border-right:1px solid var(--ink)}.testimonial-grid blockquote:last-child{border-right:0}.testimonial-grid blockquote>span{font:400 5rem/1 var(--serif)}.testimonial-grid blockquote>p{font:400 clamp(1.5rem,2vw,2.3rem)/1.05 var(--serif);margin:auto 0}.testimonial-grid footer{display:flex;flex-direction:column;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.testimonial-grid small{color:var(--muted);margin-top:.3rem}.closing{background:var(--lime);min-height:75vh;padding:clamp(5rem,10vw,10rem) var(--pad);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.closing h2{font:400 clamp(4rem,8vw,9rem)/.82 var(--serif);letter-spacing:-.06em;margin:1.5rem 0 3rem;max-width:1200px}.closing>a{align-self:flex-start;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;padding-bottom:.4rem;text-decoration:none;border-bottom:1px solid}.closing-mark{position:absolute;right:-.05em;bottom:-.35em;font:700 clamp(15rem,32vw,35rem)/1 var(--serif);opacity:.08}.site-footer{display:flex;justify-content:space-between;padding:1.3rem var(--pad);font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;border-top:1px solid rgba(17,17,15,.2);background:var(--lime)}.site-footer p{margin:0}.site-footer a{text-underline-offset:3px}@keyframes turn{to{transform:rotate(360deg)}}
@media(max-width:980px){.hero{grid-template-columns:1fr 280px;grid-template-rows:auto auto auto}.hero-copy{grid-column:1/-1}.hero-form{grid-column:1}.portrait-wrap{grid-column:2;grid-row:2}.scroll-cue{grid-row:3}.testimonial-grid{grid-template-columns:1fr}.testimonial-grid blockquote{min-height:300px;border-right:0;border-bottom:1px solid}.testimonial-grid blockquote:last-child{border-bottom:0}}
@media(max-width:650px){.site-header{height:60px}.availability{display:none}.hero{padding-top:6.5rem;display:flex;flex-direction:column;gap:2.5rem;min-height:auto}.hero-copy h1{font-size:clamp(3.7rem,17vw,5.5rem)}.hero-intro{margin-left:2rem}.portrait-wrap{width:min(78vw,340px);align-self:center}.hero-form{width:100%}.scroll-cue{margin-top:1rem}.section-heading{grid-template-columns:1fr auto}.section-heading h2{font-size:6rem}.case-card{flex-basis:84vw}.case-controls button{width:42px;height:42px}.site-footer{gap:1rem;flex-wrap:wrap}.site-footer p:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portrait-orbit{animation:none}}

/* Compact zine revision */
:root{--paper:#faf9f4;--lime:#e2ff55}
.hero{min-height:0;height:auto;padding:clamp(2rem,4vh,3.5rem) var(--pad) 1.25rem;display:grid;grid-template-columns:minmax(150px,190px) minmax(300px,650px) minmax(240px,330px);grid-template-rows:auto auto;align-items:center;justify-content:center;gap:clamp(1.5rem,3vw,3.5rem);overflow:visible;border-bottom:0}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(17,17,15,.055) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(17,17,15,.04) 50%,transparent 50.1%);background-size:58px 58px;opacity:.6;z-index:-2}
.hero:after{content:"✳";left:auto;right:3%;top:6%;font-size:3.2rem;transform:rotate(13deg)}
.hero-copy{grid-column:2;grid-row:1;align-self:center;max-width:650px}.hero-copy .eyebrow{display:inline-block;background:var(--ink);color:var(--paper);padding:.45rem .7rem;transform:rotate(-1.2deg);box-shadow:4px 4px 0 var(--lime)}
.hero-copy h1{font-size:clamp(3rem,5.4vw,6.2rem);line-height:.82;margin:1.35rem 0 1.25rem;max-width:680px}
.hero-intro{font-size:clamp(.9rem,1vw,1.05rem);max-width:31rem;margin:0 0 0 clamp(0rem,3vw,3.5rem);padding-left:1rem;border-left:2px solid var(--ink)}
.portrait-wrap{grid-column:1;grid-row:1;width:100%;max-width:185px;align-self:center;transform:rotate(-2deg)}
.portrait-orbit{inset:-13%;width:126%;height:126%}.portrait-placeholder{inset:7%;box-shadow:7px 7px 0 var(--ink)}.portrait-placeholder span{font-size:.48rem;padding:.45rem}.portrait-note{right:-26%;bottom:-4%;font-size:.9rem;white-space:nowrap;transform:rotate(-6deg)}
.hero-form{grid-column:3;grid-row:1;align-self:center;border:2px solid var(--ink);padding:1rem;background:var(--paper);box-shadow:8px 8px 0 var(--ink);transform:rotate(.6deg);position:relative}.hero-form:before{content:"";position:absolute;width:66px;height:17px;background:rgba(210,203,187,.8);top:-10px;left:calc(50% - 33px);transform:rotate(-3deg)}
.form-kicker{font-size:.57rem}.hero-form h2{font-size:clamp(1.65rem,2.2vw,2.5rem);margin:.25rem 0 .8rem}.shortcode-placeholder{min-height:88px;padding:.8rem;border:1px dashed}.shortcode-placeholder p{font-size:.83rem;margin-bottom:.55rem}.shortcode-placeholder code{font-size:.55rem}
.scroll-cue{grid-column:1/-1;grid-row:2;margin-top:0;padding-top:.65rem;font-size:.57rem}.scroll-cue b{font-size:1rem}
.zine-stamp{position:absolute;left:var(--pad);top:1.25rem;border:2px solid var(--ink);border-radius:50%;width:58px;height:58px;display:grid;place-items:center;text-align:center;font:700 .55rem/1.05 var(--sans);text-transform:uppercase;letter-spacing:.08em;transform:rotate(-11deg)}
.zine-note{position:absolute;right:var(--pad);bottom:3.4rem;font:italic 1rem var(--serif);transform:rotate(-3deg);text-decoration:underline;text-decoration-style:wavy;text-underline-offset:4px}
.cases{padding:1.7rem 0 2.5rem;border-top:5px solid var(--ink);position:relative}.cases:before{content:"SELECTED WORK / SELECTED WORK / SELECTED WORK /";position:absolute;top:-17px;left:8%;background:var(--lime);color:var(--ink);padding:.2rem .65rem;font-size:.55rem;letter-spacing:.13em;transform:rotate(-1deg)}
.cases .section-heading{margin-bottom:1.25rem;align-items:center}.cases .section-heading .eyebrow{font-size:.57rem}.cases .section-heading h2{font-size:clamp(3.8rem,7vw,7rem);line-height:.7;margin:.35rem 0 0}.case-controls button{width:38px;height:38px}.case-card{flex-basis:clamp(260px,25vw,370px);aspect-ratio:1.03;padding:1.15rem}.case-card:nth-child(odd){transform:rotate(-.35deg)}.case-card:nth-child(even){transform:rotate(.35deg)}.case-card h3{font-size:clamp(2.5rem,4vw,4.4rem);margin:1rem 0}.case-card>p:last-of-type{font-size:.76rem}.drag-note{margin:1.25rem 0 0}
@media(min-width:1100px) and (min-height:700px){.hero{height:clamp(500px,63svh,660px)}.cases{min-height:500px}}
@media(max-width:980px){.hero{padding-top:3rem;grid-template-columns:150px minmax(280px,1fr);grid-template-rows:auto auto auto}.portrait-wrap{grid-column:1;grid-row:1}.hero-copy{grid-column:2;grid-row:1}.hero-form{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 2fr;gap:.4rem 1rem;align-items:center;transform:none}.hero-form .form-kicker,.hero-form h2{grid-column:1}.hero-form .shortcode-placeholder{grid-column:2;grid-row:1/3}.scroll-cue{grid-row:3}.zine-stamp{display:none}}
@media(max-width:650px){.hero{padding:2.25rem var(--pad) 1rem;display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto auto auto;gap:1.35rem}.portrait-wrap{width:92px;grid-column:1;grid-row:1}.portrait-note{display:none}.hero-copy{grid-column:2;grid-row:1}.hero-copy .eyebrow{font-size:.48rem;padding:.35rem .45rem}.hero-copy h1{font-size:clamp(2.35rem,11vw,3.6rem);margin:.85rem 0 .8rem}.hero-intro{font-size:.76rem;margin:0;padding-left:.65rem}.hero-form{grid-column:1/-1;grid-row:2;display:block;padding:.8rem}.hero-form h2{font-size:1.6rem}.shortcode-placeholder{min-height:68px}.scroll-cue{grid-row:3}.zine-note{display:none}.cases{padding-top:1.4rem}.cases .section-heading{margin-bottom:1rem}.cases .section-heading h2{font-size:4.2rem}.case-card{flex-basis:78vw;aspect-ratio:1.03}}

.portrait-placeholder img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.06)}
.hero-form h2{max-width:15ch}
@media(min-width:1100px) and (min-height:700px){.hero{height:clamp(430px,55svh,565px)}}
@media(max-width:650px){
  .hero{padding:1rem var(--pad) .55rem;grid-template-columns:72px 1fr;grid-template-rows:auto auto auto;gap:.65rem 1rem;min-height:0}
  .hero:after{font-size:1.7rem;top:1%;right:2%}
  .portrait-wrap{width:72px;grid-column:1;grid-row:1;align-self:start;margin-top:.2rem}
  .portrait-placeholder{box-shadow:4px 4px 0 var(--ink)}
  .portrait-orbit{display:none}
  .hero-copy{grid-column:2;grid-row:1}
  .hero-copy .eyebrow{font-size:.4rem;padding:.26rem .35rem;box-shadow:2px 2px 0 var(--lime);white-space:nowrap}
  .hero-copy h1{font-size:clamp(2rem,9.5vw,3rem);line-height:.82;margin:.52rem 0 .45rem}
  .hero-intro{font-size:.69rem;line-height:1.25;padding-left:.5rem}
  .hero-form{grid-column:1/-1;grid-row:2;padding:.55rem .65rem;box-shadow:4px 4px 0 var(--ink);display:grid;grid-template-columns:minmax(105px,.75fr) 1.25fr;grid-template-rows:auto auto;gap:.1rem .65rem;align-items:center}
  .hero-form:before{height:10px;top:-6px}
  .form-kicker{font-size:.43rem;grid-column:1;grid-row:1}
  .hero-form h2{font-size:1.15rem;line-height:.95;margin:.18rem 0 0;grid-column:1;grid-row:2}
  .shortcode-placeholder{grid-column:2;grid-row:1/3;min-height:54px;padding:.45rem}
  .shortcode-placeholder p{font-size:.63rem;line-height:1.15;margin:0 0 .3rem}
  .shortcode-placeholder code{font-size:.43rem}
  .scroll-cue{grid-row:3;padding-top:.38rem;font-size:.44rem}
  .scroll-cue b{font-size:.75rem}
  .cases{padding:1rem 0 1.5rem;border-top-width:4px}
  .cases:before{font-size:.4rem;top:-13px}
  .cases .section-heading{display:grid;grid-template-columns:1fr auto;padding:0 var(--pad);margin-bottom:.55rem}
  .cases .section-heading .eyebrow{display:none}
  .cases .section-heading h2{font-size:2.8rem;line-height:.7;margin:0}
  .case-controls{gap:.3rem}.case-controls button{width:30px;height:30px;font-size:.85rem}
  .case-track{gap:.6rem;padding-bottom:.35rem}
  .case-card{flex-basis:64vw;aspect-ratio:1.22;padding:.75rem}
  .case-card h3{font-size:2.25rem;margin:.45rem 0}
  .case-card>p:last-of-type{font-size:.6rem;line-height:1.25;padding-right:3rem}
  .case-number,.case-area,.case-photo{font-size:.43rem}
  .drag-note{display:none}
}

@media(max-width:650px){
  .hero-form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.38rem;text-align:center;padding:.7rem}
  .hero-form .form-kicker,.hero-form h2,.hero-form .shortcode-placeholder{width:100%;max-width:none;grid-column:auto;grid-row:auto}
  .hero-form h2{margin:0 auto;font-size:1.2rem;max-width:19ch}
  .shortcode-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px}
}

/* Fold balance refinement */
:root{--paper:#fdfbf6}
.hero{grid-template-columns:minmax(175px,215px) minmax(360px,660px) minmax(260px,350px);grid-template-rows:auto;padding:clamp(3.5rem,7vh,6rem) var(--pad);gap:clamp(2.5rem,5vw,5.5rem)}
.hero-copy,.portrait-wrap,.hero-form{grid-row:1}
.portrait-wrap{max-width:210px}
.hero-form{padding:1.3rem;box-shadow:9px 9px 0 var(--ink)}
.hero-form h2{margin:.4rem 0 1.2rem}
.shortcode-placeholder{min-height:105px;padding:1rem}
.zine-note{bottom:1.5rem}
@media(min-width:1100px) and (min-height:700px){.hero{height:clamp(540px,66svh,680px)}}

@media(max-width:980px){
  .hero{grid-template-columns:165px minmax(280px,1fr);grid-template-rows:auto auto;padding-block:3rem;gap:2rem}
  .hero-form{grid-column:1/-1;grid-row:2}
}

@media(max-width:650px){
  .hero{padding:1.25rem var(--pad) .75rem;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto;gap:.85rem 1rem;align-items:center}
  .portrait-wrap{grid-column:1;grid-row:1;width:108px;max-width:none;margin:0;align-self:center;transform:rotate(-1.5deg)}
  .hero-copy{grid-column:2;grid-row:1;align-self:center}
  .hero-copy .eyebrow{white-space:normal;line-height:1.15}
  .hero-copy h1{font-size:clamp(2rem,9vw,2.85rem);margin:.55rem 0 .5rem}
  .hero-intro{font-size:.72rem;max-width:22ch}
  .hero-form{grid-column:1/-1;grid-row:2;margin-top:.1rem}
  .zine-stamp{display:grid;left:calc(var(--pad) + 72px);top:6.7rem;width:43px;height:43px;border-width:1.5px;background:var(--lime);font-size:.43rem;z-index:3;box-shadow:2px 2px 0 var(--ink);transform:rotate(9deg)}
  .zine-note{display:none}
}

@media(max-width:380px){
  .hero{grid-template-columns:96px minmax(0,1fr);gap:.75rem}
  .portrait-wrap{width:94px}
  .hero-copy h1{font-size:1.85rem}
  .zine-stamp{left:calc(var(--pad) + 61px);top:5.9rem;width:40px;height:40px}
}

/* Two-column desktop hero */
@media(min-width:981px){
  .hero{grid-template-columns:minmax(280px,430px) minmax(480px,720px);grid-template-rows:auto auto;column-gap:clamp(4rem,8vw,9rem);row-gap:1.35rem;align-items:center;justify-content:center;padding-inline:max(var(--pad),calc((100vw - 1280px)/2));height:auto;min-height:clamp(600px,72svh,760px)}
  .portrait-wrap{grid-column:1;grid-row:1/3;width:min(30vw,390px);max-width:390px;justify-self:center;align-self:center}
  .portrait-note{right:-5%;bottom:2%;font-size:1.05rem}
  .hero-copy{grid-column:2;grid-row:1;align-self:end;max-width:720px}
  .hero-copy h1{font-size:clamp(4rem,6.2vw,7.2rem);margin:1.5rem 0 1.35rem}
  .hero-intro{font-size:clamp(1rem,1.25vw,1.2rem);max-width:34rem}
  .hero-form{grid-column:2;grid-row:2;align-self:start;width:100%;max-width:600px;transform:rotate(.3deg);display:grid;grid-template-columns:minmax(150px,.8fr) minmax(240px,1.2fr);grid-template-rows:auto auto;gap:.25rem 1.25rem;align-items:center}
  .hero-form .form-kicker{grid-column:1;grid-row:1}
  .hero-form h2{grid-column:1;grid-row:2;margin:.25rem 0 0;font-size:clamp(1.7rem,2.3vw,2.8rem)}
  .hero-form .shortcode-placeholder{grid-column:2;grid-row:1/3;min-height:105px}
  .zine-stamp{left:max(var(--pad),calc((100vw - 1280px)/2));top:clamp(2rem,5vh,4rem)}
  .zine-note{left:max(var(--pad),calc((100vw - 1280px)/2));right:auto;bottom:2rem}
}

.testimonial-grid{grid-template-columns:repeat(3,1fr)}
.testimonial-grid blockquote:nth-child(3n){border-right:0}
.testimonial-grid blockquote:nth-child(-n+3){border-bottom:1px solid var(--ink)}
.testimonial-grid blockquote>p{font-size:clamp(1.25rem,1.65vw,1.9rem)}
@media(max-width:980px){
  .testimonial-grid{grid-template-columns:1fr}
  .testimonial-grid blockquote{border-right:0;border-bottom:1px solid var(--ink)}
  .testimonial-grid blockquote:last-child{border-bottom:0}
}

/* Case photography */
.case-card{isolation:isolate;background:var(--ink);color:var(--paper);border-color:rgba(242,239,232,.32)}
.case-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,5,4,.42) 0%,rgba(5,5,4,.08) 30%,rgba(5,5,4,.55) 60%,rgba(5,5,4,.94) 100%);pointer-events:none}
.case-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0!important;filter:saturate(.78) contrast(1.04);transition:transform .6s ease,filter .6s ease}
.case-card>span,.case-card>p,.case-card>h3{position:relative;z-index:2}
.case-card h3,.case-card>p:last-of-type{text-shadow:0 1px 12px rgba(0,0,0,.5)}
.case-card:hover .case-image{transform:scale(1.025);filter:saturate(.92) contrast(1.04)}
.case-number,.case-area{color:var(--paper);text-shadow:0 1px 8px rgba(0,0,0,.9)}
@media(prefers-reduced-motion:reduce){.case-image{transition:none}.case-card:hover .case-image{transform:none}}

/* Layering fix: image → shade → content */
.case-card::after{z-index:1}
.case-card>.case-image{z-index:0!important}
.case-card>span,.case-card>p,.case-card>h3{position:relative;z-index:3!important;color:#fff}
.case-card>p:last-of-type{color:rgba(255,255,255,.9)}
.testimonials-heading{margin-bottom:2rem}

/* Calmer desktop scale */
@media(min-width:981px){
  .hero{grid-template-columns:minmax(240px,310px) minmax(440px,600px);column-gap:clamp(3.5rem,6vw,6.5rem);row-gap:1rem;min-height:clamp(540px,66svh,650px);padding-block:clamp(3rem,6vh,5rem);padding-inline:max(var(--pad),calc((100vw - 1080px)/2))}
  .portrait-wrap{width:min(23vw,300px);max-width:300px}
  .portrait-note{font-size:.92rem}
  .hero-copy{max-width:600px}
  .hero-copy h1{font-size:clamp(3.5rem,4.5vw,5.35rem);line-height:.82;margin:1.15rem 0 1rem}
  .hero-intro{font-size:1rem;max-width:30rem}
  .hero-form{max-width:540px;padding:1rem 1.1rem;grid-template-columns:minmax(135px,.72fr) minmax(225px,1.28fr);gap:.2rem 1rem;box-shadow:7px 7px 0 var(--ink)}
  .hero-form h2{font-size:clamp(1.5rem,1.8vw,2.15rem);line-height:.93}
  .shortcode-placeholder{min-height:88px;padding:.75rem}
  .zine-stamp{left:max(var(--pad),calc((100vw - 1080px)/2));top:clamp(1.75rem,4vh,3rem);width:52px;height:52px}
  .zine-note{left:max(var(--pad),calc((100vw - 1080px)/2));bottom:1rem;font-size:.88rem}
}

/* Compact, quieter hero */
.hero:after{opacity:.45;font-size:2.25rem}
@media(min-width:981px){
  .hero{grid-template-columns:minmax(220px,275px) minmax(420px,560px);column-gap:clamp(3rem,5vw,5rem);row-gap:.8rem;min-height:clamp(480px,59svh,570px);padding-block:clamp(2.5rem,4.5vh,4rem);padding-inline:max(var(--pad),calc((100vw - 960px)/2))}
  .portrait-wrap{width:min(21vw,265px);max-width:265px}
  .hero-copy{max-width:560px}
  .hero-copy h1{font-size:clamp(3.35rem,4.1vw,4.85rem);margin:1rem 0 0;max-width:560px}
  .hero-form{max-width:520px;padding:.85rem 1rem;grid-template-columns:minmax(125px,.68fr) minmax(220px,1.32fr);box-shadow:6px 6px 0 var(--ink)}
  .hero-form h2{font-size:clamp(1.35rem,1.6vw,1.9rem);max-width:14ch}
  .shortcode-placeholder{min-height:78px;padding:.65rem}
  .shortcode-placeholder p{font-size:.78rem}
  .zine-stamp{left:max(var(--pad),calc((100vw - 960px)/2));top:clamp(1.4rem,3vh,2.2rem);width:48px;height:48px;font-size:.48rem}
}
@media(max-width:650px){
  .hero{padding-top:1rem;grid-template-columns:96px minmax(0,1fr);gap:.7rem .85rem}
  .portrait-wrap{width:94px}
  .hero-copy h1{font-size:clamp(1.85rem,8.6vw,2.6rem);margin:.5rem 0 0}
  .hero-copy .eyebrow{font-size:.38rem}
  .hero-form{margin-top:0;padding:.58rem .65rem;gap:.28rem;box-shadow:3px 3px 0 var(--ink)}
  .hero-form h2{font-size:1.08rem}
  .shortcode-placeholder{min-height:46px;padding:.38rem}
  .zine-stamp{left:calc(var(--pad) + 63px);top:5.25rem;width:39px;height:39px;font-size:.38rem;box-shadow:1.5px 1.5px 0 var(--ink)}
}

/* CSS-only zine asterisk: never becomes an emoji on iOS */
.hero:after{content:"";width:34px;height:34px;font-size:0;background:linear-gradient(var(--ink),var(--ink)) center/1.5px 100% no-repeat,linear-gradient(90deg,var(--ink),var(--ink)) center/100% 1.5px no-repeat,linear-gradient(45deg,transparent 48%,var(--ink) 48%,var(--ink) 52%,transparent 52%) center/100% 100% no-repeat,linear-gradient(-45deg,transparent 48%,var(--ink) 48%,var(--ink) 52%,transparent 52%) center/100% 100% no-repeat}
@media(max-width:650px){.hero:after{width:22px;height:22px}}