/*
Theme Name: Easy Painting
Theme URI: https://www.easypainting.bg/
Author: Easy Painting
Description: Персонализирана тема за Easy Painting с калкулатор и 3D визуализация.
Version: 1.10.14
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: easy-painting
*/
:root{--ink:#11110f;--accent:#f15a16;--paper:#f4f4ef;--muted:#a8a89f;--line:rgba(255,255,255,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.nav{position:fixed;z-index:30;top:0;left:0;right:0;height:84px;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.16);background:rgba(17,17,15,.72);backdrop-filter:blur(14px);color:#fff}.brand{display:flex;align-items:center;gap:.72rem;font-family:Oswald,sans-serif;font-size:1.35rem;letter-spacing:-.04em;line-height:.8}.brand>img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.brand-name>span,.brand-name>b{display:block}.brand-name>b{color:var(--accent)}.nav nav{margin:auto;display:flex;gap:2.2rem;font-size:.84rem;font-weight:700}.nav nav a{opacity:.72;transition:.2s}.nav nav a:hover{opacity:1}.phone{border:1px solid currentColor;padding:.8rem 1.15rem;font-weight:800;font-size:.83rem}
.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;background:#403f39;perspective:1100px}.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:13;pointer-events:none;mix-blend-mode:screen}.raw-layer,.painted-layer{position:absolute;inset:0}.raw-layer{background:radial-gradient(circle at 50% 34%,#77766f 0,#4c4b45 38%,#363631 100%);overflow:hidden}.raw-layer:after{content:"";position:absolute;inset:0;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.raw-copy{position:absolute;left:5vw;bottom:8vh;font:700 clamp(8rem,23vw,25rem)/.7 Oswald;color:rgba(0,0,0,.09);letter-spacing:-.08em}.scratch{position:absolute;background:rgba(29,29,26,.28);filter:blur(2px);border-radius:50%}.s1{width:26%;height:5px;left:18%;top:32%;rotate:-5deg}.s2{width:18%;height:3px;right:15%;top:61%;rotate:12deg}.s3{width:4px;height:22%;left:61%;top:17%;rotate:7deg}
.painted-layer{z-index:3;background:var(--paper);color:var(--ink);clip-path:inset(0 100% 0 0);will-change:clip-path}.painted-layer:after{content:"";position:absolute;width:45vw;height:45vw;border:1px solid rgba(17,17,15,.08);border-radius:50%;right:-9vw;top:4vh;box-shadow:0 0 0 7vw rgba(17,17,15,.025),0 0 0 14vw rgba(17,17,15,.02)}.hero-copy{position:absolute;z-index:2;left:6vw;top:50%;transform:translateY(-48%);max-width:850px}.hero-copy>*{opacity:0;translate:0 24px}.eyebrow{font-weight:800;letter-spacing:.18em;font-size:.72rem}.hero h1{font:600 clamp(4.2rem,9.5vw,9.7rem)/.84 Oswald,sans-serif;letter-spacing:-.055em;margin:.22em 0}.hero h1 em{font-style:normal;color:#8a8a83}.lead{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.65;color:#5d5d57}.actions{display:flex;gap:1.4rem;align-items:center;margin-top:2.3rem}.primary{background:var(--ink);color:#fff;padding:1.15rem 1.4rem;font-weight:800}.primary span,.contact a span{color:var(--accent);margin-left:1.2rem}.secondary{font-weight:800;border-bottom:1px solid;padding:.9rem 0}.stat{position:absolute;right:5vw;bottom:7vh;display:grid;opacity:0}.stat strong{font:600 3.3rem Oswald}.stat span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}
.gun-wrap{--rx:0deg;--ry:0deg;position:absolute;z-index:12;inset:-4%;will-change:transform;pointer-events:none;mix-blend-mode:normal;transform-style:preserve-3d}.gun{width:108%;height:108%;display:block;object-fit:cover;object-position:center;opacity:.96;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(55px) scale(1.045);transform-origin:50% 72%;transition:transform .16s ease-out;filter:drop-shadow(0 30px 24px rgba(0,0,0,.2)) contrast(1.04)}.hero.running .painted-layer{animation:paintReveal 4.5s cubic-bezier(.2,.72,.18,1) .2s forwards}.hero.running .gun-wrap{animation:gunSweep 4.5s cubic-bezier(.22,.7,.18,1) .15s forwards}.hero.running .hero-copy>*{animation:copyRise .7s cubic-bezier(.2,.8,.2,1) forwards}.hero.running .hero-copy>*:nth-child(1){animation-delay:.85s}.hero.running .hero-copy>*:nth-child(2){animation-delay:1.15s}.hero.running .hero-copy>*:nth-child(3){animation-delay:1.65s}.hero.running .hero-copy>*:nth-child(4){animation-delay:2.05s}.hero.running .stat{animation:copyRise .7s ease 3.55s forwards}.replay{position:absolute;z-index:15;right:5vw;bottom:7vh;border:0;background:rgba(17,17,15,.8);color:#fff;font:700 .75rem Manrope;letter-spacing:.08em;cursor:pointer;padding:.7rem .9rem}.replay span{margin-left:.5rem}.scroll-note{position:absolute;z-index:15;left:5vw;bottom:7vh;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#111}.scroll-note span{display:inline-block;width:34px;height:1px;background:#111;vertical-align:middle;margin-right:10px}
@keyframes paintReveal{0%{clip-path:inset(0 100% 0 0)}7%{clip-path:inset(0 70% 0 0)}14%{clip-path:inset(0 62% 0 0)}38%{clip-path:inset(0 47% 0 0)}64%{clip-path:inset(0 30% 0 0)}82%{clip-path:inset(0 8% 0 0)}100%{clip-path:inset(0 0 0 0)}}@keyframes gunSweep{0%{transform:translate3d(-24vw,3.4%,70px) scale(1.055)}7%{transform:translate3d(-22vw,1.6%,120px) scale(1.035)}14%{transform:translate3d(-19vw,2.8%,82px) scale(1.05)}38%{transform:translate3d(-7vw,1.4%,110px) scale(1.035)}64%{transform:translate3d(8vw,2.5%,86px) scale(1.048)}82%{transform:translate3d(20vw,1%,115px) scale(1.03)}100%{transform:translate3d(22vw,0,0) scale(1)}}@keyframes copyRise{to{opacity:1;translate:0 0}}
.services{background:var(--ink);padding:10rem 7vw}.section-head{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:5rem}.section-head p{font-size:.72rem;letter-spacing:.18em;font-weight:800;color:var(--accent)}.section-head h2,.work h2,.contact h2{font:600 clamp(3rem,6.5vw,6.7rem)/.95 Oswald;margin:0;letter-spacing:-.045em}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-grid article{padding:2.5rem 2.3rem 2rem 0;border-right:1px solid var(--line);min-height:300px}.service-grid article+article{padding-left:2.3rem}.service-grid article:last-child{border-right:0}.service-grid span{font:600 1rem Oswald;color:var(--accent)}.service-grid h3{font:500 2rem Oswald;margin:3.8rem 0 1rem}.service-grid p{color:var(--muted);line-height:1.7;font-size:.95rem}
.work{background:#21211e;padding:7vw}.project-card{background:var(--accent);color:var(--ink);display:grid;grid-template-columns:.8fr 1.2fr;min-height:610px}.project-card>div:first-child{padding:5vw;display:flex;flex-direction:column;justify-content:center}.project-card>div:first-child>p:last-child{line-height:1.7;max-width:35rem}.before-after{position:relative;overflow:hidden;min-height:500px}.after,.before{position:absolute;inset:0}.after{background:linear-gradient(135deg,#fafaf7,#dcdcd6)}.before{width:52%;overflow:hidden;background:linear-gradient(135deg,#6d6c66,#3d3d38);border-right:2px solid var(--accent)}.after:before,.before:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 45%,rgba(255,255,255,.25) 45.3%,transparent 46%)}.before span,.after span{position:absolute;top:2rem;padding:.55rem .8rem;font-size:.65rem;letter-spacing:.15em;font-weight:800}.before span{left:2rem;background:#fff}.after span{right:2rem;background:var(--ink);color:#fff}.before-after input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:3}.handle{position:absolute;z-index:2;left:52%;top:50%;translate:-50% -50%;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:1.2rem;pointer-events:none}
.contact{padding:11rem 7vw 4rem;background:var(--paper);color:var(--ink);text-align:center}.contact .eyebrow{color:#777}.contact p:not(.eyebrow){color:#686861;font-size:1.05rem}.contact > a{display:inline-block;background:var(--ink);color:#fff;font:500 clamp(1.8rem,4vw,4rem) Oswald;padding:1.4rem 2rem;margin:2.5rem 0 7rem}.contact small{display:block;border-top:1px solid #ccc;padding-top:2rem;text-align:left;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:780px){.nav{height:70px;padding:0 1.25rem}.nav nav{display:none}.phone{margin-left:auto;padding:.65rem .8rem}.hero{min-height:690px}.hero-copy{left:1.4rem;right:1.4rem;top:47%}.hero h1{font-size:clamp(4rem,20vw,6.2rem)}.lead br{display:none}.actions{align-items:flex-start;flex-direction:column;gap:.7rem;margin-top:1.5rem}.gun{object-position:center bottom}.scroll-note{left:1.4rem;bottom:2rem}.replay{right:1.4rem;bottom:2rem}.stat{display:none}.section-head,.service-grid,.project-card{grid-template-columns:1fr}.services{padding:7rem 1.4rem}.section-head{gap:1.4rem;margin-bottom:3rem}.service-grid article,.service-grid article+article{padding:2rem 0;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.service-grid h3{margin:2rem 0 .7rem}.work{padding:1.4rem}.project-card>div:first-child{padding:4rem 1.4rem}.before-after{min-height:430px}.contact{padding:7rem 1.4rem 2rem}.contact a{margin-bottom:5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero .painted-layer{clip-path:inset(0)!important;animation:none!important}.gun-wrap{animation:none!important}}

/* Enhanced spatial depth */
.hero{--scene-x:0px;--scene-y:0px;--shadow-x:0px;perspective:850px;perspective-origin:50% 48%}
.hero:after{content:"";position:absolute;z-index:11;left:50%;bottom:-12%;width:42vw;height:30vh;translate:-50% 0;background:radial-gradient(ellipse,rgba(0,0,0,.32),rgba(0,0,0,0) 68%);filter:blur(18px);transform:translateX(var(--shadow-x));pointer-events:none}
.raw-layer,.painted-layer{transform:translate3d(calc(var(--scene-x)*-.14),calc(var(--scene-y)*-.14),-35px) scale(1.045);will-change:transform}
.gun-wrap{inset:0;transform-style:preserve-3d}
.gun{position:absolute;left:50%;bottom:-10%;width:auto;height:76%;opacity:1;object-fit:contain;transform:translate3d(calc(-50% + var(--scene-x)),var(--scene-y),110px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.075);transform-origin:50% 75%;transition:transform .12s cubic-bezier(.2,.8,.2,1),filter .15s;filter:drop-shadow(calc(var(--shadow-x)*-.35) 34px 28px rgba(0,0,0,.34)) contrast(1.08) saturate(.92)}
.nozzle-origin{position:absolute;z-index:4;left:52%;top:40%;width:2px;height:2px;transform:translate3d(calc(-50% + var(--scene-x)),calc(-50% + var(--scene-y)),150px);pointer-events:none}.nozzle-depth{position:absolute;z-index:3;left:52%;top:40%;width:7.5rem;height:7.5rem;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.68) 0,rgba(255,255,255,.15) 22%,rgba(255,255,255,0) 69%);transform:translate3d(var(--scene-x),var(--scene-y),150px);filter:blur(5px);opacity:0}
.hero.running .nozzle-depth{animation:nozzleFlash 4.2s ease-out .2s}
.hero.running .gun-wrap{animation:gunSweep 4.5s cubic-bezier(.22,.7,.18,1) .15s forwards}
@keyframes nozzleFlash{0%,100%{opacity:0;scale:.35}8%,68%{opacity:1;scale:1.15}80%{opacity:.25;scale:1.45}}
@media(max-width:780px){.hero{perspective:700px}.hero:after{width:80vw}.gun{width:auto;height:72%;bottom:-7%;transform:translate3d(calc(-50% + var(--scene-x)),var(--scene-y),80px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.06)}.nozzle-origin,.nozzle-depth{left:52%;top:41%}.nozzle-depth{width:5rem;height:5rem}}
@media(prefers-reduced-motion:reduce){.gun{transform:none!important}.nozzle-depth{display:none}.hero-copy>*{opacity:1!important;translate:0 0!important}.stat{opacity:1!important}}

/* Shared image-space rig keeps the nozzle attached at every viewport size. */
.hero .gun-wrap,.hero.running .gun-wrap{inset:auto;left:0;bottom:-6%;height:72%;width:100%;animation:none;transform-origin:50% 80%;transform-style:flat}
.hero .gun{position:absolute;left:50%;bottom:0;width:auto;height:100%;object-fit:contain;opacity:1;transform:translateX(-50%)!important;transition:none;filter:drop-shadow(0 18px 16px rgba(0,0,0,.24))}
.hero .nozzle-origin{left:50%;top:9%;width:0;height:0;transform:none;translate:none}
.hero .nozzle-depth{display:none}
.hero.running .painted-layer{animation:none}
.hero canvas{mix-blend-mode:normal}
.intro-video{padding:6rem 7vw 0;background:var(--ink);scroll-margin-top:100px}
.video-heading{margin-bottom:2rem}.video-heading .eyebrow{color:var(--accent);font-size:.875rem}
.video-heading h2{font:600 clamp(2.4rem,5vw,5rem)/1.05 Oswald,sans-serif;letter-spacing:-.025em;margin:.8rem 0}
.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#242421;border:1px solid var(--line)}
.video-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;background:radial-gradient(ellipse at center,#403329,#171715)}
.video-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7);transition:filter .25s}
.video-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent 65%);pointer-events:none}
.video-play-icon{position:relative;z-index:1;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--accent);color:var(--ink);font-size:1.7rem;padding-left:4px;box-shadow:0 0 0 12px rgba(241,90,22,.18);transition:transform .2s}
.video-play-label{position:relative;z-index:1;font-size:1rem;font-weight:800;color:#fff;text-shadow:0 2px 8px #000}
.video-cover:hover img{filter:brightness(.85)}.video-cover:hover .video-play-icon{transform:scale(1.06)}
.video-cover:focus-visible{outline:3px solid var(--accent);outline-offset:-6px}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-note{font-size:.875rem;line-height:1.6;color:var(--muted);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.video-note a{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:780px){.intro-video{padding:4rem 1.4rem 0}.video-frame{border-radius:12px}.video-play-icon{width:58px;height:58px;font-size:1.25rem}.video-note{gap:.3rem}}
@media(prefers-reduced-motion:reduce){.video-cover img,.video-play-icon{transition:none}}
.hero h1 em{display:inline-block;--paint-fill:0%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--paint-fill),#8a8a83 calc(var(--paint-fill) + 1.5%),#8a8a83 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero.running .hero-copy>h1{animation:none;opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){.hero h1 em{background:none;color:var(--accent)}}
@media(prefers-reduced-motion:reduce){.hero.running .hero-copy>*{animation:none!important}.hero .gun-wrap{transform:none!important}}

/* Euro calculator refinements */
section.calculator{scroll-margin-top:84px}
.calculator .calc-panel{border:1px solid #393933;background:radial-gradient(ellipse at 100% 0,rgba(241,90,22,.1),transparent 50%),#11110f;min-width:0}
.calc-panel-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-bottom:1.6rem;margin-bottom:1.7rem;border-bottom:1px solid #36362e;font-size:.875rem;letter-spacing:.12em;color:#bbb}
.calc-panel-heading b{color:#ff9d6f;background:rgba(241,90,22,.1);border:1px solid rgba(241,90,22,.3);border-radius:100px;padding:.5rem .75rem;font-size:.875rem;white-space:nowrap}
.calculator .area-field>span:first-child,.calculator fieldset legend{font-size:.875rem;color:#bfbfb6}
.calculator .area-field>small,.calculator .calc-option span small{font-size:.875rem;color:#aaa99f;line-height:1.5}
.calculator .calc-option{padding:1.1rem;border:1px solid #383831;border-radius:12px;margin-top:.7rem;transition:background .2s,border-color .2s}
.calculator .calc-option:has(input:checked){background:rgba(241,90,22,.07);border-color:rgba(241,90,22,.65)}
.calculator .calc-option span b{font-size:1rem}.calculator .calc-option strong{font-size:.875rem;color:#ffae88;white-space:nowrap}
.calculator .area-input input{min-width:0;font-variant-numeric:tabular-nums}.calculator .area-input:focus-within{border-color:#ff9d6f}
.calculator .area-input input[aria-invalid=true]{color:#ffaf9a}
.area-range{width:100%;margin:1.4rem 0 .25rem;accent-color:var(--accent);cursor:pointer;height:24px}
.calculator .calc-result{position:relative;border:1px solid #aa512b;border-radius:12px;padding:1.5rem;background:linear-gradient(120deg,#302016,#191714);box-shadow:inset 3px 0 #f15a16}
.calculator .calc-result span,.calculator .calc-result small{font-size:.875rem;letter-spacing:.04em;line-height:1.5;color:#c8b7ad;text-transform:none}
.calculator .calc-result strong{font-size:clamp(1.65rem,3.5vw,3rem);line-height:1.2;margin:.65rem 0;color:#ff995f;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.calculator .calc-cta{min-height:54px;transition:background .2s,box-shadow .2s}.calculator .calc-cta:hover{background:#ff763a;box-shadow:0 8px 24px #f15a1629}
.calculator :is(a,input):focus-visible{outline:2px solid #ff9d6f;outline-offset:5px}
@media(max-width:1100px){.calculator .calc-option{grid-template-columns:auto minmax(0,1fr)}.calculator .calc-option strong{grid-column:2}}
@media(prefers-reduced-motion:reduce){.calculator *{transition:none!important}}

/* Professional expansion: navigation, real projects, calculator and footer */
.nav nav{gap:1.45rem;font-size:.76rem}.phone{display:flex;align-items:center;gap:.65rem;border:1px solid rgba(241,90,22,.55);border-radius:999px;padding:.45rem .8rem .45rem .48rem;background:linear-gradient(135deg,rgba(241,90,22,.23),rgba(241,90,22,.06));transition:.25s}.phone:hover{background:var(--accent);color:var(--ink);transform:translateY(-2px);box-shadow:0 10px 30px rgba(241,90,22,.25)}.phone-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--ink)}.phone small,.phone b{display:block}.phone small{font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;opacity:.72}.phone b{font-size:.76rem;white-space:nowrap}
.primary{display:flex;align-items:center;gap:1.5rem;padding:.82rem .85rem .82rem 1.2rem;border-radius:8px;box-shadow:0 16px 35px rgba(0,0,0,.16);transition:.25s}.primary:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(0,0,0,.24)}.primary-copy{display:block!important;margin:0!important;color:#fff!important}.primary-copy small{display:block;font-size:.55rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:.16rem}.primary-arrow{display:grid!important;place-items:center;width:39px;height:39px;border-radius:6px;background:var(--accent);color:var(--ink)!important;margin:0!important;font-size:1.1rem}
.after,.before{background:#242421}.after img,.before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%}.before{--split:52%;width:100%;clip-path:inset(0 48% 0 0);border-right:0}.before:after{content:"";position:absolute;z-index:2;top:0;bottom:0;left:var(--split);width:2px;background:var(--accent);translate:-1px 0}.after:before,.before:before{z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 35%,rgba(0,0,0,.2))}.before span,.after span{z-index:2}
.calculator{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding:9rem 7vw}.calculator-copy h2,.about h2,.partners h2{font:600 clamp(3rem,6vw,6.2rem)/.94 Oswald;margin:.25em 0;letter-spacing:-.045em}.calculator-copy>p:not(.eyebrow),.about-copy>p:not(.eyebrow),.partners-head>p:not(.eyebrow){max-width:38rem;color:#66665f;line-height:1.75}.calculator .eyebrow,.about .eyebrow,.partners .eyebrow{color:var(--accent)}.calc-note{display:grid;grid-template-columns:auto 1fr;gap:1rem;margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid #d3d3cc}.calc-note b{color:var(--accent)}.calc-note span{color:#686861;font-size:.84rem;line-height:1.6}.calc-panel{background:var(--ink);color:#fff;padding:2.3rem;border-radius:18px;box-shadow:0 28px 70px rgba(17,17,15,.18)}.area-field>span:first-child,fieldset legend{display:block;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#aaa}.area-input{display:flex;align-items:flex-end;border-bottom:1px solid #555;padding:.6rem 0}.area-input input{width:100%;background:none;border:0;outline:0;color:#fff;font:600 4.2rem/1 Oswald}.area-input b{font:500 1.6rem Oswald;color:var(--accent);padding-bottom:.4rem}.area-field>small{display:block;color:#777;margin-top:.5rem}.calc-panel fieldset{border:0;padding:0;margin:2.2rem 0}.calc-panel legend{margin-bottom:1rem}.calc-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid #333;cursor:pointer}.calc-option input{width:20px;height:20px;accent-color:var(--accent)}.calc-option span b,.calc-option span small{display:block}.calc-option span b{font-size:.9rem}.calc-option span small{font-size:.7rem;color:#777;margin-top:.18rem}.calc-option strong{font-size:.72rem;color:#aaa}.calc-result{background:#20201d;border:1px solid #333;padding:1.35rem;border-radius:10px}.calc-result span,.calc-result small{display:block;color:#888;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.calc-result strong{display:block;font:600 clamp(2rem,4vw,3.4rem) Oswald;color:var(--accent);margin:.15rem 0}.calc-cta{display:flex;justify-content:space-between;align-items:center;background:var(--accent);color:var(--ink);font-weight:800;padding:1.1rem 1.25rem;margin-top:1rem;border-radius:8px}.calc-cta span{font-size:1.25rem}
.about{position:relative;background:#1c1c19;padding:9rem 7vw;overflow:hidden}.about-number{position:absolute;right:-2vw;top:-4vw;font:700 28vw/.8 Oswald;color:rgba(255,255,255,.025)}.about-copy{position:relative;max-width:920px}.about-points{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:5rem;border-top:1px solid var(--line)}.about-points article{padding:2.2rem 2.2rem 0 0}.about-points article+article{padding-left:2.2rem;border-left:1px solid var(--line)}.about-points span,.partner-list>*>span{font:600 1rem Oswald;color:var(--accent)}.about-points h3{font:500 1.65rem Oswald;margin:2.6rem 0 .7rem}.about-points p{color:var(--muted);line-height:1.7;font-size:.9rem}
.partners{background:var(--accent);color:var(--ink);padding:9rem 7vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw}.partners .eyebrow{color:var(--ink)}.partners-head>p:not(.eyebrow){color:rgba(17,17,15,.7)}.partner-list{align-self:end}.partner-list>article,.partner-list>a{display:grid;grid-template-columns:45px 1fr auto;gap:1rem;align-items:center;padding:1.45rem 0;border-top:1px solid rgba(17,17,15,.28)}.partner-list>*:last-child{border-bottom:1px solid rgba(17,17,15,.28)}.partner-list>*>span{color:var(--ink)}.partner-list small{font-size:.62rem;letter-spacing:.14em;font-weight:800;opacity:.58}.partner-list h3{font:500 1.7rem Oswald;margin:.16rem 0}.partner-list>*>b{font-size:1.4rem}
.contact-actions{display:flex;justify-content:center;gap:1rem;margin:2.5rem auto 5rem;flex-wrap:wrap}.contact-actions>a{display:flex;align-items:center;text-align:left;margin:0;padding:1rem 1.25rem;font-size:clamp(1.35rem,2.7vw,2.5rem);border-radius:10px}.contact-actions>a small{font:700 .6rem Manrope;letter-spacing:.12em;text-transform:uppercase;color:#aaa;margin-right:1rem}.contact-actions .contact-mail{background:transparent;color:var(--ink);border:1px solid #bbb}.contact-meta{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #ccc;padding-top:2rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.contact-meta a{margin:0;padding:0;background:none;color:inherit;font:inherit}
.footer{background:#0c0c0b;padding:5rem 7vw 2rem;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:4rem;color:#fff}.footer-brand p{max-width:18rem;color:#777;line-height:1.7;font-size:.85rem}.footer>div:not(.footer-brand):not(.footer-bottom){display:flex;flex-direction:column;gap:.8rem}.footer h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 .7rem}.footer>div>a,.footer>div>span{font-size:.8rem;color:#aaa}.footer>div>a:hover{color:#fff}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #292926;padding-top:1.8rem;margin-top:1rem;color:#6e6e68;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.socials{display:flex;align-items:center;gap:.7rem}.socials a{display:grid;place-items:center;width:32px;height:32px;border:1px solid #343431;border-radius:50%;color:#fff;font-weight:800}.socials a:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}
@media(max-width:1050px){.nav nav a:nth-last-child(-n+2){display:none}.nav nav{gap:1rem}.calculator,.partners{gap:4vw}}
@media(max-width:780px){.phone{padding:.4rem}.phone>span:last-child{display:none}.phone-icon{width:34px;height:34px}.calculator,.partners{grid-template-columns:1fr;padding:6rem 1.4rem;gap:3.5rem}.calc-panel{padding:1.4rem;border-radius:12px}.calc-option{grid-template-columns:auto 1fr}.calc-option strong{grid-column:2}.about{padding:6rem 1.4rem}.about-points{grid-template-columns:1fr;margin-top:3rem}.about-points article,.about-points article+article{padding:1.8rem 0;border-left:0;border-bottom:1px solid var(--line)}.contact-actions{flex-direction:column}.contact-actions>a{width:100%;justify-content:space-between;font-size:1.4rem}.contact-meta{flex-direction:column;text-align:left}.footer{grid-template-columns:1fr 1fr;padding:4rem 1.4rem 2rem;gap:3rem 1.5rem}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1rem}.socials span{display:none}.before-after{min-height:540px}.after img,.before img{object-position:center center}}

/* Consistent contact icons and a visible phone number at every size. */
.ui-icon{display:block;width:22px;height:22px;flex:none}
.nav .phone{flex-shrink:0;gap:.55rem}.nav .phone>span:last-child{display:block}.nav .phone b{font-size:.875rem}.nav .phone small{font-size:.75rem;letter-spacing:.02em}.nav .phone-icon .ui-icon{width:18px;height:18px}
.nav nav{margin-left:auto;margin-right:1.5rem}
.action-icon{display:inline-flex;align-items:center;justify-content:center;flex:none}
.about-cta a{display:inline-flex;align-items:center;justify-content:center;gap:1rem}
.contact-actions>a{gap:1rem;min-width:0}.contact-actions>a span{margin:0;color:inherit}.contact-actions .contact-symbol{display:grid;place-items:center;background:var(--accent);color:var(--ink);width:44px;height:44px;border-radius:12px;flex:none}
.contact-actions .contact-label{min-width:0;overflow-wrap:anywhere}.contact-actions>a .contact-label small{padding:0;border:0;margin:0 0 .4rem;font-size:.75rem;line-height:1.4}.contact-actions>a .action-icon{margin-left:auto;color:var(--accent)}
.contact-meta .website-link{display:inline-flex;align-items:center;gap:.65rem}.website-link .ui-icon{width:18px;height:18px}
@media(max-width:780px){.nav .phone{padding:.35rem .6rem .35rem .35rem;gap:.4rem}.nav .phone b{font-size:.875rem}.nav .phone small{display:none}.nav .brand{font-size:1.1rem;gap:.5rem}.contact-actions>a{padding:1rem;gap:.7rem}.contact-actions .contact-symbol{width:36px;height:36px;border-radius:9px}.contact-actions .contact-label{font-size:clamp(1rem,4.5vw,1.4rem)}}
@media(max-width:370px){.nav{padding-left:.6rem;padding-right:.6rem}.nav .brand>img{width:36px;height:36px}.nav .brand{font-size:1rem}.nav .phone-icon{width:27px;height:27px}}

/* Dedicated pages */
.nav nav a.active{opacity:1;color:#ff8a55}.subpage{background:#11110f}.page-main{min-height:calc(100svh - 84px);padding-top:84px}.page-intro{position:relative;min-height:58vh;padding:clamp(6rem,10vw,10rem) 7vw 5rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-bottom:1px solid #30302b;background:radial-gradient(circle at 82% 28%,rgba(241,90,22,.18),transparent 35%),#151513}.page-intro:after{content:"";position:absolute;right:-12vw;top:-18vw;width:50vw;height:50vw;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 8vw #ffffff05,0 0 0 16vw #ffffff04}.page-intro>*{position:relative;z-index:1}.page-intro .eyebrow{color:#ff7b3e}.page-intro h1{font:600 clamp(4rem,9vw,9rem)/.88 Oswald;margin:.2em 0;letter-spacing:-.055em;max-width:1100px}.page-intro h1 em{font-style:normal;color:#ff7637}.page-intro>p:last-child{max-width:620px;color:#aaa99f;line-height:1.7;font-size:1.05rem}.calculator-page{padding-top:7rem;padding-bottom:8rem}.calculator-page .calculator-copy{align-self:center}.rate-strip{margin-top:2.5rem;border-top:1px solid #d3d3cc}.rate-strip span{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #d3d3cc;color:#6a6a63;font-size:.875rem}.rate-strip b{color:#11110f;font:600 1.2rem Oswald}.about-intro{min-height:70vh}.giant-mark{position:absolute!important;z-index:0!important;right:-1vw;bottom:-7vw;font:700 30vw/.75 Oswald;color:#ffffff05}.about-page{padding-top:8rem;padding-bottom:6rem}.about-page .about-copy{max-width:1050px}.about-cta{margin-top:5rem;padding:2.2rem 0;border-top:1px solid #ffffff28;border-bottom:1px solid #ffffff28;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.about-cta p{font:500 1.7rem Oswald;margin:0}.about-cta a{background:#f15a16;color:#11110f;padding:1rem 1.25rem;border-radius:8px;font-weight:800}.partners-subpage{background:#f15a16}.partners-intro{color:#11110f;background:radial-gradient(circle at 82% 25%,#ffb08c80,transparent 35%),#f15a16;border-color:#11110f33}.partners-intro .eyebrow,.partners-intro h1 em{color:#11110f}.partners-intro>p:last-child{color:#3d2419}.partners-intro:after{border-color:#11110f1f;box-shadow:0 0 0 8vw #11110f08,0 0 0 16vw #11110f08}.partners-page{padding-top:8rem;padding-bottom:8rem}.partners-page .partner-list{align-self:center}.partners-page .partner-list>article,.partners-page .partner-list>a{padding:1.8rem 0}.partners-page .partner-list p{margin:.45rem 0 0;max-width:460px;color:#4d291a;line-height:1.55;font-size:.875rem}.partners-page .partner-list>*>b{display:grid;place-items:center;width:48px;height:48px;border:1px solid #11110f55;border-radius:50%;font:600 .9rem Oswald}.partners-page .partner-invite{margin-top:1rem;padding:1.5rem!important;border:1px solid #11110f!important;border-radius:12px;background:#11110f;color:#fff}.partners-page .partner-invite span{color:#f15a16}.partners-page .partner-invite p{color:#92928a}.partners-page .partner-invite>b{border-color:#ffffff55;color:#f15a16}.mini-footer{min-height:90px;padding:1.5rem 7vw;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;border-top:1px solid #ffffff20;background:#0c0c0b;color:#8b8b84;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.mini-footer a{color:#fff}.partners-subpage .mini-footer{border:0}.subpage :is(a,input):focus-visible{outline:2px solid #ff8a55;outline-offset:4px}
@media(max-width:1050px){.nav nav a:nth-last-child(-n+2){display:block}.nav nav a:nth-child(-n+2){display:none}.subpage .nav nav a{display:block!important}}
@media(max-width:780px){.nav{height:70px}.nav .brand>img{width:45px;height:45px}.nav nav{display:flex;position:fixed;z-index:29;top:70px;left:0;right:0;height:48px;margin:0;padding:0 1rem;align-items:center;gap:1.4rem;overflow-x:auto;background:#11110ff2;border-bottom:1px solid #ffffff1f;scrollbar-width:none}.nav nav::-webkit-scrollbar{display:none}.nav nav a{display:block!important;white-space:nowrap;font-size:.75rem}.page-main{padding-top:118px}.page-intro{min-height:52vh;padding:5rem 1.4rem 3rem}.page-intro h1{font-size:clamp(3.5rem,17vw,5.8rem)}.page-intro>p:last-child{font-size:1rem}.calculator-page,.about-page,.partners-page{padding:5rem 1.4rem}.rate-strip span{align-items:flex-start;flex-direction:column;gap:.25rem}.about-cta{align-items:flex-start;flex-direction:column}.about-cta a{width:100%;text-align:center}.mini-footer{padding:2rem 1.4rem;align-items:flex-start;flex-direction:column}.giant-mark{font-size:48vw}.partners-page .partner-list>article,.partners-page .partner-list>a{grid-template-columns:36px minmax(0,1fr) auto}.partners-page .partner-list>*>b{width:40px;height:40px}.calculator-subpage .calculator{gap:2.5rem}}

/* Refined contact directory, project albums and estimate controls */
.contact .contact-directory{max-width:980px;margin:0 auto 3rem;padding:1.8rem 2rem;background:#171715;color:#fff;border:1px solid #36362e;border-radius:16px;align-items:center;text-align:left;text-transform:none;letter-spacing:0}
.contact-location small{display:block;color:#ff925d;font-size:.875rem;margin-bottom:.45rem}
.contact-location strong{font-size:1.15rem}
.contact .contact-directory a{color:#ff925d;font-size:1rem;margin:0}
.legal-link-note{display:block;font-size:.875rem;color:#99998f;line-height:1.5;margin-top:.35rem}
.project-text-link{display:inline-block;color:#f5773c;font-weight:800;font-size:1rem;margin-top:1.5rem;border-bottom:1px solid currentColor;padding-bottom:.4rem}
.calculator .calc-option{grid-template-columns:auto minmax(0,1fr)}
.calculator-subpage .page-intro{min-height:0;padding-top:3rem;padding-bottom:2rem}
.calculator-subpage .page-intro h1{font-size:clamp(2.8rem,5vw,4.7rem)}
.calculator-page{padding-top:3rem}
.projects-intro{min-height:420px}
.project-collection{padding:5rem 7vw 7rem}
.album{display:grid;grid-template-columns:1fr 1fr;background:#20201c;border:1px solid #363630;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #0004}
.album-cover{display:block;position:relative;overflow:hidden}
.album-cover img{width:100%;height:520px;object-fit:cover;object-position:center 60%;display:block;transition:transform .5s}
.album-cover:hover img{transform:scale(1.035)}
.album-cover>span{position:absolute;bottom:1.4rem;left:1.4rem;padding:.8rem 1.1rem;background:#111e;border:1px solid #fff4;border-radius:30px;font-size:.875rem}
.album-intro{padding:3rem;align-self:center}
.album-intro h2,.album-heading h2{font:500 clamp(2.4rem,4vw,4rem)/1.08 Oswald;margin:.5em 0}
.album-intro p:not(.eyebrow),.album-heading>p:last-child{color:#b6b6ac;line-height:1.75}
.album-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.7rem}
.album-tags span{font-size:.875rem;padding:.5rem .8rem;border:1px solid #4a4a40;border-radius:30px;color:#ccc}
.album-detail{padding-top:5rem;scroll-margin-top:140px}
.album-photos{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}
.album-photos figure{margin:0}
.album-photos img{display:block;width:100%;aspect-ratio:9/14;object-fit:cover;border-radius:12px}
.album-photos figcaption{padding:1.2rem 0;border-bottom:1px solid #383830;display:flex;justify-content:space-between;gap:1rem;font-size:1rem}
.album-photos figcaption span{color:#aaa}
@media(min-width:781px) and (max-width:1150px){.nav nav{gap:.75rem;margin-right:.8rem}.nav{padding-left:2vw;padding-right:2vw}.nav nav a{font-size:.875rem}.nav .brand{font-size:1.1rem}}
@media(max-width:780px){.contact .contact-directory{padding:1.4rem;align-items:flex-start;gap:1.5rem}.project-collection{padding:2.5rem 1.4rem 4rem}.album{grid-template-columns:1fr}.album-cover img{height:420px}.album-intro{padding:1.5rem}.album-photos{grid-template-columns:1fr}.album-photos figcaption{flex-direction:column;gap:.4rem}.projects-intro{min-height:360px}}
@media(prefers-reduced-motion:reduce){.album-cover img{transition:none}.album-cover:hover img{transform:none}}
/* Clear area entry and expanded services */
.area-input output{font:600 4.2rem/1 Oswald;color:#fff;flex:1;font-variant-numeric:tabular-nums}
.area-entry{display:grid;grid-template-columns:minmax(0,150px) auto;gap:.5rem;align-items:center;margin:1rem 0;font-size:.85rem;color:#ccc;max-width:210px}
.area-entry input{grid-column:1;padding:.75rem;width:100%;box-sizing:border-box;background:#262622;border:1px solid #777;border-radius:8px;color:#fff;font:inherit}
.area-entry input:focus{outline:2px solid var(--accent);outline-offset:3px}
.area-entry input[aria-invalid=true]{border-color:#ffaf9a}
.work .project-text-link{display:inline-flex;background:var(--accent);color:#111;padding:1rem 1.4rem;border-radius:8px;font-weight:800;margin-top:1.2rem;box-shadow:0 8px 24px #f15a1630}
.contact>p a{display:inline!important;font:inherit!important;color:var(--accent)!important;text-decoration:underline;text-underline-offset:4px;margin:0!important;padding:0!important}
@media(min-width:781px){.service-grid{grid-template-columns:repeat(2,1fr)}.service-grid article:nth-child(2){border-right:0}.service-grid article:nth-child(3){padding-left:0}.service-grid article:nth-child(n+3){border-top:1px solid var(--line)}}
.contact>p a{background:transparent!important}
.hero-copy{width:88vw;max-width:850px}
.hero h1 em{font-size:.68em;white-space:nowrap;line-height:1.2;padding:.08em .04em .12em 0;max-width:100%;vertical-align:top}
@media(max-width:780px){.hero-copy{width:calc(100% - 2.8rem)}.hero h1 em{font-size:clamp(1.4rem,9.5vw,2.95rem);letter-spacing:-.045em}}


/* WordPress admin-bar preview alignment. */
body.admin-bar .nav{top:32px}
@media(max-width:782px){body.admin-bar .nav{top:46px}}

.contact > .eyebrow{font-size:clamp(1.3rem,2.4vw,2rem);font-weight:800;letter-spacing:.12em;color:#11110f;margin-bottom:1rem}

.services .section-head > p,.work .project-card .eyebrow{font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.5}
.services .service-grid article > span{font-size:1.5rem}
.services .service-grid h3{font-size:2.2rem}
.services .service-grid p{font-size:1.025rem}
.nav .brand > img{width:62px;height:62px;flex-shrink:0}
@media(min-width:1151px){.nav{padding-left:3vw;padding-right:3vw}.nav nav,.colors-page .nav nav{gap:clamp(.65rem,1.3vw,1.4rem)}.nav nav a{font-size:.95rem;white-space:nowrap}}
@media(min-width:781px) and (max-width:1150px){.nav nav{min-width:0;overflow-x:auto}.nav nav a{flex-shrink:0;font-size:.9rem}.nav .brand>img{width:56px;height:56px}}
@media(max-width:780px){.nav .brand>img{width:50px;height:50px}}
@media(max-width:370px){.nav .brand>img{width:40px;height:40px}}

/* Center the film and cap its desktop size. */
.intro-video .video-frame,.intro-video .video-heading,.intro-video .video-note{width:100%;max-width:960px;margin-left:auto;margin-right:auto}

/* Bound the comparison so portrait photos do not become panoramic crops. */
.work .project-card{max-width:1180px;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}
.work .project-card>div:first-child{padding:clamp(1.5rem,3vw,3rem);min-width:0}
.work .project-card h2{font-size:clamp(2.8rem,4.6vw,4.8rem)}
.work #compare{min-width:0;min-height:0;aspect-ratio:4/5;align-self:stretch}
.work #compare .before,.work #compare .after{inset:0;width:100%;height:100%}
.work #compare img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.contact .contact-actions>a{background:#11110f;color:#ff8a45;border:1px solid #34342e}
.contact .contact-actions>a .contact-label small{color:#ffab77}
.contact .contact-actions>a:hover{background:#24211d;border-color:#ff8a45}
.footer a:has(.legal-link-note){display:block;position:relative;padding:8px 0;min-height:44px;cursor:pointer}
.footer a .legal-link-note{pointer-events:auto;cursor:pointer}
.footer a:has(.legal-link-note):hover,.footer a:has(.legal-link-note):hover .legal-link-note{color:#ff8a45}
@media(max-width:780px){.work .project-card{grid-template-columns:minmax(0,1fr)}.work #compare{aspect-ratio:4/5}.work .project-card h2{font-size:clamp(2.8rem,9vw,4rem)}}
/* Vivechrom colour picker: bounded batches keep mobile controls compact. */
.vivechrom-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:14px 0}.vivechrom-filters label{display:grid;gap:6px;font-size:14px}.vivechrom-filters input,.vivechrom-filters select{width:100%;min-width:0;padding:10px;background:#23231e;color:#fff;border:1px solid #55554b;border-radius:8px;font:inherit}.vivechrom-count{font-size:13px;color:#c9c6bd;margin:10px 0}.vivechrom-more{background:#292922;color:#fff;border:1px solid #777165;border-radius:8px;padding:12px;margin:12px 0;cursor:pointer}#palette.vivechrom-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#palette.vivechrom-palette .swatch{width:100%;height:auto;min-height:72px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 2px;border-radius:9px}#palette.vivechrom-palette .swatch>span{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}#palette.vivechrom-palette small{font-size:11px;line-height:1.4;white-space:nowrap;color:#f4f4ef}.vivechrom-filters[hidden],.vivechrom-count[hidden],.vivechrom-more[hidden]{display:none!important}@media(max-width:420px){.vivechrom-filters{grid-template-columns:1fr}}

/* Mobile: give the absolute image layers a definite containing height. */
@media(max-width:780px){
 .work #compare{display:block;position:relative;width:100%;height:clamp(320px,110vw,560px);min-height:320px;aspect-ratio:auto;overflow:hidden;isolation:isolate}
 .work #compare .after,.work #compare .before{position:absolute;inset:0;width:100%;height:100%}
 .work #compare .after{z-index:0}.work #compare .before{z-index:1}
 .work #compare .handle{z-index:2}.work #compare input{z-index:3;touch-action:pan-y}
 .nav{background:#11110f;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
 .nav::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:max(160px,env(safe-area-inset-top,0px));background:#11110f;pointer-events:none}
 .nav nav{position:absolute;top:100%;background:#11110f}
}

/* Home comparison: contrasting, accessible projects button. */
.work .project-text-link{align-items:center;justify-content:space-between;gap:1.25rem;background:#11110f;color:#ff8a45;border:1px solid #11110f;border-radius:10px;min-height:54px;padding:1rem 1.4rem;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.16)}
.work .project-text-link:hover{background:#26231f;color:#ffab77;border-color:#26231f}
.work .project-text-link:focus-visible{outline:3px solid #11110f;outline-offset:4px}
.work .project-text-link>span:last-child{font-size:1.35rem;line-height:1}

/* Tablet navigation: every link remains visible on a dedicated second row. */
@media (min-width:781px) and (max-width:1150px){
 .nav{background:#11110f;backdrop-filter:none;-webkit-backdrop-filter:none}
 .nav .phone{margin-left:auto}
 .nav nav,.colors-page .nav nav{position:absolute;top:100%;left:0;right:0;display:flex;height:52px;margin:0;padding:0 20px;gap:clamp(16px,2.5vw,28px);align-items:center;justify-content:center;overflow-x:auto;background:#11110f;border-bottom:1px solid #ffffff1f}
 .nav nav a,.subpage .nav nav a{display:block!important;flex:0 0 auto;white-space:nowrap;font-size:14px}
 .page-main{padding-top:136px}
}