/*
Theme Name: Szabolcs Tetőfedő Prémium
Theme URI: https://example.com/
Author: OpenAI
Description: Egyedi, reszponzív prémium bemutatkozó WordPress-sablon Szabolcs Tetőfedő számára.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: szabolcs-tetofedo
*/
:root{--ink:#0a121c;--ink-2:#111d29;--ink-3:#1b2934;--paper:#ece7de;--muted:#a7a8a5;--line:rgba(226,211,190,.14);--lime:#c29a69;--amber:#ebc98e;--cyan:#9bb4c3;--white:#f7f4ef;--display:"Manrope",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--body);font-size:15px;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}::selection{background:var(--lime);color:var(--ink)}.topline{height:38px;padding:0 max(calc((100vw - var(--max))/2),5.4vw);display:flex;align-items:center;gap:10px;background:var(--lime);color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}.topline p{margin:0}.topline-dot,.pulse-dot{width:7px;height:7px;border-radius:50%;background:#a8754a;box-shadow:0 0 0 4px #a8754a26;animation:beat 1.8s infinite}.topline a{margin-left:auto}.topline a span{font-size:14px;margin-left:4px}.header{position:relative;z-index:10;max-width:var(--max);height:92px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;flex:none}.brand-mark{display:grid;place-items:center;width:43px;height:43px;color:var(--lime);border:1px solid rgba(210,255,54,.36);border-radius:14px;box-shadow:inset 0 0 18px #c29a6910,0 0 20px #c29a6910}.brand-mark svg{width:31px;height:31px}.brand-text{display:grid;line-height:.91;gap:6px}.brand-text strong{font-size:15px;letter-spacing:.16em;font-weight:800}.brand-text small{font-size:9px;letter-spacing:.35em;color:var(--lime);font-weight:700}.nav{display:flex;align-items:center;gap:34px;margin-left:4vw}.nav a{font-size:11px;color:#bec8ca;transition:color .2s}.nav a:hover{color:var(--lime)}.header-cta{display:flex;align-items:center;gap:16px;padding:10px 10px 10px 17px;border:1px solid var(--line);border-radius:50px;font-size:11px;font-weight:700;transition:.25s}.header-cta:hover{border-color:var(--lime);color:var(--lime);box-shadow:0 0 18px #c29a6920}.header-cta b{width:28px;height:28px;display:grid;place-items:center;color:var(--ink);background:var(--lime);border-radius:50%;font-size:15px}.menu-toggle{display:none}.hero{position:relative;max-width:var(--max);min-height:640px;margin:0 auto;padding:24px 34px 64px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:4.3%;isolation:isolate}.hero-copy{position:relative;z-index:2;padding:30px 0 34px 3.1%;animation:rise .8s both}.eyebrow,.section-kicker{display:flex;align-items:center;gap:11px;color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.17em}.sparkle{font-size:16px;animation:twinkle 2.5s infinite}.hero h1{font-family:var(--display);font-size:clamp(68px,8.15vw,115px);line-height:.79;letter-spacing:-.026em;font-weight:900;margin:30px 0 26px;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--lime);text-shadow:0 0 26px #c29a6923}.hero-lede{max-width:400px;color:#bdc7c9;font-size:14px;line-height:1.75;margin:0 0 26px}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.button{position:relative;min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 12px 0 21px;border:0;border-radius:999px;font-size:11px;font-weight:800;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button b{width:29px;height:29px;display:grid;place-items:center;background:var(--ink);color:var(--lime);border-radius:50%;font-size:15px}.button-primary{color:var(--ink);background:var(--lime);box-shadow:0 8px 26px #c29a6926}.button-primary::after{content:"";position:absolute;top:-130%;left:-60%;width:33%;height:360%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#fff9,transparent);animation:shine 4.5s ease-in-out infinite}.button-primary:hover{box-shadow:0 10px 35px #c29a6950}.button-quiet{padding-left:0;color:#e3e9e7;background:transparent}.play-icon{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:14px;color:var(--cyan)}.hero-footnote{display:flex;align-items:center;gap:8px;margin-top:25px;color:#829197;font-size:10px}.mini-check{display:grid;place-items:center;width:17px;height:17px;border:1px solid #9bb4c366;border-radius:50%;color:var(--cyan);font-size:11px}.hero-image-wrap{position:relative;height:535px;overflow:visible;border-radius:5px 5px 120px 5px;isolation:isolate;animation:fade .9s .15s both}.hero-image-wrap::before{content:"";position:absolute;inset:-1px;border:1px solid #c29a6955;border-radius:5px 5px 120px 5px;transform:translate(10px,10px);z-index:-1}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:49% 52%;border-radius:5px 5px 120px 5px;filter:saturate(.86) contrast(1.08)}.hero-image-shade{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#07131b80 0%,transparent 55%),linear-gradient(0deg,#07131bc9,transparent 36%),linear-gradient(115deg,#a7b8bf2a,transparent 46%);mix-blend-mode:normal}.image-label{position:absolute;left:30px;top:31px;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid #ffffff4a;border-radius:40px;background:#07131b9c;backdrop-filter:blur(12px);font-size:8px;line-height:1.55;letter-spacing:.13em;color:#e1e9e6}.image-label strong{font-size:10px;letter-spacing:.14em;color:var(--lime)}.pulse-dot{background:var(--lime);box-shadow:0 0 0 5px #c29a6922}.orbit-seal{position:absolute;right:-28px;top:40px;width:111px;height:111px;display:grid;place-items:center;border:1px solid #c29a696b;border-radius:50%;color:var(--lime);background:#091722ba;box-shadow:0 0 35px #c29a6920;animation:rotate 20s linear infinite}.orbit-seal svg{width:100%;height:100%;overflow:visible}.orbit-seal text{font-family:var(--body);font-size:8px;font-weight:700;letter-spacing:2px;fill:currentColor}.hero-caption{position:absolute;bottom:25px;left:29px;right:29px;display:flex;align-items:center;gap:11px;color:#d0dbd8;font-size:8px;font-weight:700;letter-spacing:.14em}.hero-caption i{height:1px;width:44px;background:var(--lime)}.hero-caption span:last-child{margin-left:auto}.hero-glow{position:absolute;z-index:-1;width:420px;height:420px;right:31%;top:6%;border-radius:50%;background:radial-gradient(circle,#c29a6910,transparent 68%);filter:blur(12px);pointer-events:none}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b1924}.ticker-track{width:max-content;min-height:58px;display:flex;align-items:center;gap:35px;animation:marquee 30s linear infinite}.ticker-track span{font-family:var(--display);font-size:17px;letter-spacing:.16em;font-weight:700;color:#cad4d1}.ticker-track i{font-style:normal;color:var(--lime);font-size:14px}.section-pad{padding:112px max(calc((100vw - var(--max))/2 + 34px),5.4vw)}.intro{background:var(--paper);color:var(--ink);padding-top:104px;padding-bottom:85px}.intro .section-kicker,.services .section-kicker,.process .section-kicker,.work .section-kicker,.faq .section-kicker,.contact .section-kicker{color:#596c6c}.section-kicker i{width:29px;height:1px;background:var(--cyan)}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:end;margin-top:30px}.intro h2,.section-heading h2,.process h2,.work h2,.faq h2,.contact h2{font-family:var(--display);font-weight:800;font-size:clamp(56px,7vw,91px);line-height:.86;letter-spacing:-.018em;text-transform:uppercase;margin:0}.intro h2 span{color:#98794f}.intro-copy{max-width:400px;padding-bottom:4px}.intro-copy p,.section-heading>p,.process-top>p,.work-heading>p,.faq-title>p{font-size:13px;line-height:1.8;color:#667478;margin:0 0 22px}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:11px;font-weight:800;border-bottom:1px solid #13263340;padding:0 0 8px}.text-link span{color:#718da0;font-size:15px}.promise-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:62px;border-top:1px solid #101d2618;padding-top:23px}.promise-row article{display:flex;align-items:center;gap:14px}.promise-icon{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;border:1px solid #9bb4c361;color:#718da0;font-size:20px}.promise-row strong,.promise-row small{display:block}.promise-row strong{font-size:11px}.promise-row small{font-size:9px;color:#738082;margin-top:4px}.services{background:var(--ink-2);position:relative}.section-heading,.process-top,.work-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-heading h2,.process h2,.work h2,.faq h2{margin-top:25px}.section-heading h2 em,.process h2 em,.work h2 em,.faq h2 em,.contact h2 em{color:var(--lime);font-style:normal}.section-heading>p,.process-top>p,.work-heading>p{max-width:325px;color:#9eaaad;margin:0 3px 5px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:53px}.service-card,.service-cta{position:relative;min-height:255px;padding:24px 27px;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff05,#ffffff00 65%);overflow:hidden;transition:transform .3s,border-color .3s,background .3s}.service-card:hover{transform:translateY(-6px);border-color:#c29a695a;background:linear-gradient(145deg,#c29a6910,#ffffff00 72%)}.service-card::after{content:"";position:absolute;width:150px;height:150px;top:-80px;right:-78px;border-radius:50%;background:radial-gradient(circle,#c29a6916,transparent 70%);transition:transform .4s}.service-card:hover::after{transform:scale(1.8)}.service-no{position:absolute;top:24px;right:26px;color:#819196;font-size:9px;letter-spacing:.15em}.service-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid #9bb4c345;color:var(--cyan);font-size:23px;margin:3px 0 23px}.service-featured .service-icon{color:var(--lime);border-color:#c29a6955;box-shadow:0 0 20px #c29a6910}.service-card h3{font-family:var(--display);font-weight:700;font-size:25px;line-height:.99;text-transform:uppercase;letter-spacing:.02em;margin:0 0 10px}.service-card p{max-width:285px;font-size:10px;line-height:1.65;color:#99a7aa;margin:0}.service-card>a{position:absolute;right:24px;bottom:23px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#c29a69;color:var(--ink);font-size:15px;transition:transform .25s}.service-card>a:hover{transform:rotate(45deg)}.service-featured{border-color:#c29a6955;background:linear-gradient(150deg,#c29a6914,transparent 73%)}.card-glint{position:absolute;width:1px;height:200px;right:20%;top:-30px;transform:rotate(24deg);background:linear-gradient(transparent,#c29a693b,transparent);filter:blur(3px)}.service-cta{display:flex;flex-direction:column;justify-content:center;padding:30px;background:var(--lime);color:var(--ink);border-color:var(--lime)}.service-cta .cta-sparkle{position:absolute;top:26px;right:26px;font-size:20px;animation:twinkle 2s infinite}.service-cta strong{max-width:220px;font-family:var(--display);font-size:29px;line-height:.96;text-transform:uppercase}.service-cta small{max-width:220px;margin-top:12px;line-height:1.5;font-size:10px;color:#3f5427}.service-cta b{margin-top:21px;font-size:10px}.service-cta b span{margin-left:8px;font-size:16px}.process{background:var(--paper);color:var(--ink)}.process-top h2{color:var(--ink)}.process h2 em,.work h2 em,.faq h2 em{color:#a8754a}.process-list{margin-top:54px;border-top:1px solid #1a2b321a}.process-list article{display:grid;grid-template-columns:70px 1fr 44px;align-items:center;gap:20px;padding:23px 7px;border-bottom:1px solid #1a2b321a;transition:padding .25s}.process-list article:hover{padding-left:16px;padding-right:16px}.process-list article>span{color:#0b9288;font-weight:800;font-size:10px;letter-spacing:.1em}.process-list h3{margin:0 0 5px;font-family:var(--display);font-size:24px;text-transform:uppercase;letter-spacing:.03em}.process-list p{margin:0;color:#748184;font-size:11px}.process-list article>b{font-size:20px;font-weight:500;color:#a8754a;text-align:right}.work{background:#0b1924}.work-heading{margin-bottom:42px}.work-heading h2{margin-top:25px}.work-heading>p{max-width:335px}.work-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:16px}.work-card{position:relative;min-height:405px;overflow:hidden;border-radius:3px;background:var(--ink-3)}.work-card-large{min-height:460px}.work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.73);transition:transform .7s,filter .5s}.work-card:hover img{transform:scale(1.045);filter:saturate(.98)}.work-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06121de8,transparent 64%),linear-gradient(120deg,#09162263,transparent 58%)}.work-overlay{position:absolute;z-index:1;left:28px;right:27px;bottom:28px}.work-overlay>span{color:var(--lime);font-size:8px;font-weight:800;letter-spacing:.17em}.work-overlay h3{font-family:var(--display);font-size:clamp(30px,3.4vw,46px);line-height:.9;text-transform:uppercase;margin:9px 0 0}.work-overlay a{position:absolute;right:0;bottom:0;width:36px;height:36px;display:grid;place-items:center;color:var(--ink);background:var(--lime);border-radius:50%;font-size:17px;transition:transform .25s}.work-overlay a:hover{transform:rotate(45deg)}.photo-credit{font-size:9px;color:#718086;margin:14px 0 0}.faq{display:grid;grid-template-columns:.78fr 1.22fr;gap:8%;background:#f4f3ef;color:var(--ink)}.faq-title{max-width:365px}.faq h2{margin:25px 0 18px}.faq-title>p{margin-top:20px}.faq-list{border-top:1px solid #15262b20}.faq-list details{border-bottom:1px solid #15262b20}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;cursor:pointer;font-weight:700;font-size:13px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:27px;height:27px;border:1px solid #344b5052;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#a8754a;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:630px;margin:-3px 40px 19px 0;color:#68777a;font-size:11px;line-height:1.75}.contact{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:start;overflow:hidden;background:var(--ink-2)}.contact-orb{position:absolute;width:450px;height:450px;left:-220px;bottom:-240px;border-radius:50%;background:radial-gradient(circle,#2ccbb224,transparent 68%);pointer-events:none}.contact-copy{position:relative;z-index:1}.contact h2{font-size:clamp(72px,8vw,105px);margin-top:27px}.contact-copy>p{max-width:340px;margin:20px 0 35px;color:#aab5b7;font-size:13px;line-height:1.75}.contact-note{display:flex;align-items:center;gap:13px;padding-top:22px;border-top:1px solid var(--line);max-width:320px}.contact-note>span{width:37px;height:37px;display:grid;place-items:center;border:1px solid #c29a6955;border-radius:12px;color:var(--lime);font-size:19px}.contact-note strong,.contact-note small{display:block}.contact-note strong{font-size:11px}.contact-note small{font-size:9px;color:#91a1a4;margin-top:5px}.contact-form{position:relative;z-index:1;padding:29px 31px 24px;border:1px solid #e3f4ef1c;background:#10212c;border-radius:4px;box-shadow:0 20px 60px #0002}.form-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.18em}.form-star{font-size:20px;animation:twinkle 2s infinite}.contact-form label{display:block;margin:15px 0 7px;color:#c7d1d0;font-size:9px;font-weight:700}.contact-form input,.contact-form textarea{width:100%;padding:12px 13px;color:#f6f8f7;background:#091722;border:1px solid #d7e9e51f;border-radius:2px;outline:0;font-size:11px;transition:border .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#9bb4c3a3;box-shadow:0 0 0 3px #9bb4c312}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#607178}.contact-form textarea{resize:vertical;min-height:78px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.submit-button{width:100%;margin-top:18px;justify-content:space-between}.form-hint{margin:12px 0 0;font-size:9px;color:#829397;line-height:1.55}.form-status{margin:0;color:var(--lime);font-size:11px;line-height:1.6}.footer{min-height:118px;max-width:var(--max);margin:auto;padding:25px 34px;display:flex;align-items:center;gap:32px}.footer-brand .brand-mark{width:35px;height:35px;font-size:24px}.footer-brand .brand-text strong{font-size:12px}.footer-brand .brand-text small{font-size:8px}.footer>p{margin:0;color:#a0adaf;font-size:10px}.back-top{margin-left:auto;color:#c3cece;font-size:10px}.copyright{color:#65757b;font-size:9px;margin-left:12px}.toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:13px 18px;border:1px solid #c29a6970;border-radius:4px;background:#10232d;color:var(--white);box-shadow:0 8px 32px #0006;font-size:11px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes shine{0%,65%{left:-60%}90%,100%{left:130%}}@keyframes beat{50%{box-shadow:0 0 0 7px #a8754a12}}@keyframes twinkle{0%,100%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(28deg) scale(.8);opacity:.65}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.header{padding:0 5vw}.nav{gap:18px;margin-left:0}.hero{grid-template-columns:.85fr 1.15fr;padding:22px 5vw 60px;gap:3%}.hero h1{font-size:clamp(67px,9vw,93px)}.hero-image-wrap{height:480px}.hero-actions{gap:10px}.button-quiet{font-size:10px}.section-pad{padding:95px 5vw}.service-card{padding:22px 21px;min-height:249px}.contact{gap:5%}}
@media(max-width:760px){html{scroll-padding-top:72px}.topline{padding:0 5vw;height:33px;font-size:8px}.topline a{font-size:8px}.header{height:72px;padding:0 5vw}.brand-mark{width:38px;height:38px;border-radius:12px}.brand-mark svg{width:28px}.brand-text strong{font-size:13px}.nav{display:none;position:absolute;top:72px;left:0;right:0;margin:0;padding:12px 5vw 24px;flex-direction:column;align-items:stretch;gap:0;background:#091722;border-top:1px solid var(--line);box-shadow:0 15px 35px #0006}.nav.open{display:flex}.nav a{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.menu-toggle{display:flex;position:absolute;right:5vw;top:22px;width:39px;height:39px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:50%;background:transparent}.menu-toggle span{width:14px;height:1.5px;background:var(--lime);transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.header-cta{margin-left:auto;margin-right:51px;padding:8px 8px 8px 12px;gap:9px;font-size:9px}.header-cta b{width:25px;height:25px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:32px 5vw 45px;gap:25px}.hero-copy{padding:0 0 0 1%}.eyebrow{font-size:8px}.hero h1{font-size:clamp(69px,17vw,108px);margin:23px 0 18px}.hero-lede{max-width:490px;font-size:13px;margin-bottom:21px}.hero-image-wrap{height:min(105vw,495px);min-height:315px;border-radius:4px 4px 80px 4px}.hero-image-wrap::before{border-radius:4px 4px 80px 4px;transform:translate(7px,7px)}.hero-image{border-radius:4px 4px 80px 4px;object-position:52% 48%}.orbit-seal{width:83px;height:83px;right:-8px;top:21px}.image-label{left:16px;top:17px;padding:9px 11px;font-size:7px}.hero-caption{left:17px;right:17px;bottom:17px;font-size:7px}.hero-caption i{width:20px}.ticker-track{min-height:48px;gap:24px}.ticker-track span{font-size:14px}.section-pad{padding:76px 5vw}.intro{padding-top:72px;padding-bottom:65px}.intro-grid{grid-template-columns:1fr;gap:21px;margin-top:24px}.intro h2,.section-heading h2,.process h2,.work h2,.faq h2{font-size:clamp(54px,13vw,78px)}.intro-copy{max-width:550px}.promise-row{grid-template-columns:1fr;gap:16px;margin-top:32px;padding-top:21px}.promise-row article{gap:12px}.promise-icon{width:34px;height:34px}.promise-row strong{font-size:10px}.services{padding-top:76px}.section-heading,.process-top,.work-heading{align-items:start;flex-direction:column;gap:19px}.section-heading h2,.process h2,.work h2{margin-top:21px}.section-heading>p,.process-top>p,.work-heading>p{max-width:460px}.service-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:32px}.service-card{min-height:236px;padding:19px 16px}.service-no{top:19px;right:17px}.service-icon{margin-bottom:19px}.service-card h3{font-size:22px}.service-card p{font-size:9px}.service-card>a{right:15px;bottom:15px;width:25px;height:25px}.service-cta{min-height:236px;padding:20px}.service-cta strong{font-size:25px}.process-list{margin-top:35px}.process-list article{grid-template-columns:34px 1fr 25px;gap:12px;padding:19px 0}.process-list h3{font-size:20px}.process-list p{font-size:10px;line-height:1.55}.work-heading{margin-bottom:30px}.work-grid{grid-template-columns:1fr;gap:11px}.work-card,.work-card-large{min-height:390px}.work-card:nth-child(2){min-height:330px}.work-overlay{left:20px;right:20px;bottom:22px}.work-overlay h3{font-size:38px}.faq{grid-template-columns:1fr;gap:31px}.faq-title{max-width:500px}.faq-list summary{font-size:12px;padding:17px 0}.faq-list details p{font-size:10px}.contact{grid-template-columns:1fr;gap:32px}.contact h2{font-size:clamp(70px,17vw,100px)}.contact-copy>p{margin:16px 0 24px}.contact-note{padding-top:17px}.contact-form{padding:24px 19px 19px}.footer{padding:25px 5vw;gap:10px;flex-wrap:wrap}.footer>p{order:4;flex-basis:100%}.back-top{margin-left:auto}.copyright{flex-basis:100%;margin-left:0}.toast{width:calc(100% - 32px);text-align:center}}
@media(max-width:420px){.topline a{display:none}.header-cta span{max-width:88px}.hero-actions{align-items:flex-start;flex-direction:column;gap:9px}.button-quiet{min-height:37px}.hero-footnote{align-items:flex-start;line-height:1.5}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:246px}.service-card p{max-width:160px}.form-row{grid-template-columns:1fr;gap:0}.work-card,.work-card-large{min-height:330px}.work-card:nth-child(2){min-height:295px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.photo-credit a{color:#aab5b7;text-decoration:underline;text-underline-offset:2px}

:root{--ink:#0a121c;--ink-2:#111d29;--ink-3:#1b2934;--paper:#ece7de;--muted:#a7a8a5;--line:rgba(226,211,190,.14);--lime:#c29a69;--amber:#ebc98e;--cyan:#9bb4c3;--white:#f7f4ef;--display:"Manrope",Arial,sans-serif;--max:1360px}
.header{position:sticky;top:0;background:rgba(10,18,28,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.hero h1{font-family:var(--display);font-size:clamp(60px,7.2vw,96px);line-height:.88;font-weight:800;letter-spacing:-.065em}
.hero h1 em{font-weight:600;font-style:italic;text-shadow:0 0 30px #c29a6928}
.hero-image{filter:saturate(.72) contrast(1.09)}
.hero-image-shade{background:linear-gradient(90deg,#0a121c75,transparent 62%),linear-gradient(0deg,#0a121cd9,transparent 40%),linear-gradient(115deg,#c29a6930,transparent 46%)}
.hero-image-wrap,.hero-image,.hero-image-wrap::before{border-radius:3px 3px 112px 3px}
.quick-actions{display:flex;align-items:center;gap:7px}
.quick-action{min-height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border:1px solid #c29a6959;border-radius:999px;color:#f0e4d0;font-size:10px;font-weight:700;transition:.2s}
.quick-action>span{font-size:14px;color:var(--amber)}
.quick-action:hover{background:#c29a691b;border-color:var(--amber);box-shadow:0 0 20px #c29a692c;color:var(--amber)}
.header-cta{border-color:#c29a694c}
.header-cta:hover{border-color:var(--amber);color:var(--amber);box-shadow:0 0 20px #c29a6926}
.header-cta b,.service-card>a,.work-overlay a{background:var(--amber);color:#101820}
.button-primary{background:linear-gradient(112deg,#bd9057,#e5c28a 52%,#c9a36e);color:#101820;box-shadow:0 8px 28px #bd905735}
.button-primary b{background:#18232c;color:#f1d6aa}
.button-primary:hover{box-shadow:0 11px 36px #bd905754}
.topline{background:linear-gradient(90deg,#b58952,#ddba81 55%,#bd925a);color:#111820}
.topline-dot{background:#405563;box-shadow:0 0 0 4px #26384427}
.ticker{background:#111a23}
.ticker-track span{color:#ded7cd}
.intro{background:#ece7de}
.services,.work,.contact{background:#101b26}
.process,.faq{background:#ece7de}
.section-kicker{letter-spacing:.19em}
.section-kicker i{background:var(--amber)}
.hero .eyebrow,.services .section-kicker,.work .section-kicker,.contact .section-kicker{color:var(--amber)}
.intro h2 span{color:#9a764b}
.process h2 em,.work h2 em,.faq h2 em{color:#a07c52}
.promise-icon{border-color:#a1815961;color:#98744a}
.promise-row small{color:#777873}
.service-card,.service-cta{border-color:rgba(232,213,184,.16)}
.service-card:hover{border-color:#c29a6970;background:linear-gradient(145deg,#c29a6918,#ffffff00 72%)}
.service-featured{border-color:#c29a6970;background:linear-gradient(150deg,#c29a691c,transparent 73%)}
.service-cta{background:linear-gradient(140deg,#dfbf8c,#bb8d55);color:#17202a;border-color:#e0c18d}
.service-cta small{color:#4b4437}
.process-list article{border-color:#1726301d}
.process-list article>span,.process-list article>b{color:#9a7549}
.process-list article:hover{background:#b9925a0c}
.work-card,.work-card-large{min-height:365px;border-radius:3px}
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.work-card img{filter:saturate(.72) contrast(1.04)}
.work-card:hover img{filter:saturate(.96) contrast(1.04)}
.work-card::after{background:linear-gradient(0deg,#07121de8,transparent 67%),linear-gradient(120deg,#09162240,transparent 58%)}
.work-overlay>span{color:#e6c28a}
.photo-credit,.process-disclaimer{font-size:9px;color:#858a8b;line-height:1.6;margin:14px 0 0}
.photo-credit a{color:#bdad96;text-decoration:underline;text-underline-offset:2px}
.workflow-rail{margin:44px calc(-1 * max(calc((100vw - var(--max))/2 + 34px),5.4vw)) 0;overflow:hidden;padding:8px 0 17px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.workflow-track{display:flex;width:max-content;gap:13px;animation:workflow-glide 56s linear infinite}
.workflow-rail:hover .workflow-track{animation-play-state:paused}
.workflow-card{position:relative;width:260px;height:350px;overflow:hidden;background:#111d29;border:1px solid #dfbd8750}
.workflow-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.05);transition:transform .6s,filter .4s}
.workflow-card:hover img{transform:scale(1.06);filter:saturate(1) contrast(1.05)}
.workflow-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09121de8,transparent 66%)}
.workflow-card>div{position:absolute;z-index:1;left:18px;right:16px;bottom:18px;display:grid;gap:7px}
.workflow-card small{color:#e6bf83;font-size:8px;font-weight:800;letter-spacing:.14em}
.workflow-card strong{font-family:var(--display);font-size:16px;line-height:1.25;color:#f5f1eb}
.process-disclaimer{margin-top:0}
.floating-contact{position:fixed;z-index:25;right:max(18px,calc((100vw - 1360px)/2 + 20px));bottom:21px;display:flex;gap:9px}
.floating-action{position:relative;display:flex;align-items:center;gap:9px;min-width:120px;padding:8px 14px 8px 8px;border:1px solid #d2b27e94;border-radius:999px;color:#f7f2e9;background:rgba(15,26,37,.94);box-shadow:0 8px 30px #0006;backdrop-filter:blur(12px);animation:contact-glow 2.7s ease-in-out infinite}
.floating-email{animation-delay:1.35s}
.floating-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#e5c48f,#b88c55);color:#111b25;font-size:16px}
.floating-action small,.floating-action strong{display:block;white-space:nowrap}
.floating-action small{font-size:7px;letter-spacing:.12em;color:#c4bba9}
.floating-action strong{font-size:10px;margin-top:3px}
.floating-action:hover{transform:translateY(-3px);border-color:#f0d4a0}
.process-list{margin-bottom:8px}
@keyframes workflow-glide{to{transform:translateX(-50%)}}
@keyframes contact-glow{0%,100%{box-shadow:0 8px 25px #0006,0 0 0 0 #c29a6900;border-color:#c29a696e}50%{box-shadow:0 8px 28px #0007,0 0 0 5px #c29a6918;border-color:#ebc98e}}
@media(max-width:1100px){.quick-actions{display:none}.header-cta{margin-left:auto}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.header{position:sticky}.hero h1{font-size:clamp(60px,14vw,92px)}.hero-image-wrap,.hero-image,.hero-image-wrap::before{border-radius:3px 3px 74px 3px}.work-grid{grid-template-columns:1fr}.work-card,.work-card-large{min-height:340px}.workflow-rail{margin-inline:-5vw}.workflow-card{width:225px;height:300px}.floating-contact{right:12px;bottom:max(12px,env(safe-area-inset-bottom));gap:6px}.floating-action{min-width:0;padding:6px 10px 6px 6px}.floating-icon{width:33px;height:33px}.floating-action small{font-size:6px}.floating-action strong{font-size:9px}.footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){.workflow-track{animation:none}.floating-action{animation:none}}
.hero h1{font-size:clamp(58px,6.1vw,82px);line-height:.9}@media(max-width:760px){.hero h1{font-size:clamp(56px,13.3vw,80px)}}
.hero-footnote{margin-bottom:15px;color:#b5bab8}
.guarantee-button{position:relative;z-index:2;width:max-content;max-width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border:1px solid #e4bd80;border-radius:3px;color:#f6ecdc;background:linear-gradient(110deg,#b4854e24,#f1d7a019,#b4854e24);box-shadow:0 0 18px #d0a66a17;overflow:hidden;animation:guarantee-bob 3.8s ease-in-out infinite}
.guarantee-button::after,.guarantee-cta::after{content:"";position:absolute;inset:-60% auto -60% -45%;width:30%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#ffffff8c,transparent);animation:guarantee-shine 3.8s ease-in-out infinite}
.guarantee-button-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#18212b;background:linear-gradient(145deg,#f1d8a7,#b58652);font-size:17px;animation:guarantee-spin 11s linear infinite}
.guarantee-button small,.guarantee-button strong{display:block;white-space:nowrap}
.guarantee-button small{font-size:7px;letter-spacing:.16em;color:#d8c9b1}
.guarantee-button strong{font-size:10px;margin-top:3px}
.guarantee-button>b{width:25px;height:25px;display:grid;place-items:center;border:1px solid #dabb8b70;border-radius:50%;margin-left:4px;color:#f0d4a0}
.guarantee-button:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 12px 32px #d0a66a32;border-color:#ffe3b4}
.guarantee-section{padding-top:48px;padding-bottom:72px;background:#0d1823}
.guarantee-card{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:30px;padding:35px 38px;border:1px solid #c8a06f8a;background:radial-gradient(ellipse at 4% 50%,#d3a35e28,transparent 34%),linear-gradient(112deg,#162431,#111b25 67%,#1e2931);box-shadow:0 24px 70px #0005,inset 0 1px #ffffff13;overflow:hidden}
.guarantee-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,#ffffff06 43%,transparent 65%);pointer-events:none}
.guarantee-seal{position:relative;width:103px;height:103px;display:grid;place-items:center;align-content:center;gap:3px;border-radius:50%;border:1px solid #efce98;background:radial-gradient(circle at 35% 28%,#f0d7a4,#bc8a51 60%,#805b37);color:#18212a;box-shadow:0 0 0 6px #d2ad7830,0 0 30px #dfb56b3d,inset 0 2px #fff8;animation:seal-pulse 3.3s ease-in-out infinite}
.guarantee-seal::before,.guarantee-seal::after{content:"✦";position:absolute;color:#f7e6c6;font-size:12px;animation:guarantee-spin 9s linear infinite}
.guarantee-seal::before{left:9px;top:38px}.guarantee-seal::after{right:9px;top:38px}
.guarantee-seal>span{font-size:22px;line-height:1}.guarantee-seal small{font-size:7px;line-height:1.25;font-weight:800;letter-spacing:.12em;text-align:center}
.guarantee-copy{position:relative;z-index:1}.guarantee-copy .section-kicker{color:#e2bd85}.guarantee-copy h2{margin:13px 0 9px;font-family:var(--display);font-size:clamp(29px,3vw,42px);line-height:1.02;letter-spacing:-.055em;text-transform:uppercase;color:#f7f1e8}.guarantee-copy h2 em{font-style:italic;color:#e5bf84}.guarantee-copy p{max-width:650px;margin:0;color:#c0c2bf;font-size:11px;line-height:1.75}
.guarantee-cta{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid #e5c18c;border-radius:3px;color:#1b2329;background:linear-gradient(115deg,#e9cc9d,#bf925c);box-shadow:0 8px 25px #d3a35e3b;overflow:hidden;animation:guarantee-bob 3.2s ease-in-out infinite;white-space:nowrap}
.guarantee-cta-star{font-size:19px;animation:guarantee-spin 13s linear infinite}
.guarantee-cta small,.guarantee-cta strong{display:block}.guarantee-cta small{font-size:7px;letter-spacing:.12em;opacity:.72}.guarantee-cta strong{font-size:10px;margin-top:3px}.guarantee-cta>b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#1c2830;color:#f3d5a1}
.guarantee-cta:hover{transform:translateY(-5px) scale(1.035);box-shadow:0 14px 34px #d3a35e55}
.service-card{transform:perspective(900px) translateZ(0);transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s,border-color .3s,background .3s}
.service-card:hover{transform:perspective(900px) translateY(-10px) rotateX(2deg) scale(1.025);box-shadow:0 22px 45px #0006,0 0 24px #c29a6920;border-color:#e3c28f}
.service-card::before{content:"";position:absolute;inset:-100% auto -100% -60%;width:30%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#ffffff19,transparent);transition:left .65s ease}
.service-card:hover::before{left:135%}
.service-card h3{letter-spacing:-.025em}.service-card p{font-size:10px;line-height:1.78}
.work-card{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s}
.work-card:hover{transform:translateY(-9px) scale(1.012);box-shadow:0 25px 54px #0008;border-color:#d6b27e}
.work-card img{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}.work-card:hover img{transform:scale(1.07)}
.process-list article{transition:padding .25s,background .25s,box-shadow .25s}.process-list article:hover{box-shadow:inset 3px 0 #b68c58}
.faq-list details{transition:background .25s,padding .25s}.faq-list details[open]{padding-inline:13px;background:#b9925a0c}
@keyframes guarantee-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes guarantee-shine{0%,60%{left:-45%}85%,100%{left:135%}}
@keyframes guarantee-spin{to{transform:rotate(360deg)}}
@keyframes seal-pulse{0%,100%{box-shadow:0 0 0 6px #d2ad7830,0 0 22px #dfb56b2b,inset 0 2px #fff8}50%{box-shadow:0 0 0 9px #d2ad7820,0 0 38px #dfb56b55,inset 0 2px #fff8}}
@media(max-width:1000px){.guarantee-card{grid-template-columns:100px minmax(0,1fr);gap:23px}.guarantee-seal{width:88px;height:88px}.guarantee-cta{grid-column:2;justify-self:start;margin-top:4px}}
@media(max-width:760px){.guarantee-section{padding-top:35px;padding-bottom:50px}.guarantee-card{grid-template-columns:66px minmax(0,1fr);gap:14px;padding:24px 17px}.guarantee-seal{width:62px;height:62px;box-shadow:0 0 0 4px #d2ad7830,0 0 22px #dfb56b3d}.guarantee-seal::before{left:5px;top:23px;font-size:9px}.guarantee-seal::after{right:5px;top:23px;font-size:9px}.guarantee-seal>span{font-size:16px}.guarantee-seal small{font-size:5px}.guarantee-copy .section-kicker{font-size:7px;letter-spacing:.12em}.guarantee-copy h2{font-size:clamp(25px,7vw,36px)}.guarantee-copy p{font-size:10px;line-height:1.65}.guarantee-cta{grid-column:1/-1;margin:9px 0 0;justify-self:stretch;justify-content:space-between}.guarantee-button{gap:9px}.guarantee-button strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){.guarantee-button,.guarantee-button::after,.guarantee-seal,.guarantee-seal::before,.guarantee-seal::after,.guarantee-cta,.guarantee-cta::after,.guarantee-cta-star{animation:none}}