/* Ktor's blue desktop-inspired direction, based on the June–July work post. */
:root{--paper:#f5f5f7;--ink:#eeeef2;--muted:#a0a0ac;--purple:#809fff;--lavender:#a6baff;--line:#ffffff1f;--dark:#090a0e;color-scheme:dark}
body{background:#0b0c10;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
.header{height:64px;background:#121318b8;border-color:#ffffff12;backdrop-filter:blur(24px) saturate(135%)}
.brand{font-size:25px;letter-spacing:-1.2px;gap:9px}.brand img{width:23px;height:27px;filter:drop-shadow(0 0 7px #996fff70)}
nav{font-size:11px;gap:24px;color:#c7c8d1}nav a:hover{color:white}
.nav-actions button{width:33px;height:33px;border-color:#ffffff24;color:#d5d6e0;font-size:10px}
.hero{padding-top:44px;padding-bottom:58px;text-align:center}
.hero:before{inset:-60px -35px 0;background:radial-gradient(ellipse at 50% 38%,#2348ed28,transparent 58%),radial-gradient(ellipse at 70% 65%,#8549d41a,transparent 50%)}
.hero>.eyebrow{display:flex;flex-direction:column;gap:15px;font-size:10px;letter-spacing:.1em;color:#a4a7b9}
.hero-logo{width:39px;height:44px;object-fit:contain;filter:drop-shadow(0 0 20px #9170ff80)}
.hero h1{font-family:inherit;font-size:clamp(43px,5.1vw,68px);font-weight:600;line-height:1.08;letter-spacing:-.058em;margin:24px auto 0;max-width:950px}
.hero h1 em{margin-top:3px;color:#92adff;background:linear-gradient(105deg,#b8c6ff 25%,#729bff 65%,#b294f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 50px #4877ff28}
.hero-bottom{display:flex;flex-direction:column;gap:22px;margin:23px 0 38px}.hero-bottom p{max-width:525px;font-size:14px;line-height:1.65;color:#b0b1c0}
.button{font-weight:500;border-radius:999px;padding:10px 21px;font-size:12px;border-color:#ffffff2a;background:#ffffff06;color:#e9eaf1;gap:22px}
.button:hover{background:#ffffff10;transform:translateY(-1px)}
.primary{background:#3869ed;color:#fff;border-color:#7593f54d;box-shadow:0 0 30px #3e65f345,inset 0 1px #ffffff26}
.primary:hover{background:#4876f3;box-shadow:0 0 42px #4874ff60}
.hero-art{position:relative;padding-top:34px;grid-template-columns:1fr 2.2fr 1fr;gap:18px;max-width:990px;margin:auto;align-items:center}
.desktop-toolbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#818593;font-size:10px;letter-spacing:.04em}
.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#ff615a;box-shadow:0 0 8px #ff615a18}.window-dots i:nth-child(2){background:#ffbf45}.window-dots i:nth-child(3){background:#32c94f}
.art{box-shadow:0 10px 40px #0007;overflow:visible}.hero-art .art img{border-radius:0}.art-one{transform:rotate(-3deg)}.art-three{transform:rotate(3deg)}
.work{background:radial-gradient(ellipse at 85% 5%,#28417b24,transparent 42%),#101116;border-block:1px solid #ffffff0b}
.work .section-top{color:#9094a5}.section-heading h2,h2{font-weight:550;letter-spacing:-.045em;font-size:clamp(32px,3.7vw,46px)}.section-heading p{font-size:13px;color:#9fa3b3}
.filters{gap:10px;margin-bottom:17px}.filters button{display:inline-flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:9px 14px;background:#ffffff03;color:#a9adba;font-size:12px}
.filters button[aria-pressed=true]{color:#e4e9ff;background:#426bf220;border-color:#8ca5fc25;text-shadow:none;box-shadow:0 0 22px #3055dd15}
.filters small{margin-left:4px;color:#a0a7c2}.folder-icon{width:17px;height:12px;position:relative;display:inline-block;border-radius:2px;background:linear-gradient(#98cfff,#579ae5);box-shadow:inset 0 1px #cce7ff80,0 2px 4px #0003;flex-shrink:0}.folder-icon:before{content:'';position:absolute;top:-3px;left:0;width:8px;height:4px;border-radius:2px 2px 0 0;background:#89c1f5}
.subfilters button{color:#9298ad}.subfilters button[aria-pressed=true]{color:#b7c7ff;border-color:#8faaff}
.project-image img{border-radius:0}.project:hover img{filter:drop-shadow(0 0 14px #7697ff35)}
.gallery-bottom .button{color:#d8ddf0;border-color:#ffffff29}.gallery-bottom .button:hover{color:white}
.about-main h2{font-size:clamp(32px,3.7vw,46px)}.about-main p{font-size:14px;line-height:1.8}.identity-mark{background:radial-gradient(ellipse,#5058b62e,transparent 69%)}.identity-mark img{filter:drop-shadow(0 0 30px #7a79ff60)}
.eyebrow{font-size:10px;letter-spacing:.09em;color:#8f96af}.tags span{border-color:#ffffff1b;color:#adb2c2;font-size:10px}.stat strong{font-weight:500;color:#e6e8f2;font-size:36px}.stat span{color:#8e94a7}
.service-row h3{font-size:25px;font-weight:500}.service-row p{font-size:13px}.service-num{color:#869bd1}
.process{background:radial-gradient(ellipse at 10% 100%,#29356028,transparent 60%),#111218}.step{border-color:#ffffff1f}.step h3{font-weight:500}.step-num{color:#8f9ab8}.step p{color:#9399ab}
.price-card{border-color:#ffffff12;background:#15161d;border-radius:15px;padding:25px;box-shadow:inset 0 1px #ffffff05}.price-card.featured{background:linear-gradient(145deg,#212a45,#151823);border-color:#839dff38;box-shadow:0 0 38px #2b53bc16,inset 0 1px #aec1ff10}
.price{font-weight:500;color:#f1f2fa;letter-spacing:-.045em}.price del{color:#838a9c}.price-card h4{color:#bec7e0}.price-card li{font-size:12px;color:#b4bbce}.price-card li:before{color:#86a5f5}.delivery{border-color:#ffffff13;color:#919ab0}.price-card .button{font-size:11px;padding:11px 15px;gap:10px}.price-card .button:hover{background:#6689e81f}
.note{color:#878fa3}.note strong{font-weight:500;color:#a0aac2}.custom-price h3{font-weight:500}
.contact{background:radial-gradient(ellipse at 30% 10%,#3155d52c,transparent 60%),radial-gradient(ellipse at 100% 100%,#603e9418,transparent 65%),#12141c}
.contact>.wrap>h2{font-size:clamp(38px,4.3vw,55px);max-width:750px;font-weight:550}.contact .eyebrow{color:#8f9fc7}.email{font-size:23px;border-color:#738dc943}.social-inline{color:#a8bcf6}.contact-copy p{color:#98a2ba;font-size:13px;white-space:normal;line-height:1.8}
form label{text-transform:none;font-size:11px;letter-spacing:0;color:#a5aec4}input,select,textarea{border-color:#7988ae40;color:#eef1fc;font-size:13px}select option{background:#161b28}input:focus,select:focus,textarea:focus{outline:0;border-color:#91adff;box-shadow:0 6px 10px -9px #7a9dff}form .button{background:#3869ed;color:white;border-color:#7c9bfd40}form .button:hover{background:#4978f5}#form-status{color:#8c99b6;font-size:11px}
.faq{grid-template-columns:1fr 1.65fr}.faq h2{font-size:34px;line-height:1.15;max-width:330px}summary{font-size:14px;color:#c6cbd9}details p{font-size:13px;line-height:1.75}.footer-word{font-size:94px;font-weight:600;color:#d5daf0;letter-spacing:-.08em}.footer-word .up{font-size:52px;color:#8da5ef}.footer-bottom{color:#858fa7}
@media(max-width:1100px){nav{gap:16px;font-size:10px}.hero-art{max-width:850px}}
@media(max-width:800px){.header{height:62px}nav{top:61px;background:#171922f5;backdrop-filter:blur(20px);font-size:13px}.hero{padding-top:32px}.hero:before{inset:-45px -20px 0}.hero h1{font-size:51px}.hero-bottom p{font-size:13px;max-width:460px}.hero-art{grid-template-columns:1fr 1.8fr}.art-one{transform:rotate(-2deg)}.service-row h3{font-size:22px}.price-card{padding:21px 14px}.price-card .button{font-size:10px}.email{font-size:19px}.faq{gap:30px}.faq h2{font-size:30px}}
@media(max-width:520px){.hero{padding-top:29px;padding-bottom:45px}.hero-logo{width:33px;height:38px}.hero>.eyebrow{font-size:9px;letter-spacing:.045em;gap:12px}.hero h1{font-size:42px;letter-spacing:-.06em;line-height:1.12;margin-top:22px}.hero-bottom{gap:20px;margin-top:20px;margin-bottom:29px}.hero-bottom p{font-size:13px;max-width:335px}.hero-bottom .button{width:auto;min-width:138px;align-self:center;padding:11px 20px}.hero-art{grid-template-columns:1fr 1.4fr;gap:14px}.desktop-toolbar{font-size:9px}.section-heading h2,.about-main h2{font-size:33px}.filters{gap:5px}.filters button{font-size:10px;padding:8px;gap:6px}.folder-icon{width:14px;height:10px}.filters small{font-size:8px;margin-left:0}.stat strong{font-size:30px}.service-row h3{font-size:23px}.price-card{padding:24px}.price-card .button{font-size:12px}.contact>.wrap>h2{font-size:36px}.faq{grid-template-columns:1fr}.faq h2{font-size:31px;max-width:290px}.footer-word{font-size:80px}.footer-word .up{font-size:44px}}
/* Image-led ambient color: each glow uses a palette extracted from its artwork. */
.work{background:#0e1016;overflow:hidden;isolation:isolate}
.work>.wrap{position:relative}
.project{isolation:isolate;position:relative;z-index:0}
.project:before{content:'';position:absolute;z-index:-1;inset:-16% -14%;pointer-events:none;background:radial-gradient(ellipse at 16% 28%,rgba(var(--glow-a),.65),transparent 64%),radial-gradient(ellipse at 84% 77%,rgba(var(--glow-b),.6),transparent 68%);filter:blur(36px);opacity:.58;transform:translate3d(0,0,0);animation:artwork-flow 11s ease-in-out infinite alternate;animation-play-state:paused}
.project:nth-child(2n):before{animation-delay:-5s}.project:nth-child(3n):before{animation-delay:-8s}
.flow-visible .project:before{animation-play-state:running}.project:hover:before,.project:focus-visible:before{opacity:.82}
.project-image{position:relative}.project:hover img{filter:none}
@keyframes artwork-flow{0%{transform:translate(-2%,-2%) scale(.96)}100%{transform:translate(3%,3%) scale(1.07)}}
.identity-banner{display:block;width:100%;padding:0;background:none;border:0;margin:0 0 40px;line-height:0;cursor:zoom-in}
.identity-banner img{width:100%;height:auto;border:0;border-radius:0}
.process{background:radial-gradient(ellipse at 50% 40%,#25366c25,transparent 67%),#101218}
#steps{display:block}.process-drawing{position:relative;margin:10px 0 26px;background-image:radial-gradient(#65769d2b .8px,transparent .8px);background-size:19px 19px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.drawing-caption{position:absolute;top:10px;left:30px;font-size:9px;color:#7a87a7;letter-spacing:.1em;text-transform:uppercase}
.process-drawing svg{display:block;width:100%;height:auto;overflow:visible}
.bezier-handles{stroke:#768cba66;stroke-width:1;fill:#151c2c}.bezier-handles path{stroke-dasharray:3 5}
.route-base{fill:none;stroke:#869ddc35;stroke-width:1.5}
.route-progress{fill:none;stroke:url(#route-gradient);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 7px #859cff);transition:stroke-dashoffset 1.3s cubic-bezier(.3,0,.2,1)}
.node-halo{fill:#8da3ff00;transition:fill .6s}.anchor-point{fill:#171c2b;stroke:#798cb3;stroke-width:1.2;transition:fill .6s,stroke .6s}
.route-node.active .node-halo{fill:#8da3ff18}.route-node.active .anchor-point{fill:#a2b5ff;stroke:#d1dbff;filter:drop-shadow(0 0 8px #99b0ff)}
.route-node text{fill:#7a89a7;font-size:11px;font-family:inherit;letter-spacing:2px}
.route-pen{fill:#d3dcff;stroke:#303b60;stroke-width:1;transition:transform 1.3s cubic-bezier(.3,0,.2,1);filter:drop-shadow(0 0 10px #a7b2ff90)}
.route-pen circle{fill:#303b60}.route-arrow{fill:none;stroke:#a0c9e8;stroke-width:1.5}
.process-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.step{border:0;border-top:1px solid #ffffff17;padding-top:20px;transition:border-color .5s}
.step.active{border-top-color:#9db3ff}.step-select{display:flex;align-items:baseline;gap:12px;padding:0;background:none;text-align:left;width:100%}
.step-select h3{font-size:19px;margin:0;color:#a5aec5;line-height:1.3;font-weight:500;letter-spacing:-.03em}.step.active h3{color:#edf0ff}.step-num{font-size:10px;color:#788aab}.step.active .step-num{color:#b2c4ff}
.step p{font-size:12px;margin-top:18px;line-height:1.75;max-width:270px}
.process-controls{display:flex;align-items:center;justify-content:space-between;margin-top:32px;font-size:10px;color:#8191b3}
#process-toggle{border:1px solid #839bd42b;border-radius:30px;background:#ffffff03;color:#a5b8dd;font-size:10px;padding:8px 13px}
@media(max-width:800px){.process-cards{grid-template-columns:repeat(2,1fr);gap:28px}.process-drawing{margin:5px 0 20px}.drawing-caption{top:0;font-size:8px}.step p{max-width:none}.project:before{filter:blur(24px)}}
@media(max-width:520px){.hero h1{font-size:38px}.identity-banner{margin-bottom:30px}.process-cards{grid-template-columns:1fr;gap:0;border-left:1px solid #657fa84d;margin-left:8px;padding-left:24px}.step{position:relative;border:0;padding:0 0 28px}.step:before{content:'';position:absolute;left:-29px;top:7px;width:9px;height:9px;border:1px solid #7c92bb;background:#111622;transition:background .4s,box-shadow .4s}.step.active:before{background:#b0c3ff;box-shadow:0 0 16px #829fffaa}.step-select h3{font-size:19px}.step p{margin:10px 0 0;font-size:12px}.process-controls{margin-top:4px}.process-drawing{margin-bottom:30px;padding-top:12px}.drawing-caption{left:15px}.project:before{filter:blur(18px);opacity:.5}}
@media(prefers-reduced-motion:reduce){.project:before{animation:none!important}.route-progress,.route-pen,.step,.anchor-point,.node-halo{transition:none!important}}
.identity-mark img{filter:brightness(2.4) drop-shadow(0 0 18px #8b67ff80)}

/* A changing artboard connects the three disciplines. */
.specialty-studio{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.specialty-preview{height:390px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#6541e523,transparent 67%);isolation:isolate}
.studio-axis{position:absolute;background:#8091ba1c}.axis-x{height:1px;left:0;right:0;top:50%}.axis-y{width:1px;top:0;bottom:0;left:50%}
.format-frame{position:relative;width:88%;height:215px;outline:1px solid #9baeff99;box-shadow:0 0 65px #6b52ed24;transition:width 1s cubic-bezier(.22,1,.36,1),height 1s cubic-bezier(.22,1,.36,1)}
.format-art{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s;display:block}
[data-format="0"] .art-0,[data-format="1"] .art-1,[data-format="2"] .art-2{opacity:1}
[data-format="1"] .format-frame{width:220px;height:275px}
[data-format="2"] .format-frame{width:205px;height:240px}
.art-2{padding:20px;filter:drop-shadow(0 0 22px #7133ff66)}
.handle{position:absolute;width:7px;height:7px;background:#d4dcff;border:1px solid #7893ed;z-index:2}.h1{left:-4px;top:-4px}.h2{right:-4px;top:-4px}.h3{left:-4px;bottom:-4px}.h4{right:-4px;bottom:-4px}
.format-size{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);font-size:10px;letter-spacing:.15em;color:#94a4cb;white-space:nowrap}
.studio-cursor{position:absolute;z-index:3;width:25px;height:32px;left:86%;top:77%;fill:#ced8ff;stroke:#232846;stroke-width:1.5;filter:drop-shadow(0 4px 8px #0008);transition:left 1s cubic-bezier(.22,1,.36,1),top 1s cubic-bezier(.22,1,.36,1)}
[data-format="1"] .studio-cursor{left:73%;top:84%}[data-format="2"] .studio-cursor{left:69%;top:79%}
.specialty-option{border-bottom:1px solid #ffffff12;padding:18px 0}.specialty-option button{display:flex;align-items:center;gap:18px;width:100%;padding:0;border:0;background:none;text-align:left;color:#8d96aa;cursor:pointer}.specialty-option button>span:first-child{font-size:10px;color:#8193bc}.specialty-option h3{font-size:20px;font-weight:500;margin:0;letter-spacing:-.035em}.specialty-indicator{margin-left:auto;transition:transform .5s}.specialty-option.active button{color:#edf0ff}.specialty-option.active .specialty-indicator{color:#a895ff;transform:rotate(45deg)}
.specialty-description{opacity:0;max-height:0;overflow:hidden;transition:max-height .7s,opacity .5s}.specialty-option.active .specialty-description{max-height:180px;opacity:1}.specialty-description p{font-size:13px;line-height:1.8;color:#9fa8ba;margin:16px 0 12px}.specialty-description .tags{padding-bottom:4px}.specialty-controls{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:10px;color:#7f8ca8}.specialty-controls button{border:0;padding:8px 0;background:none;color:#a5b4d5;font:inherit;cursor:pointer}
@media(max-width:800px){.specialty-studio{gap:32px}.specialty-preview{height:340px}.format-frame{height:170px}.specialty-option h3{font-size:18px}}
@media(max-width:600px){.specialty-studio{grid-template-columns:1fr;gap:15px}.specialty-preview{height:320px;max-width:400px;width:100%;margin:auto}.format-frame{height:185px}.specialty-option{padding:16px 0}.specialty-description p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.format-frame,.format-art,.studio-cursor,.specialty-description,.specialty-indicator{transition:none}}

.specialty-studio[data-format="0"] .format-frame{height:auto;aspect-ratio:16/9}

.specialty-studio .format-size{display:none}
.social-inline .whatsapp-link{color:#45d483;border-color:#45d48355}.social-inline .whatsapp-link:hover{color:#8af0b2;border-color:#45d483;box-shadow:0 0 18px #25d36630}


/* Project masonry fills three desktop columns and two mobile columns with each image's native ratio. */
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.gallery-column{display:flex;min-width:0;flex-direction:column;gap:22px}
.gallery .project{display:block;width:100%;margin:0;vertical-align:top;break-inside:avoid}
.gallery .project-image{display:block;width:100%;height:auto;aspect-ratio:auto;overflow:visible;border:0;border-radius:0;background:transparent}
.gallery .project-image img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:initial;border:0;border-radius:0}
@media(max-width:800px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gallery-column{gap:14px}}
@media(max-width:520px){.gallery{gap:10px}.gallery-column{gap:10px}}

/* Pixel assembly keeps the original figures in the layout and accessible. */
.stat strong{position:relative}
.stat .stat-value{display:inline-block;font:inherit;letter-spacing:inherit;color:inherit}

.stat-value{font-variant-numeric:tabular-nums}

/* A compact grain texture at the viewport edge. */
.scroll-atmosphere{position:fixed;z-index:30;bottom:0;left:0;right:0;height:76px;pointer-events:none;opacity:var(--edge-opacity,1);isolation:isolate;transition:opacity .3s}
.scroll-grain{position:absolute;inset:0;opacity:.5;mix-blend-mode:normal;background-image:url("assets/scroll-grain.svg?v=20");mask-image:linear-gradient(transparent,#000);-webkit-mask-image:linear-gradient(transparent,#000)}
body:has(dialog[open]) .scroll-atmosphere,body:has(input:focus,textarea:focus,select:focus) .scroll-atmosphere{opacity:0}
.hero h1 em{text-shadow:none}
.hero:before{background:radial-gradient(ellipse at 53% 62%,#6435b91f,transparent 64%)}
@media(max-width:600px){.scroll-atmosphere{height:58px}.scroll-grain{opacity:.5}}
@media(prefers-reduced-motion:reduce){.scroll-atmosphere{transition:none}}
@media print{.scroll-atmosphere{display:none}}

/* Keep the signature in the artwork and violet accents, with quieter chrome. */
.hero h1 em{background:none;-webkit-text-fill-color:currentColor;color:#b9a0ef}
.window-dots{visibility:hidden}
.primary,form .button{background:#713ae0;border-color:#b392ef55;box-shadow:0 5px 24px #713ae026,inset 0 1px #ffffff18}
.primary:hover,form .button:hover{background:#824be9;box-shadow:0 7px 26px #713ae038}
.hero:before{background:radial-gradient(ellipse at 50% 95%,#7848db24,transparent 56%)}
.scroll-grain{background-size:180px 180px;filter:none}

/* Eight secondary projects fan out around the main selection. */
.hero-art{isolation:isolate;overflow:visible;margin-block:55px 65px}
.hero-art>.art{position:relative;z-index:2;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.hero-art.is-peeking>.art-two{transform:translateY(-3px)}
.hero-peek-layer{position:absolute;z-index:1;inset:0;pointer-events:none}
.hero-peek{position:absolute;left:var(--x);top:var(--y);width:var(--w,18%);padding:0;border:0;background:transparent;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.85) rotate(0deg);box-shadow:0 12px 28px #0008;transition:opacity .3s ease,transform .6s cubic-bezier(.2,.75,.2,1);transition-delay:var(--delay,0ms)}
.hero-peek img{width:100%;height:auto;display:block}
.hero-peek-1{--x:12%;--y:12%;--r:-12deg;--dy:-48%;--delay:0ms}
.hero-peek-2{--x:37%;--y:14%;--r:-6deg;--dy:-65%;--delay:35ms}
.hero-peek-3{--x:63%;--y:14%;--r:7deg;--dy:-65%;--delay:70ms}
.hero-peek-4{--x:88%;--y:12%;--r:12deg;--dy:-48%;--delay:105ms}
.hero-peek-5{--x:13%;--y:82%;--w:12%;--r:10deg;--dy:30%;--delay:140ms}
.hero-peek-6{--x:87%;--y:82%;--w:12%;--r:-10deg;--dy:30%;--delay:175ms}
.hero-peek-7{--x:37%;--y:91%;--r:-7deg;--dy:35%;--delay:210ms}
.hero-peek-8{--x:64%;--y:84%;--w:12%;--r:8deg;--dy:30%;--delay:245ms}
.hero-art.is-peeking .hero-peek{opacity:1;pointer-events:auto;transform:translate(-50%,calc(-50% + var(--dy))) scale(1) rotate(var(--r))}
.hero-peek:focus-visible{outline:2px solid #c1a4ff;outline-offset:4px}
@media(max-width:800px){.hero-art{margin-block:40px 50px}.hero-peek{--w:19%}.hero-peek-5,.hero-peek-6,.hero-peek-8{--w:13%}}
@media(max-width:520px){.hero-art{margin-block:32px 42px}.hero-peek{box-shadow:0 5px 15px #0008}}
@media(prefers-reduced-motion:reduce){.hero-peek,.hero-art>.art{transition:none}}



#contact-form.is-sent button[type=submit],#contact-form.is-sent button[type=submit]:hover{background:#163b2b;color:#79e5a5;border-color:#45d48370;box-shadow:0 4px 20px #25d36618}#contact-form.is-sent #form-status{color:#79e5a5}

/* Portfolio typography: readable copy and restrained section furniture. */
.hero h1{font-weight:550;letter-spacing:-.045em;line-height:1.1}
.hero-bottom p{font-size:15px;line-height:1.75;max-width:490px}
.section-heading{align-items:baseline;gap:24px}
.section-heading p{max-width:380px;line-height:1.7;font-size:14px}
.about-main p,.specialty-description p,.contact-copy p{font-size:14px;line-height:1.8}
.tags{gap:8px 18px}.tags span{border:0;border-radius:0;background:none;padding:0;color:#9996a3;font-size:11px}
.price-card{border-radius:6px;background:#ffffff02;box-shadow:none;border-color:#ffffff1c;padding:28px}
.price-card.featured{background:#b79ce908;border-color:#b79ce94d;box-shadow:none}
.price-card h4{color:#ddd9e5;font-weight:500}.price-card li{font-size:13px;line-height:1.7}
.price-card .button{border-radius:6px}
.section-heading h2,h2{letter-spacing:-.035em;font-weight:550}
.project:hover img{filter:none}
:where(a,button,summary):focus-visible{outline:2px solid #c1a4ff;outline-offset:5px}
@media(max-width:600px){.hero-bottom p{font-size:14px}.section-heading{gap:14px}.section-heading p{font-size:13px}.price-card{padding:24px}.about-main p,.specialty-description p{font-size:13px}}