/* Amber Marketing Website v1.4 — About portrait + unified image geometry */
/* Amber Marketing Website v1.0 — rebuilt from scratch */
:root{--ink:#342218;--deep:#3a1e0a;--brown:#71380f;--amber:#b35a11;--amber2:#d9822b;--gold:#f1b364;--cream:#fff7ec;--cream2:#f8e7c7;--paper:#fffdf9;--muted:#786b62;--line:rgba(113,56,15,.14);--white:#fff;--shell:1180px;--header:82px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.65}img{display:block;width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}.section{position:relative;padding:118px 0;overflow:hidden}
.site-header{position:fixed;z-index:1000;inset:0 0 auto;height:var(--header);background:rgba(255,253,249,.9);border-bottom:1px solid rgba(113,56,15,.08);backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px}.brand-logo{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(113,56,15,.18))}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:500;letter-spacing:.01em}.brand-copy span{margin-top:5px;color:var(--amber);font-size:9px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:31px}.main-nav a{font-size:13px;font-weight:650;letter-spacing:.015em}.main-nav a:hover{color:var(--amber)}.main-nav .nav-cta{padding:11px 20px;border:1px solid rgba(179,90,17,.32);border-radius:999px;color:var(--amber)}.main-nav .nav-cta:hover{background:var(--amber);color:#fff}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;margin:5px;background:var(--ink)}
.hero{position:relative;min-height:760px;height:calc(100vh - 10px);margin-top:var(--header);display:flex;align-items:center;overflow:hidden;background:#f8efe3}.hero-photo,.hero-wash,.hero-glow{position:absolute;inset:0}.hero-photo{background:url("../images/hero-amber-daylight.png") center center/cover no-repeat;filter:saturate(.96) contrast(1.01);transform:scale(1.01)}.hero-wash{background:linear-gradient(90deg,rgba(255,250,243,.94) 0%,rgba(255,250,243,.88) 28%,rgba(255,250,243,.56) 43%,rgba(255,250,243,.12) 61%,rgba(255,250,243,0) 76%)}.hero-glow{inset:-12% auto auto -13%;width:58%;height:92%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,247,236,.70) 0%,rgba(248,231,199,.28) 40%,rgba(248,231,199,0) 72%);filter:blur(18px);transform:rotate(-5deg)}.hero-inner{position:relative;z-index:2}.hero-copy{max-width:760px}.kicker{margin:0 0 18px;color:var(--amber);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.kicker-light{color:var(--amber2)}.hero h1,h2,h3{font-family:Georgia,"Times New Roman",serif}.hero h1{margin:0;color:var(--deep);font-size:clamp(54px,6.5vw,92px);font-weight:400;line-height:.96;letter-spacing:-.048em}.hero h1 em{color:var(--amber);font-style:normal;font-weight:400}.hero-lead{max-width:650px;margin:31px 0 0;color:rgba(58,30,10,.78);font-size:18px;line-height:1.75}.hero-actions{display:flex;gap:13px;margin-top:38px}.btn{min-height:51px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:750;cursor:pointer;transition:.22s}.btn-amber{background:linear-gradient(135deg,var(--amber2),var(--amber));color:#fff;box-shadow:0 10px 30px rgba(58,30,10,.18)}.btn-amber:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(58,30,10,.25)}.btn-ghost{border-color:rgba(179,90,17,.42);color:var(--amber-dark);background:rgba(255,253,249,.62)}.btn-ghost:hover{background:rgba(255,253,249,.92);border-color:var(--amber)}.hero-curve{position:absolute;z-index:3;left:-4%;right:-4%;bottom:-70px;height:145px;background:var(--paper);border-radius:50% 50% 0 0/44% 44% 0 0;transform:rotate(-1.1deg);box-shadow:0 -12px 34px rgba(241,179,100,.11)}
h2{margin:0;color:var(--ink);font-size:clamp(39px,4.25vw,62px);font-weight:400;line-height:1.06;letter-spacing:-.038em}h2 span{color:var(--amber)}.intro{padding-top:145px}.intro-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:110px;align-items:center}.intro-copy{max-width:520px}.intro-copy p{margin:0 0 20px;color:var(--muted);font-size:16px}.intro-copy .lead,.lead{color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.48}.ambient-glow{position:absolute;pointer-events:none}.glow-one{width:440px;height:230px;right:-160px;top:22%;background:radial-gradient(ellipse,rgba(241,179,100,.25),rgba(241,179,100,0) 70%);filter:blur(9px)}
.services{background:linear-gradient(180deg,#fff8ee 0%,#fffdf9 72%)}.soft-ribbon{position:absolute;left:-5%;right:-5%;height:90px;pointer-events:none}.ribbon-top{top:-48px;border-radius:50%;border-top:1px solid rgba(217,130,43,.23);box-shadow:0 -10px 28px rgba(241,179,100,.12);transform:rotate(.7deg)}.section-head{max-width:760px;margin-bottom:58px}.section-head>p:last-child{max-width:620px;margin:24px 0 0;color:var(--muted);font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{position:relative;min-height:345px;padding:31px 27px;background:rgba(255,255,255,.72);border:1px solid rgba(179,90,17,.30);border-radius:30px 30px 42px 30px;overflow:hidden;box-shadow:0 16px 50px rgba(113,56,15,.045);transition:.25s}.service-card:nth-child(even){transform:translateY(20px)}.service-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(113,56,15,.1)}.service-card:nth-child(even):hover{transform:translateY(15px)}.service-no{position:relative;z-index:2;color:var(--amber);font-size:11px;font-weight:800;letter-spacing:.18em}.service-orb{display:none}.service-card h3{position:relative;z-index:2;margin:82px 0 16px;font-size:27px;font-weight:400;line-height:1.14}.service-card p{position:relative;z-index:2;margin:0;color:var(--muted);font-size:14.5px}
.approach-grid,.about-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:100px;align-items:center}.photo-frame{position:relative;overflow:hidden;border:1px solid rgba(179,90,17,.12);border-radius:34px;background:rgba(255,253,249,.82);box-shadow:0 28px 70px rgba(113,56,15,.09)}.photo-frame img{height:620px;object-fit:cover;filter:none}.photo-frame:after{display:none}.photo-glint{display:none}.approach-copy,.about-copy{max-width:520px}.approach-copy p:not(.kicker),.about-copy p:not(.kicker){margin:24px 0 0;color:var(--muted);font-size:16px}.approach-copy .lead,.about-copy .lead{color:var(--ink);font-size:21px}.text-link{display:inline-flex;gap:11px;margin-top:31px;color:var(--amber);font-weight:750;font-size:14px}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(5px)}.light-trace{position:absolute;right:-4%;bottom:40px;width:55%;height:90px;border-top:1px solid rgba(217,130,43,.25);border-radius:50%;transform:rotate(-4deg);box-shadow:0 -5px 20px rgba(241,179,100,.13)}
.work{background:linear-gradient(180deg,#fffaf3 0%,#fff3e1 100%);color:var(--ink)}.work-glow{position:absolute;width:800px;height:430px;right:-260px;top:-110px;border-radius:50%;background:radial-gradient(ellipse,rgba(241,179,100,.22),rgba(241,179,100,0) 70%);filter:blur(12px)}.section-head-dark h2{color:var(--ink)}.section-head-dark h2 span{color:var(--amber)}.section-head-dark>p:last-child{color:var(--muted)}.work-feature{position:relative;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;border:1px solid rgba(179,90,17,.12);border-radius:34px;background:rgba(255,253,249,.82);box-shadow:0 28px 70px rgba(113,56,15,.09)}.work-image{min-height:500px;overflow:hidden}.work-image img{height:100%;object-fit:cover;filter:none}.work-image:after{display:none}.work-copy{padding:58px;display:flex;flex-direction:column;justify-content:center}.work-type{margin:0 0 18px;color:var(--amber);font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.work-copy h3{margin:0;color:var(--ink);font-size:41px;font-weight:400;line-height:1.08}.work-copy>p:not(.work-type){margin:24px 0;color:var(--muted)}.coming-soon{margin-top:12px;color:rgba(113,56,15,.48);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.about{background:#fffdf9}.about-grid{grid-template-columns:.92fr 1.08fr}.about-shape{position:absolute;width:660px;height:340px;left:-300px;top:18%;border-radius:50%;border:1px solid rgba(217,130,43,.18);box-shadow:0 0 50px rgba(241,179,100,.08);transform:rotate(13deg)}.about-photo img{height:650px}
.contact{background:linear-gradient(180deg,#fff7ec,#f8e7c7)}.contact-glow{position:absolute;width:900px;height:360px;left:50%;top:-160px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.92),rgba(241,179,100,.18) 45%,rgba(241,179,100,0) 72%)}.contact-shell{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}.contact-heading{position:sticky;top:125px}.contact-heading>p:last-child{margin:25px 0 0;color:var(--muted)}.contact-form{padding:42px;background:rgba(255,253,249,.86);border:1px solid rgba(179,90,17,.14);border-radius:34px;box-shadow:0 24px 65px rgba(113,56,15,.09);backdrop-filter:blur(10px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:flex;flex-direction:column}.field-full{grid-column:1/-1}.field label{margin-bottom:8px;font-size:12px;font-weight:750}.field label b{color:var(--amber)}.field input,.field textarea{width:100%;padding:13px 4px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid rgba(113,56,15,.22);border-radius:0;outline:0}.field textarea{min-height:135px;resize:vertical}.field input:focus,.field textarea:focus{border-bottom-color:var(--amber);box-shadow:0 2px 0 rgba(179,90,17,.12)}.field textarea::placeholder{color:#9a8c82}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px}.form-footer p{margin:0;color:var(--muted);font-size:11px}.form-status{min-height:20px;margin:16px 0 0;color:var(--amber);font-size:12px;font-weight:700}
.site-footer{padding:34px 0;background:#f8efe3;color:var(--muted);border-top:1px solid rgba(179,90,17,.16)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand .brand-copy strong{color:var(--ink)}.footer-inner p{margin:0;font-size:11px}
@media(max-width:960px){.section{padding:92px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(even){transform:none}.service-card:nth-child(even):hover{transform:translateY(-5px)}.intro-grid,.approach-grid,.about-grid,.contact-shell{gap:55px}.photo-frame img,.about-photo img{height:540px}.work-copy{padding:42px}.main-nav{gap:19px}}
@media(max-width:760px){:root{--header:70px}.shell{width:min(calc(100% - 34px),var(--shell))}.section{padding:76px 0}.brand-logo{width:42px;height:42px}.brand-copy strong{font-size:19px}.menu-toggle{display:block}.main-nav{position:absolute;top:var(--header);left:0;width:100%;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 18px 20px;background:rgba(255,253,249,.98);border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.main-nav a{padding:13px 8px;border-bottom:1px solid var(--line)}.main-nav .nav-cta{margin-top:10px;text-align:center;border:1px solid rgba(179,90,17,.25)}.hero{min-height:690px;height:auto;padding:100px 0}.hero-photo{background-position:64% center}.hero-wash{background:linear-gradient(90deg,rgba(255,250,243,.94) 0%,rgba(255,250,243,.82) 58%,rgba(255,250,243,.28) 100%)}.hero h1{font-size:clamp(48px,14vw,68px)}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch;max-width:310px}.hero-curve{bottom:-78px}.intro{padding-top:105px}.intro-grid,.approach-grid,.about-grid,.work-feature,.contact-shell{grid-template-columns:1fr}.intro-grid{gap:30px}.service-grid{grid-template-columns:1fr}.service-card{min-height:280px}.photo-frame img,.about-photo img{height:440px}.approach-grid,.about-grid{gap:45px}.work-image{min-height:340px}.work-image:after{inset:0}.work-copy{padding:36px 27px}.work-copy h3{font-size:34px}.contact-shell{gap:40px}.contact-heading{position:static}.contact-form{padding:28px 22px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.form-footer{flex-direction:column;align-items:stretch}.form-footer .btn{width:100%}.footer-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:420px){.shell{width:min(calc(100% - 28px),var(--shell))}.hero h1{font-size:46px}h2{font-size:37px}.contact-form{border-radius:25px}}