@import url("https://fonts.googleapis.com/css2?family=Averia+Libre:ital,wght@0,300;0,400;0,700;1,400&family=New+Amsterdam&family=Yesteryear&display=swap");

:root{--black:#0a0a0a;--ink:#111;--orange:#ff4a24;--cream:#f3ead8;--white:#fffdf6;--muted:#80786e;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--black);color:var(--ink)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.black-section{background:var(--black);color:var(--white)}.cream-section{background:var(--cream)}.orange-section{background:var(--orange)}
.site-header{height:86px;background:var(--black);color:var(--white);display:flex;align-items:center;gap:30px;padding:0 max(24px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:50;border-bottom:1px solid #2a2a2a}.logo{display:flex;align-items:center;height:100%;width:auto;margin-right:auto}.logo img{width:auto;height:70px;max-width:150px;object-fit:contain;filter:none}.nav{display:flex;gap:26px;text-transform:uppercase;font-size:.78rem;font-weight:900;letter-spacing:.09em}.header-cta{background:var(--white);color:var(--ink);padding:12px 18px;font-weight:900;font-size:.76rem;text-transform:uppercase}.menu-btn{display:none;background:none;color:#fff;border:0;font-size:1.5rem}
.hero{position:relative;padding:84px 0 130px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}.micro{font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hero h1,.portfolio-hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:-.045em;line-height:.82;margin:20px 0 26px;text-transform:uppercase;font-size:clamp(5rem,9vw,9.2rem)}h1 em,h2 span{font-style:normal;color:var(--orange)}.lead{font-size:1.15rem;line-height:1.55;max-width:680px;color:#cbc4b9}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;font-weight:900;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;border:2px solid currentColor}.btn.orange{background:var(--orange);border-color:var(--orange);color:#111}.btn.outline{color:#fff}.btn.black{background:#111;color:#fff;border-color:#111}.hero-collage{position:relative;min-height:570px}.tilt{position:absolute;margin:0;background:#fff;padding:10px;box-shadow:0 20px 45px rgba(0,0,0,.45)}.tilt img{width:100%;height:100%;object-fit:cover}.tilt.one{width:78%;right:4%;top:0;transform:rotate(5deg)}.tilt.two{width:58%;left:0;bottom:18px;transform:rotate(-7deg)}.sticker{position:absolute;right:0;bottom:18px;width:150px;height:150px;border-radius:50%;background:var(--orange);display:grid;place-items:center;text-align:center;font:900 3rem/1 Impact,Arial;color:#111;transform:rotate(8deg);border:5px solid var(--black)}.sticker small{display:block;font:900 .62rem/1.2 Arial;letter-spacing:.08em;margin-top:-28px}.tear{position:absolute;left:0;right:0;height:46px;z-index:3;pointer-events:none}.tear-light{bottom:-1px;background:var(--cream);clip-path:polygon(0 65%,3% 54%,6% 69%,9% 44%,13% 62%,17% 48%,21% 64%,25% 46%,29% 66%,34% 48%,39% 67%,45% 43%,50% 64%,56% 47%,62% 68%,68% 48%,75% 62%,82% 45%,88% 66%,94% 50%,100% 62%,100% 100%,0 100%)}.tear-dark{top:-1px;background:var(--black);clip-path:polygon(0 0,100% 0,100% 42%,96% 61%,91% 43%,86% 62%,80% 41%,74% 65%,68% 46%,61% 63%,55% 42%,49% 64%,43% 44%,36% 62%,29% 46%,22% 65%,14% 45%,7% 62%,0 48%)}.tear-orange{top:-1px;background:var(--orange);clip-path:polygon(0 0,100% 0,100% 42%,96% 61%,91% 43%,86% 62%,80% 41%,74% 65%,68% 46%,61% 63%,55% 42%,49% 64%,43% 44%,36% 62%,29% 46%,22% 65%,14% 45%,7% 62%,0 48%)}.tear.bottom{top:auto;bottom:-1px;transform:rotate(180deg)}
.intro{padding:110px 0}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.intro h2,.section-title h2,.about h2,.contact h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;line-height:.86;letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:clamp(4rem,7.5vw,7.2rem)}.intro-copy>p{font-size:1.2rem;line-height:1.5}.big-points{display:grid;gap:8px;margin:30px 0}.big-points b{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:2.3rem;letter-spacing:.02em}.small-copy{font-size:.95rem!important;color:#544f48}
.work-section{position:relative;padding:130px 0 140px}.section-title{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:48px}.section-title p{grid-column:1/-1;margin:0;font-size:.72rem;font-weight:900;letter-spacing:.15em}.section-title a{font-size:.8rem;font-weight:900;border-bottom:2px solid currentColor;padding-bottom:4px}.section-title.inverse{color:#111}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{background:#111;color:#fff;border:3px solid #111}.project-image{aspect-ratio:16/10;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.project-card:hover img{transform:scale(1.025)}.project-info{display:flex;gap:18px;align-items:center;padding:16px 18px;background:#111}.project-no{font-family:Impact,Arial;font-size:2.4rem;color:var(--orange)}.project-info h3{margin:0 0 3px;text-transform:uppercase;font-size:1rem}.project-info p{margin:0;color:#aaa;font-size:.78rem}.project-grid.large{grid-template-columns:repeat(2,1fr)}
.services{padding:120px 0}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:3px solid #111;margin-top:50px}.plan{position:relative;padding:30px;background:#fff;min-height:560px;border-right:3px solid #111;display:flex;flex-direction:column}.plan:last-child{border-right:0}.plan.dark{background:#111;color:#fff}.plan-no{font-family:Impact,Arial;font-size:2rem;color:var(--orange)}.plan h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:2.7rem;line-height:.9;margin:70px 0 18px;text-transform:uppercase}.price{font-family:Impact,Arial;font-size:4.8rem;color:var(--orange)}.plan p{min-height:70px;line-height:1.45}.plan ul{padding:0;list-style:none;border-top:2px solid currentColor}.plan li{padding:11px 0;border-bottom:1px solid currentColor;font-size:.88rem}.plan a{margin-top:auto;font-weight:900;font-size:.8rem;text-decoration:underline}.tag{position:absolute;right:16px;top:16px;background:var(--orange);color:#111;padding:6px 8px;font-size:.62rem;font-weight:900}
.about{position:relative;padding:130px 0}.orange-text{color:var(--orange)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.about-copy>p{font-size:1.2rem;line-height:1.55;color:#d6d0c6}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #444;margin-top:34px}.stats div{padding:22px 10px 0 0}.stats b{display:block;font:900 2.7rem Impact,Arial;color:var(--orange)}.stats span{font-size:.72rem;color:#aaa}.contact{padding:110px 0}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.contact-box{background:#fff;border:3px solid #111;padding:30px;box-shadow:14px 14px 0 #111}.contact-box p{font-size:1.1rem;line-height:1.5}.text-link{display:block;margin-top:18px;font-weight:900;font-size:.8rem;text-decoration:underline}
.portfolio-hero{position:relative;padding:90px 0 130px}.portfolio-list{padding:110px 0}.portfolio-note{margin-top:50px;padding:24px;border:3px solid #111;background:#fff}.portfolio-note code{background:#111;color:#fff;padding:3px 6px}
footer{background:var(--black);color:#fff;padding:34px 0}.footer-grid{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:24px;font-size:.76rem}.footer-grid img{width:150px;height:auto;filter:none}.footer-grid p{text-align:center;color:#aaa}
@media(max-width:900px){.hero-grid,.intro-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-collage{min-height:440px}.plans{grid-template-columns:1fr}.plan{border-right:0;border-bottom:3px solid #111;min-height:auto}.plan:last-child{border-bottom:0}.plan h3{margin-top:42px}.section-title{grid-template-columns:1fr}.project-grid,.project-grid.large{grid-template-columns:1fr}.nav{display:none;position:absolute;top:86px;left:0;right:0;background:#111;padding:18px 24px;flex-direction:column}.nav.open{display:flex}.header-cta{display:none}.menu-btn{display:block}.site-header{padding:0 20px}.footer-grid{grid-template-columns:1fr;text-align:center;justify-items:center}.footer-grid p{text-align:center}}
@media(max-width:600px){.wrap{width:min(100% - 28px,var(--max))}.hero{padding-top:58px}.hero h1,.portfolio-hero h1{font-size:4.2rem}.hero-collage{min-height:360px}.tilt.one{width:82%}.tilt.two{width:64%}.sticker{width:110px;height:110px;font-size:2.2rem}.intro,.services,.about,.contact,.portfolio-list{padding:78px 0}.intro h2,.section-title h2,.about h2,.contact h2{font-size:3.6rem}.section-title{margin-bottom:30px}.stats{grid-template-columns:1fr}.stats div{border-bottom:1px solid #333;padding-bottom:16px}.hero-actions .btn{width:100%}.logo{width:170px}.project-info{align-items:flex-start}.project-no{font-size:2rem}}

/* Reviews */
.reviews-teaser{padding:110px 0}.reviews-hero{position:relative;padding:90px 0 130px}.reviews-hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:-.045em;line-height:.82;margin:20px 0 26px;text-transform:uppercase;font-size:clamp(5rem,9vw,9.2rem)}.reviews-list{padding:110px 0}.reviews-summary{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid #111;margin-bottom:44px;background:#fff}.reviews-summary div{padding:24px 28px;border-right:3px solid #111}.reviews-summary div:last-child{border-right:0}.reviews-summary b{display:block;font:900 2.6rem/1 Impact,Arial;color:var(--orange)}.reviews-summary span{display:block;margin-top:6px;font-size:.75rem;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid.full{grid-template-columns:repeat(2,1fr)}.review-card{background:#fff;border:3px solid #111;padding:24px;box-shadow:8px 8px 0 #111}.review-top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:18px}.review-avatar{width:42px;height:42px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-weight:900}.review-top b{display:block;text-transform:uppercase;font-size:.86rem;letter-spacing:.04em}.review-top span{display:block;color:#6d675f;font-size:.72rem;margin-top:3px}.stars{font-weight:900;letter-spacing:.08em;font-size:.78rem;white-space:nowrap}.stars small{font-size:.65rem}.review-card p{font-size:1rem;line-height:1.6;margin:0}.reviews-cta{margin-top:80px;background:var(--orange);border:3px solid #111;padding:54px;box-shadow:14px 14px 0 #111}.reviews-cta h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(3.6rem,7vw,7rem);line-height:.88;margin:12px 0 28px;text-transform:uppercase;letter-spacing:-.035em}
@media(max-width:900px){.review-grid,.review-grid.full{grid-template-columns:1fr 1fr}.reviews-summary{grid-template-columns:1fr}.reviews-summary div{border-right:0;border-bottom:3px solid #111}.reviews-summary div:last-child{border-bottom:0}}
@media(max-width:600px){.reviews-teaser,.reviews-list{padding:78px 0}.reviews-hero h1{font-size:4.2rem}.review-grid,.review-grid.full{grid-template-columns:1fr}.review-top{grid-template-columns:auto 1fr}.stars{grid-column:1/-1}.reviews-cta{padding:30px 24px}.reviews-cta h2{font-size:3.8rem}}


/* Portfolio lightbox */
.project-card{cursor:zoom-in;position:relative}.project-card:focus-visible{outline:4px solid var(--orange);outline-offset:4px}.view-detail{margin-left:auto;font-size:.68rem;font-weight:900;letter-spacing:.08em;color:var(--orange);white-space:nowrap}.project-card:hover .view-detail{text-decoration:underline}
body.lightbox-open{overflow:hidden}.lightbox{position:fixed;inset:0;z-index:999;display:none}.lightbox.open{display:block}.lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(7px)}.lightbox-panel{position:absolute;inset:3vh 3vw;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#0b0b0b;border:2px solid rgba(255,255,255,.28);box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:hidden}.lightbox-media{min-height:0;display:flex;align-items:center;justify-content:center;background:#070707;padding:28px}.lightbox-media img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lightbox-meta{background:var(--cream);color:#111;display:flex;align-items:center;gap:22px;padding:18px 26px;border-top:3px solid #111}.lightbox-meta h2{margin:0;text-transform:uppercase;font:900 1.5rem/1 Impact,'Arial Narrow',Arial,sans-serif}.lightbox-meta p{margin:3px 0 0;color:#625c53;font-size:.82rem}.lightbox-count{font:900 2rem/1 Impact,Arial;color:var(--orange)}.lightbox-close{position:absolute;top:14px;right:14px;z-index:5;width:46px;height:46px;border:2px solid #fff;background:#111;color:#fff;font-size:2rem;line-height:1;cursor:pointer}.lightbox-close:hover{background:var(--orange);color:#111}.lightbox-nav{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:50px;height:58px;border:2px solid #fff;background:#111;color:#fff;font-size:1.5rem;cursor:pointer}.lightbox-prev{left:14px}.lightbox-next{right:14px}.lightbox-nav:hover{background:var(--orange);color:#111}
@media(max-width:700px){.lightbox-panel{inset:1.5vh 10px}.lightbox-media{padding:50px 12px 14px}.lightbox-meta{padding:14px 16px;gap:12px}.lightbox-count{font-size:1.55rem}.lightbox-meta h2{font-size:1.15rem}.lightbox-nav{top:auto;bottom:82px;width:44px;height:44px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.view-detail{display:none}}

/* V5: broader design positioning + designs for sale */
.logo{display:flex;align-items:center;height:100%;width:auto;margin-right:auto}.logo img{width:auto;height:68px;max-width:180px;object-fit:contain;filter:none}.footer-grid img{width:150px;height:auto;filter:none}.pricing-note{margin:28px 0 0;font-size:.9rem;line-height:1.6;max-width:820px}.for-sale{position:relative;padding:125px 0}.sale-title{color:var(--white)}.sale-title span{color:var(--orange)}.sale-intro{max-width:780px;color:#cbc4b9;font-size:1.05rem;line-height:1.6;margin:-20px 0 42px}.sale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sale-card{border:2px solid #3a3a3a;background:#111;color:#fff}.sale-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#191919}.sale-card-body{padding:18px}.sale-card-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.sale-card h3{margin:0;font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:1.65rem;line-height:1}.sale-price{font:900 2.2rem/1 Impact,Arial;color:var(--orange)}.sale-status{display:inline-block;margin-top:10px;font-size:.65rem;letter-spacing:.09em;font-weight:900;text-transform:uppercase;color:#ddd}.sale-card p{color:#aaa;font-size:.84rem;line-height:1.5}.sale-card a{display:inline-block;margin-top:4px;color:var(--orange);font-size:.75rem;font-weight:900;text-transform:uppercase;text-decoration:underline}.sale-empty{border:2px solid #3a3a3a;padding:34px;max-width:720px}.sale-empty b{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:2rem;letter-spacing:.01em}.sale-empty p{color:#aaa;line-height:1.55;max-width:560px}.sale-empty .btn{margin-top:8px}.sale-empty[hidden]{display:none}
@media(max-width:900px){.sale-grid{grid-template-columns:1fr 1fr}.logo img{height:60px}.nav{max-height:calc(100vh - 86px);overflow:auto}}
@media(max-width:600px){.for-sale{padding:78px 0}.sale-grid{grid-template-columns:1fr}.logo img{height:54px}.footer-grid img{width:120px}}

/* V6 — Recent projects + project case studies */
.nav{gap:20px}.nav a{color:var(--white)}
.section-intro{max-width:760px;font-size:1rem;line-height:1.6;margin:-24px 0 42px}.dark-copy{color:#2b211c}
.project-grid,.project-grid.large{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-grid-home{align-items:start}.project-card{display:block;cursor:pointer;position:relative;background:#111;color:#fff;border:3px solid #111;transition:transform .18s ease,box-shadow .18s ease}.project-card:hover{transform:translateY(-4px);box-shadow:10px 10px 0 rgba(17,17,17,.22)}.project-card:focus-visible{outline:4px solid #111;outline-offset:4px}.project-image{aspect-ratio:4/5;overflow:hidden;background:#171717}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.project-card:hover .project-image img{transform:scale(1.02)}.project-info{min-height:92px;align-items:flex-start}.project-info>div{min-width:0}.project-info h3{font-size:1.02rem}.project-info p{line-height:1.35}.view-detail{margin-left:auto;align-self:center;font-size:.62rem;font-weight:900;letter-spacing:.06em;color:var(--orange);white-space:nowrap}.project-card:hover .view-detail{text-decoration:underline}.portfolio-list .project-card{box-shadow:8px 8px 0 rgba(17,17,17,.12)}

.case-hero{position:relative;padding:92px 0 132px}.case-head{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.case-head h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.04em;line-height:.86;font-size:clamp(4.8rem,8.4vw,8.7rem);margin:18px 0 24px}.case-index{font:900 clamp(5rem,9vw,9rem)/.8 Impact,Arial;color:var(--orange);white-space:nowrap}.case-index small{font-size:.22em;color:#7e756b}.case-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.case-tags span{border:1px solid #686159;padding:8px 11px;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ddd5c9}.case-gallery{padding:100px 0 120px}.case-shot{max-width:960px;margin:0 auto 72px}.case-image-btn{display:grid;place-items:center;width:100%;padding:18px;border:3px solid #111;background:#111;cursor:zoom-in;box-shadow:12px 12px 0 var(--orange);overflow:hidden}.case-image-btn img{display:block;width:auto;max-width:100%;height:auto;max-height:80vh;object-fit:contain;background:#111;margin:auto}.case-shot-main{max-width:760px}.case-shot-main .case-image-btn img{max-height:72vh}.case-shot figcaption{display:flex;gap:18px;align-items:center;margin-top:18px;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.case-shot figcaption span{font:900 2.2rem/1 Impact,Arial;color:var(--orange)}.case-next{margin-top:100px;padding-top:34px;border-top:3px solid #111}.case-next p{margin:0 0 8px}.case-next a{display:inline-block;font:900 clamp(2.8rem,6vw,6rem)/.9 Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.025em}.case-next a:hover{color:var(--orange)}

body.lightbox-open{overflow:hidden}.image-lightbox{position:fixed;inset:0;z-index:9999;display:none}.image-lightbox.open{display:block}.image-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(6px)}.image-lightbox-panel{position:absolute;inset:3vh 3vw;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center}.image-lightbox-panel img{max-width:100%;max-height:88vh;width:auto;height:auto;object-fit:contain;box-shadow:0 30px 90px rgba(0,0,0,.6)}.image-lightbox-panel p{margin:12px 0 0;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.image-lightbox-close{position:absolute;right:0;top:0;z-index:2;width:50px;height:50px;border:2px solid #fff;background:#111;color:#fff;font-size:2rem;cursor:pointer}.image-lightbox-close:hover{background:var(--orange);color:#111}

@media(max-width:1080px){.nav{gap:14px;font-size:.7rem}.header-cta{padding:11px 14px}.project-grid,.project-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.project-grid,.project-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}.case-head{grid-template-columns:1fr}.case-index{font-size:5rem}.case-gallery{padding:80px 0}.section-intro{margin-top:-12px}.view-detail{display:block}}
@media(max-width:620px){.project-grid,.project-grid.large{grid-template-columns:1fr}.project-image{aspect-ratio:4/5}.view-detail{display:none}.case-hero{padding:70px 0 100px}.case-head h1{font-size:4rem}.case-index{font-size:3.5rem}.case-gallery{padding:64px 0 78px}.case-shot{margin-bottom:50px}.case-image-btn{box-shadow:7px 7px 0 var(--orange)}.image-lightbox-panel{inset:2vh 10px}.image-lightbox-panel img{max-height:82vh}}

/* V7 pricing / custom quote */
.services-intro{max-width:760px;margin:-12px 0 42px;font-size:1.03rem;line-height:1.65;color:#3e3a35}.package-common{margin:30px 0 0;max-width:900px;font-size:.93rem;line-height:1.65}.revision-note{margin:8px 0 0;max-width:900px;font-size:.78rem;line-height:1.6;color:#625c54}.custom-quote-card{margin-top:46px;border:3px solid #111;background:var(--orange);display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;padding:34px;align-items:center}.custom-quote-card .micro{margin:0 0 8px}.custom-quote-card h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:4rem;line-height:.9;margin:0;text-transform:uppercase}.custom-quote-copy p{font-size:1rem;line-height:1.6;max-width:680px;margin:0 0 20px}.custom-quote-card .btn.black{display:inline-block;background:#111;color:#fff;border-color:#111}.custom-quote-card .btn.black:hover{background:#fff;color:#111}
@media(max-width:900px){.custom-quote-card{grid-template-columns:1fr}.custom-quote-card h3{font-size:3.3rem}}
@media(max-width:600px){.custom-quote-card{padding:24px}.custom-quote-card h3{font-size:2.7rem}.services-intro{margin-top:0}.package-common,.revision-note{font-size:.82rem}}


/* Start Project form */
.form-hero{position:relative;padding:86px 0 120px}.form-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.form-hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(4.6rem,8vw,8.2rem);line-height:.84;letter-spacing:-.04em;text-transform:uppercase;margin:18px 0 24px}.form-hero .lead{max-width:560px}.project-form-card{background:var(--cream);color:#111;border:3px solid #111;box-shadow:16px 16px 0 var(--orange);padding:30px}.project-form{display:grid;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field label{font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:2px solid #111;background:#fffdf6;color:#111;font:inherit;padding:13px 14px;border-radius:0;outline:none}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:5px 5px 0 var(--orange)}.field textarea{min-height:190px;resize:vertical;line-height:1.5}.field small{color:#6d655c;font-size:.72rem;line-height:1.4}.form-wide{grid-column:1/-1}.form-note{margin:4px 0 0;padding-top:16px;border-top:2px solid #111;font-size:.75rem;line-height:1.55;color:#5e574f}.form-submit{justify-self:start;cursor:pointer}.form-submit:disabled{opacity:.6;cursor:wait}.form-message{min-height:0;margin:0;font-size:.85rem;line-height:1.5}.form-message.success{border:2px solid #111;background:#fff;padding:16px;box-shadow:7px 7px 0 var(--orange)}.form-message.error{border:2px solid #111;background:#fff;padding:16px;color:#9a1b00}.form-side-note{margin-top:34px;border-top:1px solid #3b3b3b;padding-top:22px;color:#aaa;font-size:.84rem;line-height:1.55}.form-side-note a{color:var(--orange);font-weight:900;text-decoration:underline}.selected-design-field[hidden]{display:none}
@media(max-width:900px){.form-hero-grid{grid-template-columns:1fr}.project-form-card{box-shadow:10px 10px 0 var(--orange)}}
@media(max-width:620px){.form-hero{padding:60px 0 86px}.form-hero h1{font-size:4rem}.form-row{grid-template-columns:1fr}.project-form-card{padding:20px}.case-shot,.case-shot-main{max-width:100%}.case-image-btn{padding:10px}.case-shot-main .case-image-btn img{max-height:68vh}}


/* V9 — reviews visibility + direct contact */
.reviews-hero{padding:64px 0 78px}
.reviews-list{padding:42px 0 100px}
.reviews-list-head{display:grid;grid-template-columns:1fr 1.25fr;gap:28px;align-items:end;margin-bottom:28px}
.reviews-list-head h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(3rem,5.6vw,5.8rem);line-height:.88;letter-spacing:-.035em;text-transform:uppercase;margin:0}
.reviews-list-head .micro{margin:0}
.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.dark-outline{color:#111!important;border-color:#111!important;background:transparent}
.dark-outline:hover{background:#fff}
.contact-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}
.quick-contact{margin-top:30px;border-top:1px solid #3b3b3b;padding-top:22px}
.quick-contact .micro{margin:0 0 10px}
.quick-contact-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 0;border-bottom:1px solid #343434;color:#fff;font-size:.82rem}
.quick-contact-row span{color:#aaa;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.quick-contact-row b{color:var(--orange)}
.quick-contact-row:hover b{text-decoration:underline}
.footer-grid{grid-template-columns:auto 1fr auto auto;gap:26px;align-items:center}
.footer-contact{display:flex;gap:14px;flex-wrap:wrap}
.footer-contact a{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--orange)}
.footer-contact a:hover{text-decoration:underline}
@media(max-width:900px){.reviews-list-head{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:left}.footer-contact{justify-content:flex-start}}
@media(max-width:600px){.reviews-hero{padding:48px 0 62px}.reviews-list{padding:28px 0 78px}.quick-contact-row{align-items:flex-start;flex-direction:column;gap:4px}}


/* ===== V10 TYPOGRAPHY SYSTEM =====
   Display: New Amsterdam
   Body/UI: Averia Libre
   Script accent: Yesteryear
*/
body{
  font-family:'Averia Libre', Georgia, serif;
  font-weight:400;
  letter-spacing:.002em;
}

.nav,
.header-cta,
.micro,
.btn,
.section-title p,
.section-title a,
.tag,
.plan a,
.field label,
.review-top b,
.reviews-summary span,
.case-tags span,
.case-shot figcaption,
.sale-status,
.sale-card a,
.text-link,
.footer-contact{
  font-family:'Averia Libre', Georgia, serif;
  font-weight:700;
  letter-spacing:.075em;
}

.hero h1,
.portfolio-hero h1,
.reviews-hero h1,
.form-hero h1,
.case-head h1,
.intro h2,
.section-title h2,
.about h2,
.contact h2,
.reviews-cta h2,
.reviews-list-head h2,
.plan h3,
.custom-quote-card h3,
.sale-card h3,
.sale-empty b,
.case-next a,
.big-points b,
.project-no,
.plan-no,
.price,
.stats b,
.reviews-summary b,
.lightbox-meta h2,
.lightbox-count,
.case-index,
.case-shot figcaption span,
.sale-price,
.sticker{
  font-family:'New Amsterdam','Arial Narrow',sans-serif;
  font-weight:400;
}

.hero h1,
.portfolio-hero h1,
.reviews-hero h1,
.form-hero h1,
.case-head h1{
  letter-spacing:.012em;
  line-height:.90;
}

.intro h2,
.section-title h2,
.about h2,
.contact h2,
.reviews-cta h2,
.reviews-list-head h2{
  letter-spacing:.014em;
  line-height:.94;
}

.plan h3,
.custom-quote-card h3,
.sale-card h3,
.case-next a{
  letter-spacing:.018em;
  line-height:.96;
}

h1 em{
  display:inline-block;
  font-family:'Yesteryear', cursive;
  font-weight:400;
  font-style:normal;
  text-transform:none;
  letter-spacing:0;
  line-height:1;
  font-size:.68em;
  color:var(--orange);
  padding-right:.05em;
  transform:translateY(-.03em);
}

h2 span{
  font-style:normal;
  color:var(--orange);
}

.lead,
.intro-copy>p,
.about-copy>p,
.contact-box p,
.review-card p,
.services-intro,
.package-common,
.revision-note,
.custom-quote-copy p,
.sale-intro,
.sale-card p,
.sale-empty p,
.form-note,
.form-side-note,
.field input,
.field select,
.field textarea,
.project-info p,
.footer-grid p{
  letter-spacing:.003em;
  line-height:1.68;
}

.project-info h3{
  font-family:'New Amsterdam','Arial Narrow',sans-serif;
  font-weight:400;
  letter-spacing:.025em;
  font-size:1.18rem;
}

.sticker small{
  font-family:'Averia Libre', Georgia, serif;
  font-weight:700;
  letter-spacing:.08em;
}

@media(max-width:600px){
  .hero h1,.portfolio-hero h1,.reviews-hero h1,.form-hero h1{line-height:.92;letter-spacing:.01em}
  h1 em{font-size:.72em}
  .intro h2,.section-title h2,.about h2,.contact h2{line-height:.96}
}


/* ===== V11 ACTIVE NAVIGATION ===== */
.nav a{transition:color .18s ease}
.nav a:hover,.nav a.active{color:var(--orange)}
.nav a.active{position:relative}
.nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--orange)}
@media(max-width:900px){.nav a.active::after{bottom:-3px;right:auto;width:26px}}

/* ===== V13 REPLACEABLE BACKGROUND TEXTURES =====
   Swap the three files in assets/textures/ to change the texture without touching layout.
   Recommended replacement canvas: 1600x1600 px, square, WebP, subtle/seamless, ideally under 300 KB each.
*/
:root{
  --texture-dark:url('assets/textures/texture-dark.webp');
  --texture-cream:url('assets/textures/texture-cream.webp');
  --texture-orange:url('assets/textures/texture-orange.webp');
  --texture-size:1200px 1200px;
}
.black-section{
  background-color:var(--black);
  background-image:var(--texture-dark);
  background-repeat:repeat;
  background-size:var(--texture-size);
}
.cream-section{
  background-color:var(--cream);
  background-image:var(--texture-cream);
  background-repeat:repeat;
  background-size:var(--texture-size);
}
.orange-section{
  background-color:var(--orange);
  background-image:var(--texture-orange);
  background-repeat:repeat;
  background-size:var(--texture-size);
}
.site-header,
footer{
  background-color:var(--black);
  background-image:var(--texture-dark);
  background-repeat:repeat;
  background-size:var(--texture-size);
}

/* ===== V14 HERO ASSET SYSTEM =====
   Hero artwork is now independent from portfolio artwork.
   Replace only these files to update the homepage collage:
   assets/hero/hero-back.webp  — recommended 1500x1875 px (4:5)
   assets/hero/hero-front.webp — recommended 1500x1875 px (4:5)
   assets/hero/logo-stamp.png  — recommended 1000x1000 px transparent PNG
*/
.hero-collage{
  position:relative;
  min-height:570px;
  isolation:isolate;
}
.hero-paper-card{
  position:absolute;
  margin:0;
  background:var(--white);
  padding:13px;
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.38));
  transition:transform .22s ease, filter .22s ease;
  /* deliberately uneven edge so the white frame reads like torn paper */
  clip-path:polygon(
    1.2% 2.0%, 6% .8%, 11% 1.8%, 17% .6%, 23% 1.5%, 29% .4%, 36% 1.4%, 43% .5%, 50% 1.7%, 58% .6%, 65% 1.4%, 72% .5%, 79% 1.6%, 86% .7%, 93% 1.5%, 99% .6%,
    98.6% 7%, 99.4% 14%, 98.7% 21%, 99.5% 29%, 98.8% 37%, 99.4% 45%, 98.7% 53%, 99.5% 62%, 98.8% 70%, 99.4% 78%, 98.6% 86%, 99.3% 94%, 98% 99%,
    92% 98.4%, 85% 99.3%, 78% 98.5%, 71% 99.4%, 64% 98.6%, 57% 99.5%, 50% 98.4%, 43% 99.3%, 36% 98.5%, 29% 99.4%, 22% 98.6%, 15% 99.3%, 8% 98.5%, 1% 99%,
    1.5% 92%, .6% 84%, 1.3% 76%, .5% 68%, 1.2% 60%, .5% 52%, 1.3% 44%, .6% 36%, 1.4% 28%, .5% 20%, 1.2% 12%
  );
}
.hero-paper-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  /* tiny irregularity on the artwork edge keeps the frame organic */
  clip-path:polygon(.6% 1%, 99% .4%, 99.5% 99%, .5% 99.4%);
}
.hero-paper-back{
  width:78%;
  right:4%;
  top:0;
  z-index:1;
  transform:rotate(5deg);
}
.hero-paper-front{
  width:58%;
  left:0;
  bottom:18px;
  z-index:2;
  transform:rotate(-7deg);
}
.hero-paper-back:hover{
  transform:rotate(4deg) translateY(-4px);
  filter:drop-shadow(0 28px 38px rgba(0,0,0,.44));
}
.hero-paper-front:hover{
  transform:rotate(-6deg) translateY(-4px);
  filter:drop-shadow(0 28px 38px rgba(0,0,0,.44));
}
.hero-logo-stamp{
  position:absolute;
  right:-1%;
  bottom:8px;
  z-index:4;
  width:154px;
  height:154px;
  object-fit:contain;
  transform:rotate(9deg);
  opacity:.92;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.30)) contrast(1.04);
  pointer-events:none;
}
/* Retire the old numeric Fiverr sticker when V14 is used. */
.hero-collage .sticker{display:none!important}

@media(max-width:900px){
  .hero-collage{min-height:470px}
  .hero-paper-back{width:72%;right:8%}
  .hero-paper-front{width:54%;left:6%;bottom:22px}
  .hero-logo-stamp{width:128px;height:128px;right:5%;bottom:18px}
}
@media(max-width:600px){
  .hero-collage{min-height:390px;margin-top:8px}
  .hero-paper-card{padding:9px}
  .hero-paper-back{width:78%;right:2%;top:4px}
  .hero-paper-front{width:62%;left:1%;bottom:20px}
  .hero-logo-stamp{width:104px;height:104px;right:0;bottom:12px}
}

/* ===== V15 CLEAN PROJECT DETAIL GALLERY =====
   Project artwork now sits directly on the page with no outer box, border,
   padding or orange offset shadow. Images remain clickable for full-size lightbox view.
*/
.case-image-btn{
  display:block;
  width:fit-content;
  max-width:100%;
  margin:0 auto;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  line-height:0;
  cursor:zoom-in;
}
.case-image-btn img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:80vh;
  object-fit:contain;
  background:transparent;
  box-shadow:none;
  margin:0 auto;
}
.case-shot-main .case-image-btn img{max-height:72vh}
.case-image-btn:focus-visible{
  outline:3px solid var(--orange);
  outline-offset:8px;
}
@media(max-width:620px){
  .case-image-btn{padding:0;box-shadow:none}
  .case-shot-main .case-image-btn img{max-height:68vh}
}