/* Falvarázs — önálló, keretrendszer nélküli stíluslap */
:root{--blue:#4A6DD6;--orange:#D9884B;--ink:#172131;--muted:#59616d;--paper:#e3e5e8;--pale:#d6d9de;--line:#c5cad2;--radius:8px;--footer-height:310px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#111d32;line-height:1.6;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img{max-width:100%;display:block}::selection{background:var(--orange);color:#fff}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.06}h1,h2{color:var(--blue);font-weight:900;letter-spacing:-.055em}h2{font-size:clamp(30px,3.2vw,49px);margin-bottom:25px}h3{font-size:21px;letter-spacing:-.035em}.orange{color:var(--orange)}.section-wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:105px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;line-height:1.6;margin-bottom:23px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:var(--blue);color:white;border:0;border-radius:5px;padding:18px 24px;font-weight:700;font-size:14px;box-shadow:0 7px 0 #344e9d,0 14px 24px #4A6DD625;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);background:#3c59b0;box-shadow:0 10px 0 #344e9d,0 20px 28px #4A6DD630}.button:active{transform:translateY(3px);box-shadow:0 3px 0 #344e9d}.button span{font-size:22px;line-height:1}.button-small{padding:12px 18px;font-size:12px;gap:20px;box-shadow:0 4px 0 #344e9d,0 8px 15px #4A6DD620}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:700}.text-link span{font-size:21px;transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.text-link:hover{color:var(--blue)}.skip-link{position:fixed;top:-80px;left:20px;z-index:200;background:#fff;padding:12px}.skip-link:focus{top:15px}.live-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #D9884B12;margin-right:11px;animation:pulse 3s infinite}
.site-header{position:sticky;top:0;z-index:100;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(40px,calc((100vw - 1320px)/2));background:#fff;transition:background .35s,box-shadow .35s,min-height .35s}.site-header.scrolled{background:#ffffffd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 5px 30px #1721310b;min-height:80px}.brand{display:inline-flex;gap:12px;align-items:center;flex-shrink:0;font-weight:900;font-size:23px;letter-spacing:-1px;line-height:1;color:var(--blue)}.brand>span>span{color:var(--orange)}.brand small{display:block;font-size:7px;font-weight:700;letter-spacing:1.6px;color:var(--muted);margin-top:9px}.brand-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:44px;background:var(--blue);border-radius:5px;color:#fff;font-size:39px;letter-spacing:-6px;font-family:Arial,sans-serif;padding-right:6px;box-shadow:3px 4px 0 #e4eafa}.brand-mark span{color:var(--orange);font-size:26px;margin-top:13px}.site-header nav{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:600}.site-header nav>a:not(.button){position:relative;padding:8px 0}.site-header nav>a:not(.button)::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--orange);transition:width .25s}.site-header nav>a:hover::after,.site-header nav>a[aria-current]::after{width:100%}.site-header nav>a[aria-current]{color:var(--blue)}.menu-toggle{display:none}main{position:relative;z-index:2;background:#fff;margin-bottom:var(--footer-height);box-shadow:0 20px 45px #0003;overflow:clip}
.hero{min-height:710px;position:relative;display:grid;grid-template-columns:1fr 1.08fr;gap:30px;align-items:center;padding-top:45px;padding-bottom:95px}.hero-copy{position:relative;z-index:3}.hero .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:30px}.hero h1{font-size:clamp(65px,6.7vw,101px);line-height:.96;margin:0 0 30px;letter-spacing:-.075em}.painted-word{position:relative;display:inline-block}.painted-word::after{content:"";position:absolute;left:1px;right:-9px;bottom:-6px;height:7px;background:var(--orange);clip-path:polygon(0 25%,95% 0,100% 67%,3% 100%);opacity:.22}.word-spark{position:absolute;right:-62px;top:0;font-size:63px;font-weight:400;animation:slow-turn 35s linear infinite}.hero-description{color:#5e6674;font-size:16px;line-height:1.8;margin-bottom:30px}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.hero-note{font-size:11px;color:var(--muted);margin-top:30px}.hero-note span{display:inline-flex;border:1px solid #dfe7f9;color:var(--blue);border-radius:50%;width:19px;height:19px;align-items:center;justify-content:center;margin-right:6px}.hero-visual{position:relative;margin-left:15px;padding-right:17px;transform:rotate(2deg)}.hero-visual::before{content:"";position:absolute;inset:-18px 35px 24px -17px;border:1px solid #dce2ed;border-radius:140px 10px 10px 10px;transform:rotate(-5deg)}.hero-frame{height:510px;overflow:hidden;border-radius:120px 8px 8px 8px;box-shadow:0 28px 50px #182c4938;position:relative;background:#e5eaf0}.hero-frame img{height:100%;width:100%;object-fit:cover;object-position:46% center;transform:scale(1.02);animation:image-enter 1.5s both}.hero-frame::after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#07122b80);pointer-events:none}.image-label{position:absolute;z-index:1;left:26px;bottom:26px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.14em}.floating-label{position:absolute;left:-50px;bottom:85px;background:#fff;padding:20px 24px;display:flex;gap:17px;align-items:center;box-shadow:0 15px 45px #17213126;border-radius:5px;transform:rotate(-5deg);animation:float 6s ease-in-out infinite}.floating-label>span:last-child{font-size:10px;letter-spacing:.05em;line-height:1.8}.floating-label strong{font-size:11px}.mini-spark{color:var(--orange);font-size:39px;line-height:1}.round-link{width:88px;height:88px;position:absolute;right:-7px;top:32px;border-radius:50%;background:var(--orange);border:7px solid white;box-shadow:0 10px 24px #D9884B28;display:grid;place-items:center;color:#fff;font-size:45px;transition:transform .3s}.round-link:hover{transform:rotate(-20deg)}.vertical-caption{position:absolute;right:-13px;top:148px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.18em;color:var(--muted)}.visual-disclaimer{position:absolute;bottom:-37px;right:24px;font-size:9px;color:var(--muted);transform:rotate(-2deg)}.scroll-hint{position:absolute;left:0;bottom:30px;display:flex;gap:14px;align-items:center;font-size:8px;letter-spacing:.17em;font-weight:700}.scroll-hint span{font-size:19px;color:var(--blue);animation:bob 2s ease-in-out infinite}.ticker{background:var(--blue);color:white;padding:21px 0;overflow:hidden;transform:rotate(-1.5deg);width:calc(100% + 8px);margin-left:-4px}.ticker>div{white-space:nowrap;display:flex;align-items:center;gap:45px;font-size:22px;font-weight:900;letter-spacing:-.025em;width:max-content;animation:ticker 40s linear infinite}.ticker span{color:var(--orange);font-size:28px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:4px;max-width:350px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.service-card{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 10px 25px #1b2d4408;transition:transform .35s,box-shadow .35s;overflow:hidden}.service-card:hover{transform:translateY(-9px);box-shadow:0 24px 35px #1b2d4414}.service-image{display:block;height:245px;position:relative;overflow:hidden;background:var(--pale)}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.service-card:hover img{transform:scale(1.06)}.service-number{position:absolute;left:20px;top:17px;color:white;font-size:14px;font-weight:700;text-shadow:0 2px 10px #000;z-index:1}.image-arrow{position:absolute;right:17px;bottom:17px;width:40px;height:40px;background:white;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:24px;box-shadow:0 7px 15px #0002}.service-content{padding:27px 25px 28px}.service-content h3{color:var(--blue);margin-bottom:15px}.service-content>p{font-size:13px;line-height:1.8;color:var(--muted);min-height:70px;margin-bottom:20px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:25px}.tags span{background:var(--pale);padding:4px 8px;border-radius:3px;font-size:9px;color:#596475}.small-note{font-size:10px;color:var(--muted);margin:20px 0 0}.about{background:var(--pale)}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.about-art{height:370px;position:relative;perspective:900px}.blue-block{position:absolute;width:62%;height:78%;background:var(--blue);left:6%;top:5%;transform:rotate(-9deg);box-shadow:15px 20px 30px #4A6DD625;border-radius:6px}.orange-block{position:absolute;width:46%;height:72%;background:var(--orange);right:2%;bottom:3%;transform:rotate(8deg);box-shadow:10px 20px 30px #D9884B28;border-radius:6px}.white-block{position:absolute;background:#fff;inset:19% 10% 13% 18%;box-shadow:15px 20px 35px #182c4925;transform:rotate(-2deg);display:flex;flex-direction:column;justify-content:center;padding:40px;border-radius:4px}.white-block>span:first-child{font-size:36px;line-height:1.05;font-weight:900;letter-spacing:-.05em;color:var(--blue)}.art-plus{position:absolute;right:20px;bottom:7px;color:var(--orange);font-size:80px;line-height:1}.art-coordinate{position:absolute;bottom:-18px;left:25%;font-size:8px;letter-spacing:.2em;color:var(--muted)}.about-copy .lead{font-size:19px;color:var(--ink);line-height:1.6}.about-copy>p:not(.lead):not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9}.about-copy .text-link{margin-top:15px}.color-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.color-copy>p:not(.eyebrow):not(.color-name){font-size:14px;color:var(--muted);max-width:340px}.swatches{display:flex;gap:15px;margin-top:30px}.swatch{width:40px;height:40px;background:var(--swatch);border-radius:50%;border:4px solid white;box-shadow:0 4px 10px #17213120;transition:transform .25s,outline .25s}.swatch:hover{transform:translateY(-4px)}.swatch.active{outline:2px solid var(--swatch);outline-offset:3px}.color-name{font-size:9px;font-weight:700;letter-spacing:.14em;margin:20px 0 30px}.room-preview{height:365px;background:#eee9e2;position:relative;overflow:hidden;border-radius:7px;box-shadow:0 25px 45px #17213122;isolation:isolate}.room-caption{position:absolute;left:25px;top:20px;color:#fff;font-size:8px;letter-spacing:.17em;font-weight:700;z-index:2}.room-note{position:absolute;right:15px;bottom:10px;font-size:8px;color:#463c32}.process{background:#f3f5fa}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:60px}.process-grid article{position:relative;border-top:1px solid #ccd4e2;padding-top:30px}.process-grid article>span{font-size:55px;font-weight:900;letter-spacing:-.07em;color:#c4d2f2;line-height:1}.process-grid h3{font-size:17px;margin:22px 0 15px;color:var(--blue)}.process-grid p{font-size:13px;color:var(--muted);line-height:1.9;max-width:300px}.inspiration-photo{position:relative;width:100%;height:435px;border:0;padding:0;text-align:left;background:#dce2eb;overflow:hidden;border-radius:8px;box-shadow:0 20px 35px #17213118}.inspiration-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 52%;transition:transform .8s}.inspiration-photo:hover>img{transform:scale(1.035)}.inspiration-caption{position:absolute;inset:auto 0 0;padding:60px 35px 25px;background:linear-gradient(transparent,#09132abf);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:700;letter-spacing:-.03em}.inspiration-caption small{display:block;font-weight:400;font-size:10px;letter-spacing:0;margin-top:7px;color:#e0e6ef}.zoom-icon{font-size:30px;border:1px solid #ffffff70;width:48px;height:48px;border-radius:50%;display:grid;place-items:center}.pricing{padding-bottom:25px}.pricing-inner{border:1px solid var(--line);border-radius:8px;padding:50px;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;box-shadow:0 15px 30px #17213108}.pricing-inner h2{font-size:clamp(28px,2.7vw,40px)}.pricing-inner>div>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:480px}.pricing-side{padding-left:40px;border-left:1px solid var(--line);position:relative}.pricing-symbol{color:var(--orange);position:absolute;right:0;top:-15px;font-size:60px;line-height:1}.pricing-side>p{margin:0 0 20px}.pricing-side small{display:block;margin-top:20px;color:var(--muted);font-size:9px}.pricing-side .button{font-size:12px;gap:18px}.contact{text-align:center;padding-block:100px 110px}.contact-inner{position:relative}.contact h2{font-size:clamp(38px,5.3vw,73px)}.contact-inner>p:not(.eyebrow){font-size:15px;color:var(--muted)}.contact-spark{position:absolute;left:7%;top:15%;font-size:85px;color:var(--orange);animation:slow-turn 35s linear infinite}.contact-status{display:inline-flex;align-items:center;justify-content:center;padding:16px 26px;border:1px solid var(--line);border-radius:5px;margin:18px 0 13px;font-size:13px;font-weight:700;box-shadow:0 7px 20px #1721310a}.contact-inner .contact-footnote{font-size:10px!important;line-height:1.8}.contact-links{display:flex;gap:25px;align-items:center;justify-content:center;flex-wrap:wrap;margin:30px 0 20px}.contact-email{font-size:18px;font-weight:700;color:var(--blue)}.contact-location{font-size:12px;color:var(--muted)}.site-footer{position:fixed;bottom:0;left:0;width:100%;z-index:1;background:#111d32;color:#fff}.footer-content{padding-block:55px 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-footer{color:white}.brand-footer small{color:#a0aabc}.footer-top>p{font-size:18px;letter-spacing:-.04em;margin:0;color:#aab5c8}.footer-up{font-size:11px;display:flex;gap:20px}.footer-up span{color:var(--orange)}.footer-links{display:flex;gap:25px;flex-wrap:wrap;margin-block:35px;font-size:11px;color:#b8c1d1}.footer-links button{border:0;padding:0;background:none;color:inherit;font-size:inherit}.footer-links a:hover,.footer-links button:hover{color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff1a;padding-top:20px;color:#8f9bb0;font-size:9px}.image-dialog,.privacy-dialog{border:0;border-radius:8px;padding:0;box-shadow:0 25px 90px #0005;max-width:min(1000px,90vw);max-height:90dvh}.image-dialog::backdrop,.privacy-dialog::backdrop{background:#06132bd9;backdrop-filter:blur(7px)}.image-dialog img{max-height:75dvh;width:100%;object-fit:contain;background:#111d32}.image-dialog p{font-size:11px;padding:12px 20px;margin:0}.dialog-close{position:absolute;top:12px;right:12px;width:38px;height:38px;background:#fff;border:1px solid #e2e5ed;border-radius:50%;font-size:27px;line-height:1;z-index:2;box-shadow:0 5px 20px #0002}.privacy-dialog{padding:45px;max-width:580px}.privacy-dialog h2{font-size:32px}.privacy-dialog p:not(.eyebrow){font-size:14px;color:var(--muted)}.privacy-dialog .button{margin:15px 0 10px}
/* Csak működő megfigyelő mellett rejtjük el az animált elemeket */
.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.motion-ready .service-card:nth-child(2),.motion-ready .process-grid article:nth-child(2){transition-delay:.1s}.motion-ready .service-card:nth-child(3),.motion-ready .process-grid article:nth-child(3){transition-delay:.2s}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-10px) rotate(-3deg)}}@keyframes bob{50%{transform:translateY(4px)}}@keyframes pulse{50%{box-shadow:0 0 0 8px #D9884B08}}@keyframes image-enter{from{transform:scale(1.1);opacity:.5}to{transform:scale(1.02);opacity:1}}
@media(min-width:1600px){.hero{min-height:780px}.hero-frame{height:560px}}
@media(max-width:1150px){.section-wrap{width:calc(100% - 72px)}.site-header{padding-inline:36px}.site-header nav{gap:18px}.site-header .brand{font-size:20px}.site-header nav>.button{display:none}.hero{gap:20px;min-height:650px}.hero h1{font-size:80px}.hero-frame{height:450px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:11px}.hero-visual{margin-left:0}.word-spark{font-size:44px;right:-46px}.floating-label{left:-20px;padding:15px}.about-grid{gap:60px}.color-section{gap:50px}.service-image{height:205px}.service-content{padding:25px 20px}.service-content>p{min-height:94px}.section-space{padding-block:85px}.pricing-inner{padding:35px;gap:35px}.pricing-side{padding-left:30px}.pricing-symbol{display:none}}
@media(max-width:800px){html{scroll-padding-top:95px}.section-wrap{width:calc(100% - 44px)}.section-space{padding-block:65px}.site-header{min-height:80px;padding:16px 22px}.site-header.scrolled{min-height:72px}.brand{font-size:21px}.brand-mark{width:36px;height:39px;font-size:34px}.brand-mark span{font-size:23px}.brand small{font-size:6px;letter-spacing:1.4px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:5px;padding:10px}.menu-toggle span{height:2px;width:100%;background:var(--blue);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fffffff5;backdrop-filter:blur(20px);padding:18px 25px 30px;box-shadow:0 20px 25px #17213118;align-items:stretch;font-size:15px;gap:10px}.site-header nav.open{display:flex;flex-direction:column}.site-header nav>.button{display:inline-flex;margin-top:10px;align-self:flex-start}.site-header nav>a:not(.button){align-self:flex-start}.hero{grid-template-columns:1fr 1fr;min-height:580px;padding-top:40px;padding-bottom:80px;gap:20px}.hero .eyebrow{font-size:8px;letter-spacing:.07em}.hero h1{font-size:clamp(54px,8.5vw,70px)}.hero-description{font-size:13px}.hero-frame{height:370px;border-top-left-radius:90px}.floating-label{left:-5px;bottom:40px;padding:12px;gap:9px}.floating-label strong{font-size:8px}.floating-label>span:last-child{font-size:8px}.mini-spark{font-size:28px}.round-link{width:65px;height:65px;font-size:30px;right:0}.vertical-caption{font-size:6px;right:-5px}.hero-actions .button{padding:15px 20px;font-size:12px}.hero-actions .text-link{font-size:10px}.hero-note{font-size:9px}.word-spark{font-size:35px;right:-35px}.ticker{padding:17px 0}.ticker>div{font-size:17px;gap:25px}.section-heading{gap:20px;align-items:flex-start;flex-direction:column}.section-heading>p{font-size:12px}.service-grid{gap:15px}.service-image{height:175px}.service-content{padding:22px 15px}.service-content h3{font-size:16px}.service-content>p{font-size:12px;min-height:115px}.service-content .text-link{font-size:10px;gap:9px}.tags{min-height:56px;align-content:flex-start}.tags span{font-size:8px}.about-grid{gap:40px}.about-art{height:300px}.white-block{padding:25px}.white-block>span:first-child{font-size:27px}.about-copy .lead{font-size:16px}.about-copy>p:not(.lead):not(.eyebrow){font-size:12px}.color-section{grid-template-columns:.8fr 1.2fr;gap:30px}.color-copy>p:not(.eyebrow):not(.color-name){font-size:12px}.room-preview{height:320px}.process-grid{gap:25px;margin-top:40px}.process-grid h3{font-size:14px}.process-grid p{font-size:12px}.inspiration-photo{height:340px}.pricing-inner{gap:25px;padding:30px}.pricing-inner h2{font-size:27px}.pricing-side{padding-left:25px}.pricing-side .button{font-size:10px;gap:10px;padding:15px}.contact-spark{font-size:60px;left:0;top:-20px}.footer-top>p{display:none}.footer-links{gap:20px}.footer-content{padding-top:40px}.footer-bottom{font-size:8px}.footer-bottom>span:last-child{display:none}}
@media(max-width:580px){.hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:70px;gap:45px}.hero .eyebrow{font-size:9px;letter-spacing:.055em;margin-bottom:24px}.hero h1{font-size:clamp(68px,16.4vw,92px);line-height:.95;margin-bottom:25px}.hero-description{font-size:14px;line-height:1.8}.hero-actions{gap:20px}.hero-actions .button{font-size:12px;padding:17px 20px}.hero-actions .text-link{font-size:10px;gap:8px}.hero-note{margin-top:25px;font-size:10px}.word-spark{font-size:48px;right:-49px}.hero-visual{width:calc(100% - 15px);margin-left:6px;padding-right:10px;transform:rotate(2deg)}.hero-frame{height:360px;border-top-left-radius:95px}.hero-visual::before{inset:-10px 20px 14px -10px}.floating-label{left:-8px;bottom:40px;padding:15px;gap:13px}.floating-label strong{font-size:10px}.floating-label>span:last-child{font-size:9px}.round-link{top:20px;right:-4px}.vertical-caption{right:-12px;font-size:7px;top:100px}.visual-disclaimer{font-size:8px;bottom:-33px;right:5px}.scroll-hint{bottom:12px;font-size:7px}.ticker{margin-top:15px}.ticker>div{font-size:16px;gap:28px}.section-space{padding-block:60px}h2{font-size:32px}.eyebrow{font-size:9px;margin-bottom:20px}.section-heading{margin-bottom:30px;gap:22px}.section-heading>p{font-size:12px}.service-grid{grid-template-columns:1fr;gap:25px}.service-image{height:235px}.service-content{padding:26px}.service-content h3{font-size:23px}.service-content>p{font-size:14px;min-height:0;margin-bottom:20px}.tags{min-height:0;margin-bottom:22px}.tags span{font-size:10px}.service-content .text-link{font-size:12px;gap:20px}.about-grid{grid-template-columns:1fr;gap:50px}.about-art{height:300px;max-width:360px;width:100%;margin-inline:auto}.white-block>span:first-child{font-size:32px}.about-copy .lead{font-size:18px}.about-copy>p:not(.lead):not(.eyebrow){font-size:14px}.color-section{grid-template-columns:1fr;gap:40px}.color-copy>p:not(.eyebrow):not(.color-name){font-size:14px}.color-copy h2{margin-bottom:20px}.swatches{margin-top:25px}.color-name{margin-bottom:23px}.room-preview{height:320px}.process-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.process-grid article{display:grid;grid-template-columns:60px 1fr;column-gap:17px;padding-top:25px}.process-grid article>span{grid-row:span 2;font-size:45px}.process-grid h3{margin:2px 0 10px;font-size:17px}.process-grid p{font-size:13px;max-width:none;margin-bottom:0}.inspiration-photo{height:350px}.inspiration-photo>img{object-position:58% center}.inspiration-caption{padding:55px 20px 20px;font-size:14px;gap:15px}.inspiration-caption small{font-size:9px}.zoom-icon{flex:none;width:36px;height:36px;font-size:23px}.pricing-inner{grid-template-columns:1fr;gap:25px;padding:27px}.pricing-inner h2{font-size:28px}.pricing-inner>div>p:not(.eyebrow){font-size:13px}.pricing-side{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.pricing-side .button{font-size:12px;gap:20px;padding:16px 20px}.pricing-side small{font-size:9px}.contact{padding-top:65px;padding-bottom:75px}.contact h2{font-size:36px}.contact-inner>p:not(.eyebrow){font-size:13px}.contact-spark{position:static;display:block;font-size:40px;line-height:1;margin-bottom:23px}.contact-status{font-size:11px;padding:15px 20px}.contact-inner .contact-footnote{font-size:9px!important}.contact-links{gap:25px;flex-direction:column}.contact-email{font-size:18px}.footer-content{padding-block:35px 22px}.footer-top{align-items:flex-start}.brand-footer{font-size:19px;gap:8px}.brand-footer small{font-size:5px;letter-spacing:1.1px}.footer-up{font-size:8px;gap:12px;padding-top:12px}.footer-links{gap:14px 20px;font-size:10px;margin-block:30px}.footer-bottom{font-size:8px;gap:15px;align-items:flex-start}.footer-bottom>span:nth-child(2){max-width:125px;text-align:right}.privacy-dialog{padding:40px 25px 30px}.privacy-dialog h2{font-size:27px}.privacy-dialog p:not(.eyebrow){font-size:13px}}
/* Azonos nappali, négy fotórealisztikus falszínnel */
.room-preview .room-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;opacity:0;transition:opacity .5s ease;pointer-events:none}
.room-preview .room-photo.active{opacity:1}
.room-preview .room-caption{z-index:2;top:17px;left:17px;padding:6px 9px;border-radius:3px;background:#22242799;text-shadow:0 1px 4px #0005}
.room-preview .room-note{z-index:2;right:12px;bottom:12px;max-width:calc(100% - 24px);padding:4px 8px;border-radius:3px;background:#e3e5e8e6;color:#343942;font-size:8px}
/* Grafitszürke és világosszürke felületek, finom fényfoltokkal */
body,.site-footer{background:#222427}
main{background:var(--paper)}
.site-header{background:#25272b;color:#e8ebef}
.site-header.scrolled{background:#25272bdb;box-shadow:0 5px 30px #0003}
.site-header .brand{color:var(--blue)}
.site-header .brand small{color:#b4bac5}
.site-header .brand-mark{box-shadow:3px 4px 0 #404650}
.site-header nav>a[aria-current]{color:var(--blue)}
.hero{isolation:isolate;color:#edf0f5}
.hero::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at 13% 22%,#4A6DD638 0,transparent 47%),radial-gradient(ellipse at 88% 65%,#D9884B24 0,transparent 42%),radial-gradient(ellipse at 52% 100%,#ffffff0c 0,transparent 52%),linear-gradient(135deg,#292c31 0%,#1f2125 55%,#303034 100%)}
.hero h1{font-size:clamp(52px,5.2vw,76px);line-height:1.03;letter-spacing:-.06em;color:var(--blue)}
.hero .word-spark{font-size:clamp(32px,3.3vw,47px);right:-.95em;top:.04em}
.hero-description{color:#c7cdd7}
.hero-note,.hero .vertical-caption,.hero .visual-disclaimer{color:#b4bdcb}
.hero-note span{border-color:#606e86;color:var(--blue)}
.hero .text-link:hover,.hero .scroll-hint span{color:var(--blue)}
.hero-visual::before{border-color:#ffffff29}
.hero-frame{background:#363b43;box-shadow:0 28px 50px #0006}
.floating-label{background:#dfe3e9;color:#172131;box-shadow:0 15px 45px #0005}
.round-link{border-color:#32353b;box-shadow:0 10px 24px #0004}
.service-card{background:#eceef0;box-shadow:0 12px 28px #17213110}
.service-card:hover{box-shadow:0 24px 35px #17213120}
.image-arrow,.dialog-close{background:#e5e8ec}
.about,.process{--ink:#e7ebf1;--muted:#b8bec9;color:var(--ink);background:radial-gradient(ellipse at 90% 15%,#4A6DD61c,transparent 55%),linear-gradient(120deg,#292c31,#323438)}
.about h2,.process h2,.process-grid h3{color:var(--blue)}
.white-block{background:#dce0e5}
.process-grid article{border-top-color:#59616c}
.process-grid article>span{color:#9aafd8}
.pricing-inner{background:linear-gradient(125deg,#d2d6dd,#e9ebee);box-shadow:0 15px 30px #17213110}
.contact{isolation:isolate}
.contact::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#b7c2d13b,transparent 65%)}
.contact{position:relative}
.image-dialog,.privacy-dialog{background:#e5e8ec}
@media(max-width:800px){
  .menu-toggle{background:#34373d;border-color:#51565f}
  .menu-toggle span{background:var(--blue)}
  .site-header nav{background:#292c31f5;box-shadow:0 20px 25px #0004}
  .hero h1{font-size:clamp(42px,7vw,56px)}
}
@media(max-width:580px){
  .hero h1{font-size:clamp(48px,12.5vw,64px);line-height:1.03}
  .hero .word-spark{font-size:35px}
}
/* Puha, domború gombok fényes peremmel és benyomódó felülettel */
:is(.button,.round-link,.menu-toggle,.dialog-close){
  --button-face:var(--blue);
  --button-edge:#344d9a;
  --button-shadow:#17213140;
  border:1px solid #ffffff38;
  border-top-color:#ffffff8c;
  border-left-color:#ffffff60;
  background-color:var(--button-face);
  background-image:linear-gradient(155deg,#ffffff38 0%,#ffffff0a 44%,#00000012 100%);
  color:#fff;
  border-radius:13px;
  box-shadow:inset 0 2px 2px #ffffff55,inset 0 -2px 3px #0000001c,0 3px 1px var(--button-edge),0 10px 19px var(--button-shadow),-3px -3px 10px #ffffff12;
  text-shadow:0 1px 2px #00000020;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
:is(.button,.round-link,.menu-toggle,.dialog-close):hover{
  background-color:var(--button-face);
  transform:translateY(-2px);
  filter:brightness(1.06);
  box-shadow:inset 0 2px 2px #ffffff66,inset 0 -2px 3px #0000001c,0 5px 1px var(--button-edge),0 14px 23px var(--button-shadow),-3px -3px 10px #ffffff18;
}
:is(.button,.round-link,.menu-toggle,.dialog-close):active{
  transform:translateY(3px);
  filter:brightness(.98);
  box-shadow:inset 0 2px 5px #00000026,inset 0 -1px 2px #ffffff26,0 1px 1px var(--button-edge),0 3px 7px var(--button-shadow);
}
.hero-actions .button,.pricing-side .button,.round-link{
  --button-face:var(--orange);
  --button-edge:#a76434;
  color:#291e16;
  text-shadow:0 1px 1px #ffffff30;
}
.round-link{border-radius:50%}
.button-small{border-radius:11px}
.menu-toggle{border-radius:12px}
.menu-toggle span{background:#fff}
.dialog-close{border-radius:50%}
.image-arrow,.zoom-icon{
  border:1px solid #ffffff60;
  border-top-color:#ffffffa6;
  background:linear-gradient(150deg,#ffffff40,transparent 55%,#00000014),var(--blue);
  color:#fff;
  box-shadow:inset 0 2px 2px #ffffff55,inset 0 -2px 2px #00000020,0 3px 1px #344d9a,0 8px 15px #00000030;
  transition:transform .2s ease,box-shadow .2s ease;
}
.service-image:hover .image-arrow,.inspiration-photo:hover .zoom-icon{transform:translateY(-2px)}
.service-image:active .image-arrow,.inspiration-photo:active .zoom-icon{transform:translateY(2px);box-shadow:inset 0 2px 4px #00000030,0 2px 5px #00000025}
.swatch{background-image:linear-gradient(145deg,#ffffff4d,transparent 55%,#00000020);box-shadow:inset 1px 2px 3px #ffffff70,inset -1px -2px 3px #00000020,0 3px 2px #17213125,0 7px 12px #17213125}
.swatch:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #00000030,0 2px 4px #17213125}
/* Jól olvasható szövegek minden képernyőméreten */
body{font-size:18px;line-height:1.75}
.hero-description{font-size:19px;line-height:1.8}
.section-heading>p,.service-content>p,.about-copy>p:not(.lead):not(.eyebrow),.color-copy>p:not(.eyebrow):not(.color-name),.process-grid p,.pricing-inner>div>p:not(.eyebrow),.contact-inner>p:not(.eyebrow),.privacy-dialog p:not(.eyebrow){font-size:18px;line-height:1.8}
.about-copy .lead{font-size:21px;line-height:1.7}
.section-heading>p{max-width:420px}
.color-copy>p:not(.eyebrow):not(.color-name){max-width:390px}
.process-grid p{max-width:none}
.service-content>p{min-height:0}
.service-content{display:flex;flex-direction:column;flex:1;padding:28px}
.service-card{display:flex;flex-direction:column}
.service-image{flex-shrink:0}
.service-content .text-link{margin-top:auto;padding-top:8px}
.tags{min-height:0;margin-bottom:20px;gap:8px}
.tags span{font-size:14px;line-height:1.5;padding:5px 9px}
.service-content h3{font-size:23px;line-height:1.25;overflow-wrap:anywhere}
.process-grid h3{font-size:21px;line-height:1.35}
.eyebrow,.hero .eyebrow{font-size:14px;letter-spacing:.09em;line-height:1.7}
.button,.button-small,.hero-actions .button,.pricing-side .button{font-size:17px;line-height:1.5;min-height:52px;padding:16px 22px;gap:20px}
.button span{flex-shrink:0}
.text-link,.hero-actions .text-link,.service-content .text-link{font-size:16px;line-height:1.6;gap:14px}
.hero-note{font-size:15px;line-height:1.7}
.hero-note span{width:23px;height:23px}
.small-note,.visual-disclaimer,.hero .visual-disclaimer,.pricing-side small,.contact-location,.image-dialog p{font-size:14px;line-height:1.7}
.contact-inner .contact-footnote{font-size:16px!important;line-height:1.8}
.contact-email{font-size:20px;overflow-wrap:anywhere}
.contact-status{font-size:16px}
.site-header nav{font-size:16px;gap:22px;line-height:1.5}
.site-header nav>.button{font-size:16px;gap:14px;padding:12px 18px;min-height:48px}
.brand small,.brand-footer small{font-size:12px;letter-spacing:.04em;line-height:1.4;max-width:230px}
.brand{line-height:1.1}
.floating-label>span:last-child{font-size:14px;line-height:1.7;max-width:240px}
.floating-label strong{font-size:15px}
.image-label{font-size:14px;letter-spacing:.07em;right:22px;line-height:1.6}
.scroll-hint{font-size:13px;letter-spacing:.09em}
.vertical-caption{font-size:12px;letter-spacing:.08em;top:140px;max-height:320px}
.art-coordinate{font-size:12px;letter-spacing:.08em;left:12%}
.color-name{font-size:14px;letter-spacing:.08em}
.room-preview .room-caption{font-size:13px;letter-spacing:.06em;line-height:1.6}
.room-preview .room-note{font-size:12px;line-height:1.6}
.inspiration-caption{font-size:21px;line-height:1.4}
.inspiration-caption small{font-size:14px;line-height:1.6}
.footer-links,.footer-up{font-size:16px;line-height:1.6}
.footer-links{gap:18px 28px}
.footer-links button{font-size:inherit}
.footer-bottom{font-size:14px;line-height:1.6;flex-wrap:wrap}
.footer-top{flex-wrap:wrap}
.footer-bottom>span:nth-child(2){max-width:none}
@media(max-width:1100px){
  html{scroll-padding-top:105px}
  .site-header{padding:16px 22px;min-height:88px}
  .site-header.scrolled{min-height:82px}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:48px;height:48px;flex-shrink:0;padding:12px}
  .menu-toggle span{height:2px;width:100%;background:#fff;transition:transform .25s}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#292c31f5;backdrop-filter:blur(20px);padding:20px 24px 30px;box-shadow:0 20px 25px #0004;font-size:18px;gap:10px;max-height:calc(100dvh - 88px);overflow-y:auto}
  .site-header nav.open{display:flex;flex-direction:column;align-items:stretch}
  .site-header nav>a:not(.button){align-self:flex-start;padding:10px 0}
  .site-header nav>.button{display:inline-flex;align-self:flex-start;margin-top:10px}
  .service-grid{gap:22px}
  .service-content{padding:23px}
  .service-content h3{font-size:21px}
  .pricing-inner{gap:25px}
  .pricing-side{padding-left:25px}
  .pricing-side .button{gap:12px;padding-inline:16px}
}
@media(min-width:581px) and (max-width:950px){
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px);width:100%;justify-self:center}
  .process-grid{gap:25px}
  .about-grid,.color-section{gap:35px}
}
@media(max-width:580px){
  body{font-size:17px}
  .section-heading>p,.service-content>p,.about-copy>p:not(.lead):not(.eyebrow),.color-copy>p:not(.eyebrow):not(.color-name),.process-grid p,.pricing-inner>div>p:not(.eyebrow),.contact-inner>p:not(.eyebrow),.privacy-dialog p:not(.eyebrow){font-size:17px;line-height:1.8}
  .hero-description{font-size:18px}
  .about-copy .lead{font-size:20px}
  .hero .eyebrow,.eyebrow{font-size:13px;letter-spacing:.06em}
  .hero-actions{align-items:flex-start;gap:24px}
  .hero-note{font-size:14px}
  .floating-label{left:-5px;padding:12px;gap:10px;max-width:calc(100% - 15px)}
  .floating-label>span:last-child{font-size:12px;max-width:205px}
  .floating-label strong{font-size:13px}
  .mini-spark{font-size:30px;flex-shrink:0}
  .brand small,.brand-footer small{font-size:12px;max-width:185px}
  .brand-footer{font-size:21px}
  .image-label{font-size:12px;left:20px;bottom:20px;right:20px}
  .vertical-caption{font-size:12px;top:90px;max-height:245px}
  .scroll-hint{font-size:12px}
  .hero .visual-disclaimer{font-size:13px;bottom:-39px}
  .art-coordinate{font-size:12px;left:10%;letter-spacing:.04em}
  .process-grid article{grid-template-columns:48px minmax(0,1fr);column-gap:15px}
  .process-grid h3{font-size:20px}
  .pricing-side .button{font-size:16px;gap:12px;padding:15px;max-width:100%;text-align:left}
  .contact-inner .contact-footnote{font-size:15px!important}
  .inspiration-caption{font-size:18px;align-items:flex-end}
  .inspiration-caption small{font-size:13px}
  .footer-top{gap:25px}
  .footer-up{font-size:15px;padding-top:0}
  .footer-bottom{font-size:13px;flex-direction:column;gap:10px}
  .footer-bottom>span:nth-child(2){text-align:left}
  .footer-content{padding-top:35px}
}
/* Sötét alapon szürke, világos alapon fekete, átlátszó logó */
html{scroll-padding-top:140px}
.site-header{padding-block:12px}
.brand-image{display:inline-flex;width:250px;max-width:100%;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;line-height:0}
.brand-image img{display:block;width:100%;height:auto;object-fit:contain}
.site-header .brand-image{width:200px}
.brand-footer.brand-image{width:280px}
.about-logo{width:min(100%,360px);height:auto;margin-bottom:30px;border-radius:0;box-shadow:none}
@media(max-width:1100px){
  html{scroll-padding-top:125px}
  .site-header .brand-image{width:180px}
  .site-header nav{max-height:calc(100dvh - 115px)}
}
@media(max-width:580px){
  .site-header .brand-image{width:160px;padding:0}
  .brand-footer.brand-image{width:240px}
  .about-logo{width:min(100%,320px);margin-bottom:25px}
}
/* 2026. október: grafit–kék–arany arculat a jóváhagyott látványirányhoz */
:root{--blue:#276cda;--gold:#f2b91e;--orange:var(--gold);--ink:#101d29;--muted:#525e69;--paper:#e6e8eb;--pale:#dce0e5;--line:#c3cbd4;--night:#09131c}
.icon-library{position:absolute;overflow:hidden;pointer-events:none}
body,.site-footer{background:var(--night)}
main{background:linear-gradient(110deg,#dfe3e8,#eceef0 50%,#e0e4e8)}
h1,h2{letter-spacing:-.045em}
h2{color:var(--ink);font-size:clamp(32px,3.1vw,46px);line-height:1.12}
.orange{color:#ba7b00}
.section-space{padding-block:75px}
.section-wrap{width:min(1320px,calc(100% - 96px))}
.eyebrow{color:#a66c00;font-weight:800;letter-spacing:.13em}
.section-heading{gap:35px;align-items:flex-end;margin-bottom:35px}
.section-heading>p{font-size:17px;max-width:420px}
.section-heading h2{margin-bottom:0}
.site-header{background:#09131c;min-height:88px;padding:12px max(35px,calc((100vw - 1320px)/2));border-bottom:1px solid #ffffff0a}
.site-header.scrolled{background:#09131cdb;min-height:78px;box-shadow:0 8px 30px #0003}
.site-header nav{font-size:16px;gap:22px;color:#f0f2f5}
.site-header nav>a[aria-current]{color:var(--gold)}
.site-header nav>a:not(.button)::after{background:var(--gold)}
.site-header nav>.button{display:inline-flex;font-size:16px;gap:15px;padding:13px 20px}
.site-header .brand-image{width:200px}
.brand-image,.brand-image img,.about-logo{background:transparent;border:0;box-shadow:none}
.brand-image img{filter:drop-shadow(0 2px 5px #0002)}
:is(.button,.round-link,.menu-toggle,.dialog-close){--button-face:var(--gold);--button-edge:#b3820d;color:#131c23;border-color:#fff3;border-top-color:#fff8;text-shadow:0 1px 1px #ffffff40;border-radius:7px}
.button,.button-small,.hero-actions .button,.pricing-side .button{font-size:17px;font-weight:800;min-height:52px;padding:16px 24px;gap:20px}
.hero-actions .button,.pricing-side .button,.round-link{--button-face:var(--gold);--button-edge:#b3820d;color:#131c23}
.button span{font-size:24px}
.text-link{color:var(--ink)}
.text-link:hover{color:#996800}
.menu-toggle span{background:var(--night)}
.hero.section-wrap{width:100%;min-height:650px;display:flex;align-items:center;padding:55px max(48px,calc((100vw - 1320px)/2)) 50px;isolation:isolate;background:var(--night);overflow:hidden}
.hero::before{z-index:1;inset:0;width:100%;transform:none;background:linear-gradient(90deg,#07111bf5 0%,#081726e8 27%,#0b2342b3 44%,#0b23422b 72%,transparent 85%),linear-gradient(0deg,#07111b44,transparent 40%)}
.hero::after{display:none}
.hero-copy{max-width:650px;padding-block:8px;z-index:3}
.hero .eyebrow{font-size:13px;color:#b8c8da;letter-spacing:.13em;margin-bottom:24px}
.hero h1{font-size:clamp(40px,4.4vw,64px);line-height:1.08;letter-spacing:-.04em;color:#f2f4f6;font-weight:400;margin-bottom:22px}
.hero h1 strong{font-weight:900;color:var(--gold)}
.hero-description{font-size:20px;line-height:1.55;color:#ecf0f4;margin-bottom:28px;max-width:520px}
.hero-actions{margin-bottom:35px}
.hero-visual{position:absolute;inset:0 0 0 31%;width:auto;margin:0;padding:0;transform:none;z-index:0}
.hero-visual::before{display:none}
.hero-frame{height:100%;width:100%;border-radius:0;box-shadow:none;background:#d8d5d0}
.hero-frame img{object-fit:cover;object-position:65% 50%;height:100%;width:100%}
.hero-frame .hero-blueprint{position:absolute;inset:0;clip-path:polygon(0 0,57% 0,22% 100%,0 100%);pointer-events:none}
.hero-frame::after{display:none}
.hero-services{display:flex;gap:0;max-width:520px}
.hero-services>a{display:flex;flex-direction:column;align-items:center;gap:10px;width:160px;padding:0 22px;text-align:center;font-size:16px;font-weight:600;line-height:1.4;color:#ecf1f5;position:relative}
.hero-services>a:first-child{padding-left:0}
.hero-services>a+a::before{content:"";position:absolute;left:0;top:25px;bottom:10px;width:1px;background:#ffffff38}
.hero-services svg,.service-icon{width:43px;height:43px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .3s}
.hero-services a:hover svg{transform:translateY(-4px)}
.ticker{width:100%;margin:0;transform:none;background:#0e2135;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:14px 0}
.ticker>div{font-size:17px;font-weight:700;letter-spacing:.025em;gap:35px}
.ticker span{color:var(--gold);font-size:24px}
.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.service-card{border:0;border-radius:6px;background:var(--night);color:#edf1f5;box-shadow:0 10px 20px #1525361a;overflow:hidden}
.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 35px #15253626}
.service-image{height:185px}
.service-image img{object-position:center}
.service-content{padding:22px 19px 24px;position:relative;gap:0;background:linear-gradient(135deg,#0a1722,#101e29)}
.service-content .service-icon{width:36px;height:36px;margin-bottom:17px}
.service-content h3{font-size:19px;line-height:1.25;letter-spacing:-.025em;color:#f2f4f7;overflow-wrap:normal;hyphens:auto;margin-bottom:14px}
.service-content>p{font-size:17px;line-height:1.7;color:#c4ccd5;min-height:0;margin-bottom:20px}
.service-content .text-link{font-size:15px;line-height:1.5;color:var(--gold);gap:12px;margin-top:auto}
.service-content .text-link span{font-size:23px}
.image-arrow,.zoom-icon{background:linear-gradient(145deg,#ffffff30,transparent 60%),var(--gold);color:#14202b;border-color:#ffffff33;box-shadow:inset 0 1px 2px #fff7,0 3px 0 #b3820d,0 7px 16px #0003}
.image-arrow{width:35px;height:35px;right:13px;bottom:13px;font-size:23px;border-radius:5px}
.about,.process{--ink:#eef2f6;--muted:#c0c9d3;color:var(--ink);background:radial-gradient(ellipse at 20% 30%,#16344e66,transparent 65%),linear-gradient(120deg,#07111b,#101d28)}
.about h2,.process h2{color:#f2f4f6}
.about .orange,.process .orange,.contact .orange{color:var(--gold)}
.about .eyebrow,.process .eyebrow,.contact .eyebrow{color:var(--gold)}
.about-grid{grid-template-columns:.95fr 1.2fr;gap:65px;align-items:center}
.about-art{height:510px;position:relative;overflow:hidden;border-radius:6px;box-shadow:0 20px 40px #0003;perspective:none}
.about-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06111bb3,transparent 45%);pointer-events:none}
.about-art::before{content:"";position:absolute;left:0;bottom:0;width:160px;height:160px;background:linear-gradient(145deg,#f2c649,var(--gold));clip-path:polygon(0 0,100% 100%,0 100%);z-index:2;opacity:.95}
.about-art>img{width:100%;height:100%;object-fit:cover;object-position:60% center}
.about-photo-label{position:absolute;bottom:28px;left:35px;right:20px;font-size:13px;letter-spacing:.1em;font-weight:700;z-index:3;color:#fff}
.about-logo{width:240px;margin-bottom:25px}
.about-copy .lead{font-size:20px;line-height:1.65}
.about-copy>p:not(.lead):not(.eyebrow){font-size:17px;line-height:1.8}
.about-points{display:grid;gap:8px;padding:0;margin:22px 0 28px;list-style:none;color:#d3dce5;font-size:16px}
.about-points li::before{content:"✓";color:var(--gold);font-weight:700;margin-right:12px}
.color-section{gap:70px;grid-template-columns:.9fr 1.2fr}
.color-copy>p:not(.eyebrow):not(.color-name){font-size:18px;max-width:430px}
.room-preview{height:390px;border-radius:6px;box-shadow:0 20px 35px #14233326}
.swatch{border-color:#e7e9ed}
.color-name{color:#3e4c5c}
.process .section-heading>p{color:#c0c9d3}
.process-grid article{border-top-color:#61708677}
.process-grid article>span{color:var(--gold);font-size:48px;font-weight:800}
.process-grid h3{color:#edf2f6;font-size:20px}
.process-grid p{color:#c0c9d3;font-size:18px}
.inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.inspiration-grid .inspiration-photo{height:245px;box-shadow:0 12px 25px #1423331a;border-radius:6px}
.inspiration-grid .inspiration-caption{padding:50px 16px 16px;gap:10px;font-size:14px;line-height:1.35;min-height:110px;background:linear-gradient(transparent,#06111bd9)}
.inspiration-grid .zoom-icon{width:31px;height:31px;font-size:20px;flex:none;border-radius:5px}
.pricing{padding-bottom:35px}
.pricing-inner{background:linear-gradient(120deg,#d6dce3,#edf0f3);border-color:#bec8d4;border-radius:6px;box-shadow:0 15px 35px #1423330c;padding:40px 45px;gap:50px}
.pricing-inner h2{font-size:clamp(28px,2.8vw,40px)}
.pricing-side{padding-left:35px;border-color:#b9c4d1}
.pricing-side .button{font-size:16px;gap:15px;padding:15px 20px}
.contact.section-wrap{width:100%;background:var(--night);color:#edf2f6;padding:70px max(48px,calc((100vw - 1320px)/2));text-align:left;overflow:hidden}
.contact::before{z-index:-1;inset:0;width:100%;transform:none;background:linear-gradient(100deg,#07111b 38%,#07111bb3 61%,#07111b1a 100%),url("assets/hero-v2.webp") right 55%/55% auto no-repeat}
.contact::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--gold);clip-path:polygon(78% 0,82% 0,61% 100%,57% 100%);opacity:.7;pointer-events:none}
.contact-inner{max-width:850px}
.contact h2{color:#f3f5f7;font-size:clamp(34px,3.8vw,52px)}
.contact-inner>p:not(.eyebrow){color:#d0d8e1;font-size:18px}
.contact-spark{display:none}
.contact-links{justify-content:flex-start;gap:30px;margin-top:30px}
.contact-email{color:var(--gold);font-size:20px}
.contact-location{color:#d0d8e1;font-size:16px}
.contact-inner .contact-footnote{color:#b5c0ce;font-size:15px!important;margin-top:15px}
.site-footer{background:#060f17;border-top:1px solid #ffffff12}
.footer-top>p{font-size:20px;color:#becbd9}
.footer-links{color:#c3ccd8;gap:16px 27px;font-size:16px}
.footer-bottom{color:#9faebf;font-size:14px}
.footer-up{color:#d8dfe7}
.footer-up span{color:var(--gold)}
.footer-credit{color:var(--blue)}
@media(max-width:1250px){
  .service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
  .service-grid .service-card{grid-column:span 2;max-width:none;width:100%}
  .service-grid .service-card:nth-child(4),.service-grid .service-card:nth-child(5){grid-column:span 3}
  .service-image{height:200px}
  .service-content{padding:25px}
  .service-content h3{font-size:21px}
  .service-content>p{font-size:17px}
  .site-header nav{gap:16px;font-size:15px}
  .site-header nav>.button{padding-inline:16px;font-size:15px}
  .hero.section-wrap{min-height:620px}
  .hero-copy{max-width:590px}
}
@media(max-width:1100px){
  .site-header{padding:12px 28px}
  .site-header .brand-image{width:180px}
  .site-header nav{background:#09131cf5;font-size:18px;padding:20px 28px 30px;gap:10px}
  .site-header nav>.button{font-size:17px;margin-top:12px}
  .section-wrap{width:calc(100% - 64px)}
  .hero.section-wrap{padding-inline:32px}
  .hero h1{font-size:54px}
  .about-grid{gap:40px}
  .about-art{height:500px}
  .about-logo{width:220px}
  .color-section{gap:35px}
  .inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inspiration-grid .inspiration-photo{height:260px}
  .inspiration-grid .inspiration-caption{font-size:17px}
  .contact.section-wrap{padding-inline:32px}
}
@media(max-width:800px){
  .hero.section-wrap{min-height:600px;padding-block:45px}
  .hero::before{background:linear-gradient(90deg,#07111bf7,#071a31dc 50%,#0b234280 80%,#0b234244)}
  .hero-frame .hero-blueprint{clip-path:polygon(0 0,76% 0,46% 100%,0 100%)}
  .hero-visual{left:20%}
  .hero h1{font-size:48px}
  .hero-description{font-size:19px}
  .about-grid{grid-template-columns:1fr;gap:35px}
  .about-art{height:380px}
  .about-art>img{object-position:center 40%}
  .about-copy{max-width:650px}
  .about-logo{width:230px}
  .color-section{grid-template-columns:1fr;gap:35px}
  .color-copy>p:not(.eyebrow):not(.color-name){max-width:580px}
  .room-preview{height:380px}
  .process-grid{grid-template-columns:1fr;gap:28px}
  .process-grid article{display:grid;grid-template-columns:60px minmax(0,1fr);gap:0 20px;padding-top:25px}
  .process-grid article>span{grid-row:span 2;font-size:43px}
  .process-grid h3{margin-top:0;margin-bottom:10px}
  .process-grid p{margin-bottom:0}
  .pricing-inner{padding:30px;grid-template-columns:1fr;gap:25px}
  .pricing-side{padding:25px 0 0;border-left:0;border-top:1px solid #b9c4d1}
  .contact::before{background:linear-gradient(95deg,#07111bf5 35%,#07111bd9 80%),url("assets/hero-v2.webp") center/cover}
  .contact::after{opacity:.25}
}
@media(max-width:580px){
  .section-wrap{width:calc(100% - 40px)}
  .section-space{padding-block:55px}
  h2{font-size:32px}
  .section-heading{gap:18px;align-items:flex-start;margin-bottom:28px}
  .section-heading>p{font-size:17px}
  .site-header{padding:12px 20px;min-height:80px}
  .site-header.scrolled{min-height:76px}
  .site-header .brand-image{width:160px}
  .site-header nav{padding-inline:22px}
  .hero.section-wrap{padding:38px 20px 36px;min-height:640px;align-items:flex-start}
  .hero-copy{max-width:100%;padding:0}
  .hero .eyebrow{font-size:12px;letter-spacing:.06em;max-width:290px;margin-bottom:20px}
  .hero h1{font-size:clamp(34px,9.1vw,48px);line-height:1.12;letter-spacing:-.04em;margin-bottom:22px}
  .hero-description{font-size:18px;line-height:1.65;max-width:340px;margin-bottom:27px}
  .hero::before{background:linear-gradient(90deg,#07111bf2,#07182ae6 50%,#0b2342b3),linear-gradient(0deg,#07111bcc,transparent)}
  .hero-frame .hero-blueprint{clip-path:polygon(0 0,100% 0,55% 100%,0 100%)}
  .hero-visual{left:0;opacity:.9}
  .hero-frame img{object-position:72% center}
  .hero-actions{margin-bottom:32px}
  .hero-actions .button{font-size:16px;padding:15px 19px;gap:20px}
  .hero-services{max-width:360px;width:100%}
  .hero-services>a{width:33.333%;font-size:14px;gap:12px;padding-inline:12px}
  .hero-services>a:first-child{padding-left:0}
  .hero-services svg{width:37px;height:37px}
  .ticker{padding:11px 0}
  .ticker>div{font-size:15px;gap:25px}
  .service-grid{grid-template-columns:1fr;gap:23px}
  .service-grid .service-card,.service-grid .service-card:nth-child(4),.service-grid .service-card:nth-child(5){grid-column:auto;max-width:none}
  .service-image{height:225px}
  .service-content{padding:25px}
  .service-content h3{font-size:23px}
  .service-content>p{font-size:17px;line-height:1.8}
  .service-content .text-link{font-size:16px}
  .service-content .service-icon{width:37px;height:37px;margin-bottom:16px}
  .about-art{height:340px}
  .about-logo{width:220px}
  .about-copy>p:not(.lead):not(.eyebrow){font-size:17px}
  .about-copy .lead{font-size:20px}
  .about-points{font-size:16px;gap:10px}
  .about-photo-label{left:25px;font-size:12px;letter-spacing:.05em;bottom:22px}
  .color-section{gap:30px}
  .color-copy>p:not(.eyebrow):not(.color-name){font-size:17px}
  .room-preview{height:320px}
  .process-grid article{grid-template-columns:48px minmax(0,1fr);column-gap:15px}
  .process-grid p{font-size:17px}
  .process-grid h3{font-size:20px}
  .inspiration-grid{grid-template-columns:1fr;gap:20px}
  .inspiration-grid .inspiration-photo{height:260px}
  .inspiration-grid .inspiration-caption{font-size:17px;padding:55px 22px 20px}
  .pricing-inner{padding:27px}
  .pricing-inner h2{font-size:29px}
  .pricing-side .button{font-size:16px;padding:15px;gap:14px}
  .contact.section-wrap{padding:55px 20px}
  .contact h2{font-size:36px}
  .contact-inner>p:not(.eyebrow){font-size:17px}
  .contact-links{align-items:flex-start;gap:25px}
  .contact-email{font-size:20px}
  .contact-inner .contact-footnote{font-size:15px!important}
  .brand-footer.brand-image{width:240px}
  .footer-links{font-size:16px;gap:16px 23px}
  .footer-bottom{font-size:13px}
}
.footer-credit{color:var(--blue)}
.footer-credit a{color:var(--orange);font-weight:700}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}