/*
Theme Name: ArtNation Atelier
Theme URI: https://artnation3d.com/
Author: ArtNation 3D
Description: Bespoke luxury gallery theme for ArtNation 3D. Responsive homepage, live design catalogue, category collections, automatic WhatsApp enquiries, and elegant portfolio.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: artnation-atelier
License: GPL-2.0-or-later
*/
:root{--an-bg:#0d1110;--an-black:#111613;--an-charcoal:#19201c;--an-cream:#f6f3ec;--an-white:#fbfaf7;--an-muted:#a8aea7;--an-gold:#d2ac6d;--an-gold-soft:#e6cda3;--an-green:#33463e;--an-line:rgba(255,255,255,.13);--an-serif:Georgia,'Times New Roman',serif;--an-sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--an-max:1260px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--an-bg);color:var(--an-white);font-family:var(--an-sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.16}h1,h2{font-family:var(--an-serif);font-weight:400;letter-spacing:-.03em}p{max-width:76ch}::selection{background:var(--an-gold);color:#171911}.an-container{width:min(var(--an-max),calc(100% - 72px));margin-inline:auto}.an-skip{position:absolute;left:-999em;top:5px;z-index:200}.an-skip:focus{left:12px;background:#fff;color:#111;padding:12px}.an-header{position:relative;z-index:50;background:rgba(13,17,16,.96);border-bottom:1px solid var(--an-line)}.an-header-inner{min-height:84px;display:flex;justify-content:space-between;gap:25px;align-items:center}.an-brand{display:flex;flex-direction:column;flex-shrink:0}.an-wordmark{font-family:var(--an-serif);font-size:29px;letter-spacing:.135em;line-height:1.2;white-space:nowrap}.an-wordmark em{font-style:normal;color:var(--an-gold)}.an-tagline{font-size:9px;font-weight:600;letter-spacing:.29em;color:#bac0b9;padding-top:7px}.an-logo-img{width:auto;max-height:58px;max-width:220px}.an-nav{display:flex;align-items:center;gap:clamp(13px,2.2vw,30px)}.an-nav>a{font-size:12px;letter-spacing:.035em;font-weight:600;color:#e6e8e3;transition:color .2s}.an-nav>a:hover,.an-text-link:hover{color:var(--an-gold)}.an-nav .an-nav-cta{padding:12px 20px;border:1px solid #ad936c;border-radius:4px;color:var(--an-gold-soft);white-space:nowrap}.an-menu-toggle{display:none;border:1px solid var(--an-line);background:none;color:white;padding:7px 13px;border-radius:3px;font-size:25px}.an-eyebrow{display:inline-block;color:var(--an-gold);font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:700}.an-section{padding:104px 0}.an-section-cream{background:var(--an-cream);color:#1c2923}.an-section-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:38px}.an-section-head h2{font-size:clamp(33px,4.6vw,62px);margin-top:14px}.an-section-head p{color:#9ba79f;font-size:15px;max-width:380px}.an-section-cream .an-section-head p{color:#6a766c}.an-section-topline{border-top:1px solid var(--an-line)}.an-title{font-size:clamp(38px,5.3vw,78px)}.an-subtitle{color:#b6beb7}.an-text-link{font-size:12px;font-weight:700;color:var(--an-gold);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;display:inline-block}.an-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 26px;min-height:53px;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;border-radius:3px;transition:transform .2s,background .2s,color .2s;max-width:100%;text-align:center}.an-btn:hover{transform:translateY(-2px)}.an-btn-gold{background:var(--an-gold);color:#18211c}.an-btn-gold:hover{background:#e3c38e}.an-btn-ghost{color:#fcfcf8;border-color:rgba(255,255,255,.38);background:rgba(17,23,20,.38)}.an-btn-dark{background:#1b2c24;color:#fff}.an-btn-outline{border-color:#c2a578;color:#c2a578}
/* HERO */
.an-hero{background:#101512;position:relative;overflow:hidden;min-height:690px;display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%)}.an-hero-left{position:relative;z-index:3;padding:92px clamp(25px,5.5vw,100px) 90px max(36px,calc((100vw - var(--an-max))/2));display:flex;flex-direction:column;justify-content:center;background:linear-gradient(115deg,#111713 78%,rgba(17,23,19,.88))}.an-hero-left::before{content:'';position:absolute;top:45px;left:0;width:210px;height:210px;border-radius:50%;background:rgba(208,177,119,.055);filter:blur(48px);pointer-events:none}.an-hero h1{font-size:clamp(52px,5.5vw,86px);letter-spacing:-.045em;line-height:1.07;max-width:630px;margin:24px 0 25px}.an-hero h1 em{font-style:italic;font-weight:400;color:var(--an-gold-soft)}.an-hero p{max-width:455px;color:#c0cac1;font-size:16px}.an-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:35px 0}.an-hero-bottom{display:flex;align-items:center;gap:14px;border-top:1px solid var(--an-line);padding-top:28px;color:#aeb5ac;font-size:12px;letter-spacing:.085em}.an-hero-bottom strong{font-family:var(--an-serif);font-size:20px;color:var(--an-gold);font-weight:400}.an-hero-right{min-height:690px;position:relative}.an-hero-right img{height:100%;width:100%;object-fit:cover;object-position:51% center}.an-hero-right::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,23,19,.2),transparent 30%),linear-gradient(0deg,rgba(7,14,10,.38),transparent 32%)}.an-hero-credit{position:absolute;z-index:2;bottom:32px;left:34px;color:#fff;background:rgba(15,21,17,.66);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);padding:12px 17px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
/* Trustline */
.an-trustbar{border-bottom:1px solid var(--an-line);background:#131b16}.an-trustbar-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:29px 0}.an-trust-item{display:flex;align-items:center;justify-content:center;gap:17px;border-right:1px solid rgba(255,255,255,.13)}.an-trust-item:last-child{border:0}.an-trust-icon{color:var(--an-gold);font-family:var(--an-serif);font-size:25px}.an-trust-item strong{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.an-trust-item span{display:block;font-size:11px;color:#a9b4ab;margin-top:3px}
/* collection cards */
.an-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.an-collection-card{display:flex;flex-direction:column;min-width:0;background:#222b24;position:relative;min-height:334px;overflow:hidden}.an-collection-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.an-collection-card:hover>img{transform:scale(1.065)}.an-collection-card::after{content:'';inset:0;position:absolute;background:linear-gradient(0deg,rgba(10,17,13,.91),rgba(12,19,15,.09) 72%)}.an-collection-content{margin-top:auto;z-index:2;padding:22px;position:relative}.an-collection-num{color:var(--an-gold);font-size:11px;letter-spacing:.17em}.an-collection-content h3{font-family:var(--an-serif);font-size:25px;font-weight:400;margin:5px 0}.an-collection-content>span:last-child{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#d6ddcf}
/* design grid */
.an-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.an-design-card{min-width:0;background:#f7f5ef;color:#213128;border:1px solid #ebe7de}.an-card-image{position:relative;display:block;overflow:hidden;aspect-ratio:1.26;background:#d8ded4}.an-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.an-design-card:hover .an-card-image img{transform:scale(1.045)}.an-code-tag{position:absolute;left:16px;top:16px;background:rgba(14,21,17,.83);color:#f7e5bf;font-size:11px;font-weight:700;letter-spacing:.12em;padding:6px 10px;border-radius:2px}.an-card-copy{padding:23px 23px 20px}.an-card-copy .an-mini{color:#8b7449;font-size:10px;letter-spacing:.16em}.an-card-copy h3{font-family:var(--an-serif);font-weight:400;font-size:23px;margin:8px 0 19px;min-height:30px;overflow-wrap:anywhere}.an-card-actions{display:flex;justify-content:space-between;border-top:1px solid #e0ddd3;padding-top:13px;gap:12px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.an-card-actions a:hover{color:#9f7b42}.an-card-actions .an-mini-wa{color:#657c64}.an-empty{border:1px solid var(--an-line);padding:50px 30px;text-align:center;color:var(--an-muted)}
/* split featured */
.an-featured{background:#1a2820;overflow:hidden}.an-feature-inner{display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch}.an-feature-image{min-height:460px;overflow:hidden;position:relative}.an-feature-image img{width:100%;height:100%;max-height:600px;object-fit:cover}.an-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,90px)}.an-feature-copy h2{font-size:clamp(38px,5vw,70px);margin:20px 0}.an-feature-copy p{color:#b4c1b5;margin-bottom:32px}.an-feature-copy .an-small-separator{width:74px;height:1px;background:var(--an-gold);margin-bottom:20px}
/* story and services */
.an-story-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center}.an-story-photo{aspect-ratio:1.29;overflow:hidden;position:relative;background:#36473d}.an-story-photo img{height:100%;width:100%;object-fit:cover}.an-story-photo>span{position:absolute;bottom:16px;left:18px;background:rgba(17,23,19,.89);color:#fff;font-size:10px;padding:10px 13px;letter-spacing:.14em;text-transform:uppercase}.an-story-copy h2{font-size:clamp(37px,4.5vw,65px);margin:16px 0 20px}.an-story-copy p{color:#66756b;margin-bottom:25px}.an-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--an-line);border:1px solid var(--an-line)}.an-service{background:#141d17;padding:36px 26px;min-height:242px}.an-service i{display:block;color:var(--an-gold);font-family:var(--an-serif);font-size:33px;font-style:normal;margin-bottom:24px}.an-service h3{font-family:var(--an-serif);font-weight:400;font-size:24px;margin-bottom:12px}.an-service p{font-size:13px;color:#abb7ae}.an-custom-cta{background:#c5ad86;color:#17231a;padding:83px 0}.an-custom-cta-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}.an-custom-cta h2{font-size:clamp(35px,4.7vw,59px);max-width:730px;margin:10px 0}.an-custom-cta p{color:#435145}.an-custom-cta .an-btn{background:#16251b;color:#fff}.an-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.an-faq-grid details{border:1px solid var(--an-line);padding:19px 23px;background:#151c17}.an-faq-grid summary{font-size:15px;cursor:pointer;list-style:none;font-weight:650}.an-faq-grid summary::after{content:'+';float:right;color:var(--an-gold);font-size:21px}.an-faq-grid details[open] summary::after{content:'−'}.an-faq-grid details p{color:#a8b4aa;margin-top:14px;font-size:14px}.an-faq-grid summary::-webkit-details-marker{display:none}
/* footer */
.an-footer{background:#090d0b;border-top:1px solid var(--an-line);padding:75px 0 20px}.an-footer-top{display:grid;grid-template-columns:2.3fr 1fr 1.2fr 1.2fr;gap:60px;margin-bottom:65px}.an-footer-about p{color:#a6b1a8;margin:24px 0;max-width:365px;font-size:14px}.an-footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.an-footer h3{color:var(--an-gold);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:10px}.an-footer-top a:not(.an-text-link),.an-footer-top span:not(.an-wordmark){font-size:13px;color:#bbc5ba}.an-footer-top a:hover{color:var(--an-gold)}.an-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid var(--an-line);font-size:11px;color:#849087}.an-floating-wa{position:fixed;right:20px;bottom:20px;z-index:40;background:#d1ae73;color:#1b281f;padding:12px 20px;box-shadow:0 10px 36px rgba(0,0,0,.3);font-size:12px;font-weight:800;border-radius:4px;display:flex;gap:8px;align-items:center}.an-floating-wa:hover{background:#edc996}
/* inner page */
.an-page-banner{padding:74px 0 58px;background:radial-gradient(circle at 80% 10%,rgba(146,124,83,.1),transparent 50%),#141b16;border-bottom:1px solid var(--an-line)}.an-page-banner h1{font-size:clamp(43px,6vw,81px);margin:20px 0;overflow-wrap:anywhere}.an-page-banner p{color:#b4bfb5}.an-crumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#c6ac82;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.an-crumbs span:last-child{color:#dce1d9}.an-inner-section{padding:70px 0 110px}.an-category-nav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:39px}.an-category-nav a{font-size:11px;letter-spacing:.045em;padding:10px 15px;color:#e6ece4;border:1px solid #425148;background:#1b241d;border-radius:2px}.an-category-nav a:hover,.an-category-nav a.is-active{background:var(--an-gold);border-color:var(--an-gold);color:#1b261d}.an-filter-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:24px;color:#aeb7ae;font-size:12px}.an-search{display:flex;gap:0;max-width:470px;width:100%;background:#1e2820;border:1px solid #536152}.an-search input{padding:12px 14px;background:transparent;border:0;min-width:0;color:#fff;flex:1;outline-offset:1px}.an-search button{border:0;background:var(--an-gold);color:#142219;padding:0 18px;font-size:12px;font-weight:750}.an-pagination{margin-top:50px}.an-pagination ul{list-style:none;margin:0;padding:0;display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.an-pagination a,.an-pagination span{display:block;border:1px solid #526054;padding:9px 15px;color:#fff}.an-pagination .current{background:var(--an-gold);border-color:var(--an-gold);color:#161d17}.an-single-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:clamp(35px,5vw,85px);align-items:start}.an-single-photo{background:#e8e9e0;position:relative}.an-single-photo>img{width:100%;height:auto;max-height:760px;object-fit:contain}.an-single-photo .an-code-tag{top:20px;left:20px}.an-single-info h1{font-size:clamp(38px,4.7vw,64px);margin:22px 0}.an-single-info p{color:#c0c7c0;margin-bottom:25px;font-size:15px}.an-single-meta{padding:25px 0;border-top:1px solid var(--an-line);border-bottom:1px solid var(--an-line);margin:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.an-single-meta dt{font-size:10px;color:#8e9c8e;letter-spacing:.13em;text-transform:uppercase}.an-single-meta dd{margin:6px 0 0;font-size:14px}.an-single-copy{color:#b7c1b9;font-size:14px}.an-single-copy p{margin:0 0 18px}.an-single-copy img{height:auto}.an-single-copy .wp-block-buttons:has(a[href*="wa.me"]){display:none}.an-single-copy>h2,.an-single-copy>h3{font-size:24px;margin:20px 0}.an-single-info .an-btn{margin:8px 0 22px}.an-page-content{background:#f8f6f1;color:#26332a;padding:45px;overflow-wrap:anywhere}.an-page-content a{color:#7d5c2d;text-decoration:underline}.an-page-content h1,.an-page-content h2{margin:24px 0 15px}.an-page-content p{margin:10px 0}.an-page-content img{max-width:100%}.an-page-content .wp-block-columns{display:flex;gap:20px}.an-page-content .wp-block-column{min-width:0;flex:1}.an-no-results{padding:65px 20px;text-align:center;color:#bdc6bd;border:1px solid var(--an-line)}.an-before-reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}
@media(max-width:1050px){.an-container{width:calc(100% - 48px)}.an-hero-left{padding-left:32px;padding-right:25px}.an-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.an-footer-top{gap:35px}.an-nav{gap:13px}.an-nav>a{font-size:11px}.an-wordmark{font-size:24px}.an-hero{min-height:620px}.an-hero-right{min-height:620px}}
@media(max-width:760px){.an-container{width:calc(100% - 36px)}.an-header-inner{min-height:70px}.an-menu-toggle{display:block}.an-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:20px 18px 25px;background:#101712;box-shadow:0 15px 30px rgba(0,0,0,.25)}.an-nav.an-nav-open{display:flex}.an-nav a{padding:8px 12px;font-size:14px}.an-nav .an-nav-cta{margin-top:10px;text-align:center}.an-hero{display:flex;flex-direction:column;min-height:0}.an-hero-left{order:2;padding:42px 22px 53px}.an-hero-right{order:1;min-height:0;height:clamp(220px,56vw,360px)}.an-hero h1{font-size:clamp(43px,10.5vw,69px);margin:16px 0 17px}.an-hero p{font-size:14px}.an-hero-actions{margin:25px 0 28px}.an-hero-bottom{padding-top:20px}.an-hero-credit{bottom:13px;left:13px;padding:8px 11px;font-size:9px}.an-section{padding:68px 0}.an-section-head{align-items:start;flex-direction:column;gap:13px;margin-bottom:27px}.an-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.an-collection-card{min-height:245px}.an-collection-content{padding:13px}.an-collection-content h3{font-size:20px}.an-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.an-card-copy{padding:15px}.an-card-copy h3{font-size:19px;margin-bottom:14px}.an-card-actions{flex-direction:column;gap:10px;font-size:10px}.an-feature-inner,.an-story-inner,.an-single-grid{grid-template-columns:1fr}.an-feature-image{min-height:0;aspect-ratio:1.4}.an-feature-copy{padding:45px 24px 53px}.an-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.an-custom-cta{padding:65px 0}.an-custom-cta-inner{grid-template-columns:1fr}.an-footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 24px}.an-footer-about{grid-column:1/-1}.an-faq-grid{grid-template-columns:1fr}.an-trustbar-inner{padding:18px 0;gap:7px}.an-trust-item{flex-direction:column;gap:6px;text-align:center}.an-trust-item strong{font-size:10px}.an-trust-item span{display:none}.an-page-banner{padding:45px 0}.an-inner-section{padding:45px 0 70px}.an-page-content{padding:21px}.an-page-content .wp-block-columns{flex-direction:column}}
@media(max-width:460px){.an-wordmark{font-size:21px}.an-tagline{font-size:8px;letter-spacing:.23em}.an-hero-actions{display:grid;grid-template-columns:1fr}.an-hero-actions a{width:100%}.an-collection-grid{gap:9px}.an-collection-card{min-height:214px}.an-collection-content h3{font-size:18px}.an-collection-content>span:last-child{font-size:9px}.an-design-grid{grid-template-columns:1fr}.an-card-actions{flex-direction:row}.an-trust-icon{font-size:20px}.an-service{padding:26px 16px;min-height:220px}.an-service h3{font-size:19px}.an-service p{font-size:12px}.an-footer-top{grid-template-columns:1fr 1fr}.an-footer-bottom{flex-direction:column}.an-single-meta{grid-template-columns:1fr 1fr}.an-floating-wa{right:12px;bottom:12px;padding:10px 14px}.an-floating-wa>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.an-before-reveal{opacity:1;transform:none;transition:none}.an-btn,.an-collection-card>img,.an-card-image img{transition:none}}

/* v1.1.0 — Premium real-work portfolio, global enquiries and continuous-scroll catalogues. */
.an-nav-cta,.an-wa-button{gap:10px}.an-nav .an-nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.an-nav .an-nav-cta svg,.an-wa-button svg,.an-floating-wa svg{width:19px;height:19px;flex-shrink:0}
.an-nav .an-nav-cta:hover{background:#213a2d;border-color:#d2ac6d}
.an-hero-global{min-height:670px}.an-hero-global .an-hero-left{padding-top:72px;padding-bottom:72px}
.an-hero-global h1{font-size:clamp(46px,4.9vw,73px)}
.an-hero-project{background:linear-gradient(140deg,#293127 0%,#101512 90%);overflow:hidden}
.an-hero-project picture{display:block;height:100%;width:100%}
.an-hero-project picture img{width:100%;height:100%;object-fit:contain;object-position:center center}
.an-hero-project::after{background:linear-gradient(90deg,rgba(13,20,16,.22),transparent 24%),linear-gradient(0deg,rgba(7,14,10,.18),transparent 28%);pointer-events:none}
.an-hero-global .an-hero-credit{max-width:calc(100% - 42px);border-color:rgba(222,194,146,.36)}
.an-section-sub{font-size:14px;line-height:1.7;margin-top:14px;max-width:620px!important}
.an-real-feature{background:linear-gradient(160deg,#18231c,#111812);border-bottom:1px solid rgba(227,210,173,.1)}
.an-real-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:230px;gap:13px}
.an-real-card{position:relative;overflow:hidden;background:#30463b;min-width:0}
.an-real-card>img{width:100%;height:100%;object-fit:cover;transition:transform .5s;position:absolute;inset:0}
.an-real-card:hover>img{transform:scale(1.04)}
.an-real-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,12,8,.90),transparent 66%)}
.an-real-lead{grid-column:span 2;grid-row:span 2}
.an-real-overlay{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:23px;color:#fff;display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}
.an-real-overlay span{font-size:9px;letter-spacing:.14em;color:#e5bf84;text-transform:uppercase}
.an-real-overlay strong{font-family:var(--an-serif);font-size:21px;font-weight:400;line-height:1.2}
.an-real-lead .an-real-overlay strong{font-size:clamp(27px,3vw,43px)}
.an-real-overlay small{font-size:11px;color:#ecede7;letter-spacing:.09em;text-transform:uppercase}
.an-first-designs{padding-top:85px;padding-bottom:95px}
.an-design-card{display:flex;flex-direction:column}
.an-card-copy{display:flex;flex-direction:column;flex-grow:1}
.an-card-copy h3{margin-bottom:12px;font-size:clamp(18px,1.8vw,22px);min-height:0}
.an-card-note{color:#657167;font-size:12px;line-height:1.6;margin-bottom:16px;flex-grow:1}
.an-card-actions{margin-top:auto}
.an-card-image img{object-fit:contain;background:#ebe9e2}
.an-real-tag{position:absolute;right:9px;bottom:9px;color:#f8f7ee;background:#253e2f;border:1px solid #d9c093;padding:5px 8px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.an-home-catalogue-cta{text-align:center;padding-top:45px}
.an-global-panel{background:radial-gradient(circle at 78% 36%,rgba(148,111,57,.16),transparent 36%),#101a15}
.an-global-panel-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(35px,6vw,90px);align-items:center}
.an-global-panel h2{font-size:clamp(36px,4.5vw,62px);margin:17px 0 20px}
.an-global-panel h2 em{color:#d9bb86}
.an-global-panel p{color:#b2c0b7;max-width:620px;margin:10px 0 26px}
.an-global-info{display:grid;gap:17px}
.an-global-info>div{background:#1a2920;border-left:2px solid #bfa16e;padding:19px 22px}
.an-global-info b{font-family:var(--an-serif);font-size:24px;color:#d3ba8b;margin-right:8px;font-weight:400}
.an-global-info strong{font-weight:700;font-size:14px}
.an-global-info p{font-size:13px;margin:7px 0 0;color:#adbaad}
.an-about-preview .an-story-copy p{color:#b6c2b8}
.an-story-copy .an-btn{margin-top:14px}
.an-auto-scroll-meta{padding-top:44px;display:flex;align-items:center;flex-direction:column;gap:6px;color:#bdc7bd;font-size:12px;text-align:center}
.an-loaded-count{color:#d2ac6d;font-weight:700;letter-spacing:.08em}
.an-scroll-sentinel{height:6px;margin:12px}
.an-scroll-sentinel[hidden]{display:none}
.an-single-technical{padding:21px;border:1px solid #485c4c;background:#19241c;margin-bottom:18px}
.an-single-technical h2{font-size:23px;color:#e8dfd0;margin:0 0 14px}
.an-single-technical p{margin:0 0 12px;color:#cad0c6;font-size:13px}
.an-single-technical ul{padding-left:18px;color:#c5cfc6;font-size:13px;line-height:1.75;margin:0 0 10px}
.an-single-technical li{padding-bottom:6px}
.an-single-technical strong{color:#e7d4ae}
.an-single-info .an-single-footnote{font-size:12px;color:#b8c1b7;margin-bottom:22px}
.an-single-technical .an-single-caution{margin-top:16px;font-size:12px}
.an-about-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.an-about-intro h2{font-size:clamp(38px,4.5vw,60px);margin-top:14px}
.an-about-intro p{color:#b9c4b9;margin-bottom:17px}
.an-founders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.an-founder-card{background:#fff;border:1px solid #ded9ce;color:#1e2a21;overflow:hidden}
.an-founder-photo{height:390px;overflow:hidden;background:#e1e0d7}
.an-founder-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.an-founder-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#a49d8c;background:linear-gradient(145deg,#edece4,#d8dacf)}
.an-founder-placeholder span{font-family:var(--an-serif);font-size:77px;font-weight:400}
.an-founder-placeholder small{font-size:11px;letter-spacing:.2em}
.an-founder-bio{padding:25px 30px}
.an-founder-bio h3{font-size:30px;font-weight:400;margin:8px 0}
.an-founder-bio p{color:#6c756a}
.an-founders-note{font-size:12px;color:#697169;padding-top:25px;max-width:760px}
.an-floating-wa{border-radius:99px;bottom:22px;right:23px;box-shadow:0 14px 36px #0007;background:#d8b477;color:#112017;padding:14px 20px;border:1px solid #f6d99f;gap:10px;letter-spacing:.015em}
.an-floating-wa:hover{background:#efd19c;transform:translateY(-2px)}
.an-floating-wa>span:last-child{display:inline!important}
.an-footer .an-footer-top a{overflow-wrap:anywhere}
@media(max-width:1050px){
 .an-nav{gap:11px}.an-header .an-nav>a{font-size:10px}.an-header .an-nav-cta{padding:10px}
 .an-hero-global .an-hero-left{padding-left:30px;padding-right:24px}
 .an-real-grid{grid-auto-rows:190px}
 .an-global-panel-inner{gap:38px}
}
@media(max-width:760px){
 .an-header .an-nav>a{font-size:14px}
 .an-hero-global{display:flex;flex-direction:column;min-height:0}
 .an-hero-global .an-hero-left{order:1;padding:40px 22px 36px;background:#111713}
 .an-hero-global .an-hero-right{order:2;height:340px;min-height:0;background:#233128}
 .an-hero-project picture img{object-fit:contain;object-position:center center}
 .an-hero-global h1{font-size:clamp(40px,9vw,63px);margin:15px 0 18px}
 .an-hero-global .an-hero-bottom{font-size:10px;line-height:1.6}
 .an-real-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:205px;gap:10px}
 .an-real-card.an-real-lead{grid-column:span 2;grid-row:span 1;min-height:280px}
 .an-real-overlay{padding:13px}
 .an-real-overlay strong{font-size:16px}
 .an-real-lead .an-real-overlay strong{font-size:25px}
 .an-global-panel-inner,.an-about-intro{grid-template-columns:1fr}
 .an-founder-photo{height:310px}
 .an-section-sub{margin-top:9px}
}
@media(max-width:460px){
 .an-hero-global .an-hero-left{padding:34px 20px 30px}
 .an-hero-global .an-hero-right{height:350px}
 .an-hero-global h1{font-size:clamp(38px,9.4vw,49px)}
 .an-real-grid{grid-auto-rows:185px}
 .an-real-card.an-real-lead{min-height:265px}
 .an-real-overlay strong{font-size:14px}
 .an-real-overlay span{font-size:8px}
 .an-founders-grid{grid-template-columns:1fr}
 .an-founder-photo{height:340px}
 .an-floating-wa{bottom:12px;right:12px;font-size:11px;padding:12px 14px}
 .an-global-panel p{font-size:14px}
 .an-real-feature{padding-top:64px}
}
/* Keep navigation spacious on tablets; use the mobile dropdown below 1050px. */
@media (min-width:761px) and (max-width:1050px){
 .an-menu-toggle{display:block}
 .an-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:20px 24px 25px;background:#101712;box-shadow:0 15px 30px rgba(0,0,0,.3);gap:8px}
 .an-nav.an-nav-open{display:flex}
 .an-header .an-nav>a{font-size:14px;padding:10px 12px}
 .an-nav .an-nav-cta{margin-top:10px}
}