/* Offtip House Luxury Edit — airy ivory / metallic gold / warm charcoal */
:root{--bg:#fcfaf6;--bg2:#fffdf9;--bg3:#f3eee5;--ink:#242019;--muted:#6d655d;--dim:#8a8176;--gold:#b4873d;--gold-light:#d5a24f;--gold-dark:#936629;--stroke:rgba(148,111,51,.20);--stroke-soft:rgba(64,49,29,.10);--radius:18px}
body{background:#faf8f4;color:var(--ink)}
::selection{color:#21190e;background:#f2d29b}
.topline{background:#1a1714;color:#eee2cd;border-bottom:1px solid #4b3722}
.topline-right{color:#d2b992}
.site-header,.site-header.scrolled{background:rgba(255,252,246,.97);border-bottom:1px solid rgba(145,104,46,.18);box-shadow:0 5px 25px rgba(49,35,19,.055)}
.brand-mark{mix-blend-mode:normal;border-radius:8px;background:#151311;object-fit:contain;height:56px;width:78px;margin-right:9px}
.brand-text strong{color:#221a12;letter-spacing:1px}
.brand-text strong em{color:#a67935}
.brand-text small{color:#806039;letter-spacing:.95px}
.nav-link{color:#443a30}
.nav-link:hover,.nav-link.current{color:#996921}
.nav-link.current::after,.nav-link:hover::after{background:#b1853e}
.btn-gold{background:linear-gradient(120deg,#f8d889 0%,#ddb05f 43%,#ad7c34 100%);color:#23180a;border:1px solid #c69c51;box-shadow:0 7px 21px #b3884433}
.btn-gold:hover{box-shadow:0 12px 28px #b3884450}
.btn-outline{background:rgba(255,255,255,.74);color:#52412b;border:1px solid #c49b5a}
.btn-outline:hover{background:#faedcf;border-color:#ab772b}
.menu-toggle{color:#25190b}
.menu-toggle span{background:#9c712e}
.hero{background:radial-gradient(ellipse 55% 85% at 98% 37%,#f0dfc1,transparent 80%),radial-gradient(ellipse 55% 65% at 7% 2%,#fff,transparent 100%),linear-gradient(125deg,#fffdfa,#f2eee6);border-bottom:1px solid #e4d2ad;min-height:720px}
.hero::before{opacity:.65;background:repeating-linear-gradient(135deg,transparent 0,transparent 149px,rgba(174,130,63,.028) 150px)}
.hero-grain{mix-blend-mode:multiply;opacity:.07}
.hero-orbit{border-color:rgba(172,119,40,.16)}.orbit-two{border-color:rgba(172,119,40,.07)}
.hero-grid{padding-top:51px;padding-bottom:58px;min-height:690px}
.hero-content>.eyebrow{color:#88602d}
.hero-logo{mix-blend-mode:normal;object-fit:contain;background:#14110e;padding:5px 12px;width:270px;height:124px;margin:1px 0 23px 0;border-radius:13px;box-shadow:0 17px 32px rgba(26,22,16,.11)}
.hero h1{color:#241c14;font-size:clamp(43px,4.35vw,69px);line-height:1.085;margin:0 0 22px}
.hero h1 em,.hero .outlined-text{color:#ae7c35}
.hero-description{color:#61584f;line-height:1.8;max-width:530px}
.hero-promise{color:#827365}.hero-promise i{background:#b59056}
.hero-main-photo{box-shadow:0 22px 55px rgba(56,36,11,.18),0 1px 0 #c6a66e;border:5px solid #fff;outline:1px solid #c8a770}
.hero-side-photo,.hero-small-photo{border-color:#fff;box-shadow:0 20px 33px #4d352849}
.hero-visual:before{background:#c48c3144;filter:blur(68px)}
.floating-label{background:#fffdf9;border-color:#d4b16f;box-shadow:0 14px 45px #6b4e232a}
.floating-label b{color:#80612c}.floating-label small{color:#786a59}.floating-label svg{color:#af7e2c}
.hero-index,.hero-footer{color:#967d5b}
.marquee{background:linear-gradient(90deg,#d4a356,#f7dea4,#c89747);color:#241b11;border-block:1px solid #d9bd8a}
/* Editorial sections */
.section{padding-block:105px}
.eyebrow{color:#a27435}
.eyebrow-line{background:#bd8e46}
.section-title,.about-section .section-title,.experience-section .section-title{color:#211d18}
.section-title em,.experience-header h2 em{color:#af7c34}
.section-subtitle{color:#777067}
.text-link{color:#997030}
.text-link:hover{color:#46301a}
.about-section{background:#fffdf9}
.about-content>p:not(.eyebrow){color:#635b53}
.about-pill-row span{background:#f7f0e2;border:1px solid #e4d0af;color:#634d35}
.about-photo-main,.about-photo-inset{box-shadow:0 23px 46px #2d211024}
.about-round-stamp{background:linear-gradient(145deg,#f9d78d,#bd8734);box-shadow:0 13px 28px #70502526}
.services-section{background:linear-gradient(165deg,#f9f5ed,#fdfbf8 72%)}
.service-card{background:#fff;border:1px solid #eadbc4;box-shadow:0 12px 35px #5e4c3110;border-radius:18px}
.service-card:before{background:linear-gradient(90deg,#f5d9a3,#bc873d)}
.service-card:hover{background:#fffdf9;border-color:#d1a865;box-shadow:0 20px 42px #6b512622}
.service-card h3{color:#28221b}
.service-card p{color:#776e64}
.service-card .service-icon{color:#af803b}
.service-number{color:#aa8e64}
.service-card button{color:#a67532}
.feature-band{background:#171310;border-color:#9d793d}
.feature-band h2,.feature-band-inner>span{color:#fff8e8}
.feature-band h2 em{color:#f3cb78}
.feature-band-photo:after{background:linear-gradient(90deg,#171310 0%,transparent 100%)}
.portfolio-section{background:#fffdfa}
.archive-count strong{color:#ab7c37}.archive-count span{color:#81766a}
.filter-btn{background:#fff;color:#6a5b49;border-color:#e4d5bf}
.filter-btn:hover,.filter-btn.active{color:#231c12;background:#f6ddaa;border-color:#c89a57}
.filter-results{color:#826f56}
.gallery-item{border:4px solid #fff;border-radius:14px;box-shadow:0 9px 27px #231b111a;background:#eee7de}
.gallery-item:hover{box-shadow:0 15px 39px #231b1133}
.gallery-info strong,.gallery-info small{color:white}
.show-gallery-control .btn-outline{background:#fff}
.designs-section{background:radial-gradient(ellipse at 95% 0%,#f7e5c5,transparent 57%),#f5f1e9;border-color:#e4d2b4}
.design-card{border:5px solid white;background:white;border-radius:14px;box-shadow:0 17px 32px #46301b25}
/* The complete price menu becomes the main feature */
.pricing-section{background:linear-gradient(180deg,#fffdf9 0%,#f6efe3 60%,#fcfaf6 100%)}
.pricing-editorial{display:grid;grid-template-columns:.83fr 1.05fr;gap:clamp(20px,4vw,70px);align-items:center;background:linear-gradient(135deg,#fff,#f9f2e6);border:1px solid #dcc49b;border-radius:24px;padding:clamp(20px,4.5vw,60px);box-shadow:0 22px 58px #5b46251b;position:relative;overflow:hidden}
.pricing-editorial:before{content:"";position:absolute;width:300px;height:300px;border:1px solid #bca06c4d;border-radius:100%;left:-180px;top:-180px;pointer-events:none}
.pricing-copy{position:relative;z-index:1}
.small-crown{font-size:11px;letter-spacing:2.2px;color:#9d702c;font-weight:800}
.pricing-copy h3{font:normal clamp(34px,3.7vw,58px)/1.14 var(--serif);letter-spacing:-2.2px;color:#211c18;margin:23px 0 24px}
.pricing-copy h3 em{color:#a8752e;font-weight:400}
.pricing-copy>p{color:#6b6052;font-size:15px;line-height:1.85;max-width:450px}
.pricing-perks{margin:29px 0 30px;display:grid;gap:16px}
.pricing-perks span{display:flex;align-items:center;gap:12px;font-size:13px;color:#3e3327;font-weight:650}
.pricing-perks svg{width:24px;height:24px;color:#ad7d30;flex-shrink:0}
.price-list-actions{display:flex;flex-wrap:wrap;gap:12px}
.pricing-copy .pricing-caption{font-size:11px;color:#847564;max-width:430px;line-height:1.65;margin-top:20px}
.editorial-motto{margin-top:48px;border-top:1px solid #d5bd96;padding-top:18px;display:flex;justify-content:space-between;font:italic 24px/1.2 var(--serif);color:#a67934}
.pricing-poster-link{display:block;border:8px solid #fff;max-width:590px;justify-self:center;background:#fff;box-shadow:0 21px 51px #5a3f183d;border-radius:14px;position:relative;transition:transform .25s,box-shadow .25s;width:100%}
.pricing-poster-link:hover{transform:translateY(-6px);box-shadow:0 30px 65px #5a3f184f}
.pricing-poster-link img{display:block;width:100%;height:auto;border-radius:5px}
.poster-overline{position:absolute;top:0;left:0;right:0;z-index:2;background:rgba(15,13,11,.88);color:#f7deb0;font-size:9px;font-weight:750;letter-spacing:1.65px;padding:13px;text-align:center}
.poster-zoom{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#1c1914;color:#fff4dc;border:1px solid #d9ab61;padding:13px 23px;border-radius:99px;font-size:11px;display:flex;align-items:center;gap:9px;white-space:nowrap;box-shadow:0 8px 22px #0008}
.poster-zoom svg{width:16px;height:16px}
.package-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:62px 0 27px}
.package-heading h3{font:normal clamp(32px,3.2vw,46px)/1.15 var(--serif);margin:0;letter-spacing:-1px}
.package-heading h3 em{color:#ac7931}
.package-heading .eyebrow{margin-bottom:12px}
.package-heading>span{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#907c60}
.luxury-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.luxury-package{background:#fff;border:1px solid #e8d8c1;border-radius:17px;padding:27px;box-shadow:0 9px 23px #6e512018;position:relative;transition:.25s}
.luxury-package:hover{border-color:#c99d57;transform:translateY(-4px);box-shadow:0 16px 35px #6e51202b}
.package-top{display:block;font-size:9px;letter-spacing:2px;color:#947044;font-weight:800;margin-bottom:26px}
.luxury-package>svg{width:32px;height:32px;color:#b5853c}
.luxury-package h4{font-size:19px;letter-spacing:-.5px;color:#211c17;margin:19px 0 8px}
.luxury-package p{font-size:12px;color:#86786c;margin:0 0 22px}
.package-bottom{border-top:1px solid #eadbc7;padding-top:17px;display:flex;align-items:center;justify-content:space-between;color:#766859;font-size:12px}
.package-bottom b{font-size:20px;color:#926426;margin-left:4px}
.package-bottom button{border:0;border-radius:50%;background:#f4d79d;color:#493014;font-size:24px;line-height:1;width:37px;height:37px;transition:.2s}
.package-bottom button:hover{background:#2a2019;color:#fff}
.price-footnote{color:#867e74;max-width:890px}
/* Digital section and a dark footer maintain the logo contrast */
.technology-section{background:radial-gradient(ellipse 60% 100% at 10% 45%,#534028,transparent 76%),#1d1b18;border-color:#b79556}
.technology-section .section-title,.tech-content h2,.technology-section h2{color:#fff9f0}
.technology-section .section-title em,.technology-section .eyebrow{color:#f6d18e}
.technology-section .tech-content>p:not(.eyebrow){color:#d0c6b5}
.technology-section .tech-services{color:#eee2cf}
.experience-section{background:#fffcf6}
.experience-grid article{border-color:#bb8d48}
.experience-grid article h3{color:#2c241c}
.experience-grid article p{color:#756a60}
.experience-grid article>span{color:#aa803e}
.contact-section{background:radial-gradient(ellipse 60% 85% at 0% 40%,#f6e4c5,transparent 88%),#fdf7ed;border-color:#e3c99d}
.contact-copy h2{color:#241f1a}
.contact-copy h2 em{color:#af7930}
.contact-copy>p:not(.eyebrow){color:#6b6155}
.contact-copy p.contact-small{color:#7d7060}
.contact-small a{color:#8c6024;text-decoration:underline;text-underline-offset:3px}
.contact-art:before{background:linear-gradient(90deg,#fdf7ed,transparent 46%),linear-gradient(0deg,#231b13a6,transparent 50%)}
.faq-section{background:#fff}
.faq-items,.faq-items details{border-color:#e5d9c9}
.faq-items summary{color:#2a261e}
.faq-items details p{color:#756e66}
.site-footer{background:#1a1714;border-color:#ad8851}
.site-footer .footer-menu a,.site-footer .footer-menu button{color:#d3c9bc}
.site-footer .footer-menu a:hover,.site-footer .footer-menu button:hover,.site-footer .footer-message a:hover{color:#efc987}
.site-footer .footer-main h3{color:#f7d696}
.site-footer .footer-about p,.site-footer .footer-message p{color:#cec0ac}
.site-footer .footer-message p a{color:#e9ce9d;line-height:2;overflow-wrap:anywhere}
.site-footer .footer-about img{mix-blend-mode:screen}
.site-footer .footer-bottom{color:#bcae9f}
/* Form stays readable against the new light theme */
.booking-dialog{background:#fffaf3;color:#2b251d;border-color:#b9965d;box-shadow:0 28px 100px #271d1390}
.booking-dialog .dialog-header h2{color:#2a2118}
.booking-dialog .dialog-header h2 em{color:#a77931}
.booking-dialog .dialog-header p{color:#716457}
.booking-dialog .form-fields label{color:#4b3c2b}
.booking-dialog .form-fields input,.booking-dialog .form-fields textarea,.booking-dialog .form-fields select{background:#fff;color:#231f1b;border-color:#decba9}
.booking-dialog .form-fields input::placeholder,.booking-dialog .form-fields textarea::placeholder{color:#9b8e7e}
.booking-dialog .form-note{color:#786f65}
.booking-dialog .form-message{color:#81601f}
.booking-dialog .btn-text{color:#845e20}
.booking-dialog .dialog-close{color:#2f251a}
.toast{background:#252019;color:#f8e6c0}
/* Full-screen design price list page */
.price-list-page{background:#f9f4ec}
.price-page-header{background:#fffdf8;display:flex;align-items:center;justify-content:space-between;padding:19px max(25px,calc((100% - 1180px)/2));border-bottom:1px solid #e5d8c2;gap:15px}
.price-page-brand{font-weight:850;letter-spacing:2px;color:#21180c;font-size:18px}
.price-page-brand span{color:#a97a34}.price-page-brand small{font-size:9px;letter-spacing:1px;color:#a87534}
.price-page-main{max-width:1100px;padding:65px 25px 90px;margin:auto;text-align:center}
.price-page-main>.eyebrow{justify-content:center}
.price-page-main h1{font:normal clamp(48px,6vw,88px)/1.08 Georgia,serif;margin:12px 0;color:#241c16;letter-spacing:-2px}
.price-page-main h1 em{color:#aa7933}
.price-page-main>p:not(.eyebrow){color:#6f6355;margin:0 auto 20px;font-size:16px;line-height:1.65}
.price-page-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:34px auto 45px}
.price-page-poster{margin:0 auto;max-width:945px;padding:12px;background:#fff;border:1px solid #dfc89f;border-radius:16px;box-shadow:0 24px 60px #69502d30}
.price-page-poster img{width:100%;height:auto}
.price-page-poster figcaption{padding:17px;color:#756d63;font-size:12px}
.price-page-footer{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-around;padding-top:45px;margin-top:50px;border-top:1px solid #d8c5a8;color:#68513c;font-size:13px}
.price-page-footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1080px){.luxury-package-grid{grid-template-columns:repeat(2,1fr)}.pricing-editorial{gap:20px;padding:26px}.pricing-copy h3{font-size:clamp(30px,3.4vw,46px)}}
@media(max-width:780px){.site-header .nav-links{background:#fffaf2;border-bottom-color:#caa76c;box-shadow:0 20px 40px #35210f1c}.site-header .nav-link{color:#473a2c;border-bottom-color:#e8dac6}.menu-toggle span{background:#af813d}.brand-mark{width:62px;height:50px}.hero{min-height:0}.hero-grid{padding-top:33px;padding-bottom:54px}.hero-logo{width:250px;height:112px;margin:3px 0 23px}.hero-description{color:#665b4f}.hero-visual{margin-top:35px}.pricing-editorial{grid-template-columns:1fr;gap:31px}.pricing-copy h3{font-size:clamp(35px,7.5vw,52px)}.pricing-poster-link{max-width:540px}.luxury-package-grid{grid-template-columns:repeat(2,1fr)}.pricing-section{padding-block:80px}.package-heading{flex-direction:column;align-items:flex-start;gap:7px}.editorial-motto{margin-top:25px}.price-page-header{padding:13px 20px}.price-page-brand{font-size:13px}}
@media(max-width:520px){.hero h1{font-size:clamp(34px,9.2vw,48px)}.hero-logo{width:205px;height:101px}.hero-visual{height:115vw}.pricing-editorial{padding:15px;border-radius:17px}.pricing-copy{padding:14px 8px 0}.small-crown{font-size:9px}.pricing-copy h3{font-size:clamp(32px,8vw,42px)}.pricing-copy>p{font-size:13px}.pricing-perks span{font-size:11px}.price-list-actions .btn{width:100%;font-size:11px}.pricing-poster-link{border-width:4px}.poster-overline{font-size:7px;letter-spacing:.5px;padding:8px}.poster-zoom{font-size:9px;padding:10px 15px;bottom:10px}.luxury-package-grid{grid-template-columns:1fr;gap:12px}.luxury-package{padding:22px}.luxury-package p{font-size:12px}.package-bottom b{font-size:19px}.price-page-main{padding:48px 13px 65px}.price-page-actions{gap:7px}.price-page-actions .btn{font-size:10px;padding:12px 13px}.price-page-header .btn{font-size:10px;padding:10px 12px}.price-page-poster{padding:4px}.price-page-poster figcaption{font-size:10px}.section{padding-block:75px}.contact-art:before{background:linear-gradient(180deg,#fdf7ed,transparent 35%),linear-gradient(0deg,#231b13a6,transparent 46%)}}

.hero-price-quick{display:inline-flex;gap:14px;color:#886024;font-size:12px;font-weight:750;text-decoration:none;margin-top:20px;border-bottom:1px solid #b99155;padding-bottom:5px}
.hero-price-quick span{font-size:15px;transition:transform .2s}.hero-price-quick:hover span{transform:translate(2px,-2px)}
.faq-items details a{text-decoration:underline;text-underline-offset:3px;color:#9f7130}