/*
Author: Manoj Mathangadeera
Website: https://codemmhub.github.io/
Project: ADEON Digital
File Name: site.css
File Description: Defines the responsive human-led ADEON visual system and accessible interactions.
*/
:root{--slate:#1a2535;--soft:#2c3e55;--paper:#f5f3f0;--gold:#cd9e34;--muted:#bac0c8;--line:#d9d6d0;--serif:Georgia,'Times New Roman',serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--slate);font:17px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{cursor:pointer}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}h1{font-size:clamp(43px,5.6vw,82px);margin-bottom:28px}h2{font-size:clamp(34px,4vw,54px);margin-bottom:24px}h3{font-size:22px;line-height:1.35;font-weight:500}p{margin-bottom:22px}ul{padding-left:22px}p,li{overflow-wrap:break-word}.container{width:min(1240px,calc(100% - 44px));margin-inline:auto}.section{padding-block:72px}.light-section{background:#fff}.section-kicker{font-size:12px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;margin-bottom:24px}.section-heading{margin-bottom:42px}.section-heading p{max-width:600px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 24px;min-height:52px;border:1px solid var(--gold);background:var(--gold);color:var(--slate);border-radius:4px;font-size:14px;font-weight:600;text-decoration:none;line-height:1.5;transition:background .2s,transform .2s}.button span{font-size:20px}.button:disabled{cursor:default;background:#e3e0d8;border-color:#e3e0d8;color:#575652}.dark-button{background:var(--slate);color:var(--paper);border-color:var(--slate)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:600;min-height:44px;text-decoration:none;border-bottom:1px solid currentColor;padding-block:6px}.quiet-link{font-size:14px;display:inline-flex;align-items:center;min-height:44px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.hero-lead{font-size:19px;line-height:1.65;max-width:580px}.hero-small,.small-copy,.shared-footnote,.fiction-caption{font-size:13px;line-height:1.7}.hero-small{margin-top:24px;color:var(--muted)}.action-note{display:block;font-size:12px;margin-top:12px}.review-note{border-left:3px solid var(--gold);padding:14px 18px;background:#f4eee0;font-size:13px;margin-top:24px}.skip-link{position:absolute;z-index:10;top:12px;left:12px;transform:translateY(-160%);background:var(--gold);padding:12px;color:var(--slate)}.skip-link:focus{transform:none}.preview-strip{background:#101925;color:#d5d9de;text-align:center;padding:8px 20px;font-size:11px;letter-spacing:.02em}.preview-strip span{color:#a8b0ba;margin-left:10px}.site-header{background:var(--slate);color:var(--paper);position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding-block:25px}.brand{text-decoration:none;display:flex;align-items:center;gap:23px}.brand img{width:124px;height:31px;object-fit:contain}.brand>span{font-size:11px;border-left:1px solid #58606a;padding-left:23px;color:var(--muted)}#site-nav{display:flex;align-items:center;gap:30px;font-size:13px}#site-nav>a,#site-nav summary{min-height:44px;display:flex;align-items:center;text-decoration:none}#site-nav [aria-current=page]{color:#dbc959}.nav-cta{border-bottom:1px solid var(--gold);gap:20px}.services-nav{position:relative}.services-nav summary{cursor:pointer;gap:10px;list-style:none}.services-nav summary::after{content:'⌄';color:var(--gold)}.services-nav summary::-webkit-details-marker{display:none}.services-menu{position:absolute;top:52px;left:-20px;min-width:240px;background:var(--soft);padding:14px 20px;box-shadow:0 12px 32px #0003}.services-menu a{display:block;padding:12px 0;text-decoration:none}.menu-button{display:none;border:1px solid #56606c;background:transparent;color:var(--paper);min-height:44px;padding:8px 12px;border-radius:4px;font-size:13px}.menu-button span{margin-left:10px}.hero-grid{display:grid;gap:40px}.hero-copy .section-kicker{color:#dbc959}.hero-copy h1{font-size:clamp(44px,5.2vw,78px)}.hero-copy .hero-lead{color:#d4d8df;font-size:17px}.hero-image-wrap{position:relative;padding-bottom:25px;min-width:0}.campaign-photo{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:2px}.hero-image-caption{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:11px;color:#c9ced6;padding-top:14px}.hero-image-caption span:first-child{font-family:var(--serif);font-size:20px;color:var(--paper)}.address-note{position:absolute;right:16px;bottom:0;display:flex;align-items:center;gap:16px;padding:20px;background:var(--paper);color:var(--slate);box-shadow:0 18px 32px #0002;font-family:var(--serif);font-size:22px}.address-note>span{border:1px solid #c5c2bd;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.address-note small{display:block;font:11px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin-top:4px}.intro-section{padding-block:80px}.intro-grid{display:grid;gap:32px}.intro-grid>div>p{max-width:580px}.story-links>div{border-top:1px solid var(--line);padding-top:18px;margin-bottom:24px}.story-links span{font-family:var(--serif);font-size:25px}.story-links p{font-size:14px;margin-top:6px}.showcase-section{background:#eae7e1;padding-block:72px}.showcase-layout{display:grid;gap:32px}.showcase-tabs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px}.showcase-tabs a{padding:18px;min-width:180px;border:1px solid #c9c6bf;text-decoration:none;flex:1}.showcase-tabs span,.showcase-tabs small{display:block;font-size:11px}.showcase-tabs strong{display:block;font-family:var(--serif);font-weight:400;font-size:24px;margin-block:10px}.showcase-tabs a[aria-selected=true]{background:var(--slate);border-color:var(--slate);color:var(--paper)}.showcase-panel>.text-link{margin-top:18px}.showcase-panel+.showcase-panel{margin-top:32px}.fiction-caption{margin-top:20px;margin-bottom:0;color:#575c63}.concept-window{background:#faf7ef;border-radius:8px;overflow:hidden;color:#263631;box-shadow:0 15px 45px #1a25351a;border:1px solid #bfc2bb;min-width:0}.window-bar{background:#e5e4df;border-bottom:1px solid #d2d3cf;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;font-size:10px;color:#60666a}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;background:#9caaa4;border-radius:50%}.concept-mini-nav{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:20px 22px;font-size:10px}.concept-mini-nav strong{font-family:var(--serif);font-size:17px;font-weight:400}.concept-mini-content{padding:18px 22px 26px;display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:center}.mini-role{font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.concept-mini-content h3{font-family:var(--serif);font-size:clamp(22px,2.4vw,36px);font-weight:400;line-height:1.12;letter-spacing:-.04em;margin-bottom:14px}.concept-mini-content p:not(.mini-role){font-size:11px;line-height:1.6;margin-bottom:18px}.mini-photo{width:100%;aspect-ratio:4/5;object-fit:cover}.mini-cta{display:inline-block;border-bottom:1px solid currentColor;font-size:10px;padding-block:5px}.mini-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #c9cdc4;padding:12px 22px;font-size:9px}.concept-window.sarah{background:#edf0f4;color:#213d50}.concept-window.maya{background:#eadfd2;color:#4c382b}.maya .mini-photo{aspect-ratio:4/5;object-position:58% center}.package-grid{display:grid;gap:24px}.package-card{padding:30px;border:1px solid var(--line);display:flex;flex-direction:column}.package-name{font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:30px}.package-card h3{font-family:var(--serif);font-size:31px;font-weight:400;letter-spacing:-.025em;line-height:1.18}.package-card>p:not(.package-name){font-size:14px}.package-price{font-family:var(--serif);font-size:36px;padding-block:20px;border-block:1px solid var(--line)}.package-price span{display:block;font:12px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin-top:4px}.package-card ul{font-size:13px;margin-block:25px;padding-left:18px}.package-card li{margin-bottom:8px}.package-card .text-link{margin-top:auto;align-self:flex-start}.shared-footnote{margin:24px 0 0}.process-steps{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:24px}.process-steps li{border-top:1px solid #c9c8c3;padding-top:24px}.process-steps li>span{font-family:var(--serif);font-size:28px;display:block;margin-bottom:25px}.process-steps h3{font-family:var(--serif);font-size:27px;font-weight:400}.process-steps p{font-size:14px}.split-section{display:grid;gap:42px}.split-section>div>p{max-width:600px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding-block:0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:24px;cursor:pointer;padding:22px 0;font-size:16px;font-weight:500;min-height:64px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding-right:30px;color:#535b66;font-size:15px}.faq-list+.text-link{margin-top:20px}.closing-section{padding-block:70px;background:#e7e2d8}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}.closing-inner h2{font-size:clamp(40px,4.5vw,62px)}.closing-inner p:not(.section-kicker){font-size:15px;margin-bottom:0}.site-footer{background:var(--slate);color:var(--paper);padding-block:64px 24px}.footer-grid{display:grid;gap:36px}.footer-grid h2{font:500 13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0;margin-bottom:20px}.footer-grid a:not(.footer-intro a){display:block;font-size:13px;color:#c4cbd4;text-decoration:none;min-height:40px;padding:7px 0}.footer-intro p{font-family:var(--serif);font-size:24px;line-height:1.4;margin-top:28px}.footer-address{font-size:12px;color:#b7bfca;margin-top:18px;max-width:260px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #46515f;margin-top:40px;padding-top:22px;font-size:11px;color:#bbc3ce}.breadcrumbs{padding-top:25px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0;font-size:11px}.breadcrumbs li:not(:last-child)::after{content:'/';margin-left:10px;color:#878e97}.breadcrumbs a{display:inline-block;min-height:32px}.page-hero{background:var(--paper);padding-block:42px 64px}.page-hero.compact .hero-lead{max-width:650px}.page-hero .hero-small{color:#58606b}.page-hero .split-section{align-items:center}.scope-panel{border:1px solid var(--line);padding:32px;background:var(--paper)}.scope-price{font-family:var(--serif);font-size:45px;margin-bottom:20px}.check-list{padding-left:18px;font-size:14px;margin-block:24px}.check-list li{margin-bottom:10px}.editorial-note{border-left:1px solid #bfc1bf;padding-left:28px}.editorial-note p{font-size:15px}.purchase-row{display:grid;gap:24px;margin-top:24px}.purchase-row h3{font-size:13px;margin-bottom:14px}.table-wrap{overflow-x:auto;margin-top:50px;scrollbar-width:thin}table{width:100%;border-collapse:collapse;min-width:620px;font-size:14px}caption{text-align:left;font-family:var(--serif);font-size:29px;margin-bottom:22px}th,td{padding:19px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}thead th{background:var(--slate);color:var(--paper);font-weight:500}table{font-variant-numeric:tabular-nums}tbody th{font-weight:500;width:32%}td{width:34%}.terms-list>div{border-top:1px solid var(--line);padding-block:24px}.terms-list h3{font-size:19px}.terms-list p{font-size:15px;margin-bottom:0}.fiction-label{display:inline-block;font-size:12px;padding:8px 14px;border:1px solid #a4a394;margin-top:10px}.example-row{display:grid;gap:32px;padding-block:36px;border-bottom:1px solid var(--line)}.example-row:first-child{padding-top:0}.example-job{font-size:14px;margin-top:-8px}.demo-site{border:1px solid #c7c6be;background:#faf7ef;color:#263631;overflow:hidden;border-radius:8px}.demo-site.sarah{background:#edf0f4;color:#213d50}.demo-site.maya{background:#eadfd2;color:#4c382b}.demo-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px}.demo-header strong{font-family:var(--serif);font-size:22px;font-weight:400}.demo-header nav{display:flex;gap:20px;font-size:12px}.demo-header a{min-height:44px;display:flex;align-items:center}.demo-hero{display:grid;gap:28px;align-items:center;padding:32px 24px}.demo-hero h2{font-size:clamp(40px,4.8vw,65px)}.demo-hero p{font-size:16px}.demo-photo{width:100%;max-height:520px;aspect-ratio:4/5;object-fit:cover}.maya .demo-photo{aspect-ratio:3/2}.demo-button{display:inline-flex;min-height:44px;align-items:center;font-size:13px;border-bottom:1px solid currentColor}.demo-story{border-top:1px solid #c5c7bc;padding:40px 24px}.demo-story h3{font-family:var(--serif);font-size:32px;font-weight:400}.demo-story p{max-width:620px}.demo-topics{display:grid;gap:24px;padding:24px}.demo-topics>div{border-top:1px solid #c5c7bc;padding-top:24px}.demo-topics h3{font-family:var(--serif);font-size:27px;font-weight:400}.demo-topics p{font-size:13px}.demo-disclaimer{font-size:11px;background:#00000009;padding:20px 24px}.demo-explanation{margin-top:56px;max-width:680px}.domain-illustration{background:var(--slate);color:var(--paper);padding:40px 28px}.domain-illustration>span{font-size:12px;color:#c0c8d0}.domain-illustration strong{display:block;font-family:var(--serif);font-size:40px;font-weight:400;margin-block:20px;line-height:1.2}.domain-address{background:var(--paper);color:var(--slate);padding:15px 20px;border-radius:4px;font-family:var(--serif);font-size:24px}.domain-illustration>p{font-size:10px;margin-top:8px;color:#c0c8d0}.domain-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.domain-tags span{border:1px solid #718092;font-size:12px;padding:7px 14px}.brand-art{display:grid;place-items:center;gap:30px;background:var(--slate);padding:48px;color:var(--paper)}.brand-art img{width:190px}.brand-art span{text-align:center;font-family:var(--serif);font-size:24px;line-height:1.4}.reading-wide{max-width:850px}.contact-grid{display:grid;gap:48px}.contact-details>a{display:block;padding-block:13px;font-size:17px;border-bottom:1px solid var(--line);text-decoration:none}.contact-details address{font-style:normal;font-size:15px;margin-top:28px}.enquiry-form{border:1px solid var(--line);padding:28px;background:var(--paper)}.form-fields{display:grid;gap:22px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.field input,.field select,.field textarea{display:block;width:100%;padding:12px 14px;border:1px solid #a7acaf;border-radius:3px;background:#fff;color:var(--slate);min-height:48px;font-size:16px}.field textarea{resize:vertical;min-height:150px}.field [aria-invalid=true]{border-color:#9d2929}.field-error{font-size:13px;color:#9d2929;margin-top:6px;margin-bottom:0}.consent{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.7;margin-block:24px;min-height:44px}.consent input{margin-top:5px;width:18px;height:18px;flex-shrink:0}.form-status{border:1px solid #9d2929;padding:16px;font-size:14px;margin-bottom:24px}.form-status.success{border-color:#3b664a}.form-hint{font-size:12px;color:#555d65}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-fields .button{justify-self:start}.privacy-disclosure{margin-top:30px;font-size:13px}.privacy-disclosure summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.privacy-disclosure p{margin-block:16px}.privacy-disclosure .review-note{font-size:12px}@media(min-width:640px){.footer-grid{grid-template-columns:1fr 1fr}.demo-hero,.demo-story,.demo-topics{padding:40px}.demo-topics{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:1fr 1fr}.contact-details{max-width:470px}}@media(min-width:900px){.container{width:min(1240px,calc(100% - 96px))}.section{padding-block:96px}.hero-grid{grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.hero-image-wrap{margin-right:-48px;padding-bottom:30px}.campaign-photo{aspect-ratio:3/2;object-position:center}.hero-image-caption{padding-right:48px}.address-note{right:34px;bottom:0;padding:24px}.hero-image-caption span:last-child{max-width:none;font-size:10px}.intro-grid{grid-template-columns:.55fr 1.5fr 1fr;gap:48px}.intro-section{padding-block:96px}.story-links{padding-top:12px}.showcase-layout{grid-template-columns:280px 1fr;gap:48px;align-items:center}.showcase-tabs{display:grid;gap:0;overflow:visible}.showcase-tabs a{min-width:0;border:0;border-left:2px solid #c4c1b9;padding:23px 25px}.showcase-tabs a[aria-selected=true]{border-left-color:var(--gold)}.showcase-tabs strong{font-size:29px}.package-grid,.purchase-row{grid-template-columns:repeat(3,1fr)}.split-section{grid-template-columns:1fr 1fr;gap:80px}.process-steps{grid-template-columns:repeat(4,1fr);gap:28px}.footer-grid{grid-template-columns:1.1fr 1fr .85fr 1.2fr;gap:44px}.page-hero{padding-block:55px 80px}.service-preview .concept-mini-content{padding:18px 24px 32px;gap:20px}.service-preview .concept-mini-content h3{font-size:29px}.example-row{grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-block:60px}.example-row:nth-child(even)>div:first-child{order:2}.demo-hero{grid-template-columns:1.1fr 1fr;padding:55px;gap:65px}.demo-story,.demo-topics{padding-inline:55px}.demo-topics{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:.85fr 1.2fr;gap:100px}.enquiry-form{padding:36px}.form-fields{grid-template-columns:1fr 1fr}.field-wide{grid-column:1/-1}}@media(max-width:899px){.brand>span{display:none}#site-nav{width:100%;flex-wrap:wrap;gap:10px 25px}.js-ready #site-nav:not(.is-open){display:none}.js-ready .menu-button{display:block}.services-menu{position:static;box-shadow:none}.js-ready #site-nav{flex-direction:column;align-items:stretch;gap:4px;padding-block:12px}.js-ready #site-nav>a,.js-ready #site-nav summary{padding-block:10px}.js-ready .services-nav{width:100%}.services-menu a{min-height:44px}.nav-cta{align-self:flex-start}.header-inner{padding-block:20px}.hero-image-caption{padding-bottom:0}.address-note{position:relative;right:auto;bottom:auto;margin:20px 0 0 auto;width:fit-content;max-width:100%;font-size:20px;padding:16px}.scope-panel{padding:25px}}@media(max-width:380px){.container{width:calc(100% - 36px)}h1{font-size:40px}.hero-copy h1{font-size:41px}.concept-mini-nav{padding:15px}.concept-mini-content{gap:12px;padding:15px}.concept-mini-content h3{font-size:22px}.mini-bottom{padding:10px 15px}.address-note{font-size:17px}.preview-strip span{display:block;margin:0}.demo-header{flex-wrap:wrap}.demo-header nav{gap:16px}.package-card{padding:24px}}@media(hover:hover) and (pointer:fine){.button:not(:disabled):hover{background:#dbc959;transform:translateY(-2px)}.dark-button:hover{background:var(--soft);color:var(--paper)}.text-link:hover span{transform:translate(2px,-2px)}.text-link span{transition:transform .2s}#site-nav a:hover,.footer-grid a:hover{color:#dbc959}.showcase-tabs a:not([aria-selected=true]):hover{background:#dad7cf}}@media(prefers-reduced-motion:no-preference){.campaign-photo{animation:photo-enter .7s ease-out both}.showcase-panel.is-entering{animation:panel-enter .3s ease-out}@keyframes photo-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes panel-enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}/* Photographic story direction, October 2026. */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.outline-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffffb3;background:#101e253b;min-height:52px;padding:14px 24px;border-radius:4px;text-decoration:none;color:#fff;font-size:14px}.people-stories{background:#e9e7e1}.story-card-grid{display:grid;gap:22px}.person-story-card{position:relative;height:470px;overflow:hidden;color:#fff;text-decoration:none;background:#23332b}.story-card-photo{width:100%;height:100%;object-fit:cover;object-position:70% center;transition:transform .6s ease}.story-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#101b21e8,transparent 80%)}.story-card-copy{position:absolute;bottom:28px;left:25px;right:25px}.story-card-copy>p{font-size:12px;margin-bottom:12px}.story-card-copy h3{font-family:var(--serif);font-size:43px;font-weight:400;letter-spacing:-.035em;margin-bottom:22px}.story-card-copy>span{display:flex;justify-content:space-between;min-height:40px;align-items:center;border-top:1px solid #ffffff70;padding-top:12px;font-size:13px}.concept-boundary{padding-block:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:11px}.concept-boundary a{min-height:44px;display:flex;align-items:center}.page-example .breadcrumbs{display:none}.page-example>.closing-section{display:none}.experience-site{--experience-paper:#f2ede3;--experience-ink:#273a2d;--experience-accent:#b57a42;background:var(--experience-paper);color:var(--experience-ink)}.experience-sarah{--experience-paper:#f3f5f3;--experience-ink:#234455;--experience-accent:#b2c4be}.experience-maya{--experience-paper:#eeebe3;--experience-ink:#262922;--experience-accent:#c8bca6}.experience-header{background:var(--experience-ink);color:var(--experience-paper);display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px 22px;flex-wrap:wrap}.experience-name{font-family:var(--serif);font-size:25px;line-height:1.15;text-decoration:none}.experience-name small{display:block;font:10px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.05em;margin-top:5px}.experience-header nav{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.experience-header nav a{min-height:44px;display:flex;align-items:center;text-decoration:none}.experience-hero{position:relative;height:730px;max-height:950px;min-height:620px;color:#fff;background:var(--experience-ink);overflow:hidden}.experience-hero-photo{width:100%;height:100%;object-fit:cover;object-position:70% center}.experience-shade{position:absolute;inset:0;background:linear-gradient(90deg,#142017c9,#14201710),linear-gradient(0deg,#142017b3,transparent 60%)}.experience-hero-copy{position:absolute;left:22px;right:22px;bottom:120px}.experience-hero-copy>p:first-child{font-size:13px;margin-bottom:18px}.experience-hero-copy h1{font-size:clamp(51px,6.2vw,88px);line-height:1.02;letter-spacing:-.04em;max-width:850px;margin-bottom:25px}.experience-hero-copy>p:not(:first-child){font-size:18px;line-height:1.6;max-width:460px}.experience-button{display:inline-flex;align-items:center;gap:24px;min-height:48px;padding:12px 20px;border:1px solid #fff8;color:#fff;text-decoration:none;font-size:13px;background:#ffffff0d}.experience-hero-foot{position:absolute;bottom:24px;left:22px;right:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#e3e6df}.experience-section{padding:70px 22px}.experience-section h2{font-size:clamp(38px,4.2vw,60px)}.experience-copy p{max-width:520px;font-size:16px;line-height:1.8}.experience-eyebrow{font-size:12px!important;margin-bottom:22px}.chef-story,.consultant-intro,.consultant-notes,.photographer-story{display:grid;gap:45px;align-items:center}.experience-portrait{position:relative}.experience-portrait img{width:100%;max-height:620px;aspect-ratio:4/5;object-fit:cover}.image-caption{display:block;font-family:var(--serif);font-style:italic;font-size:22px;margin-top:18px}.chef-signature{font-family:var(--serif);font-style:italic;font-size:48px;margin-block:20px;color:#987449}.experience-text-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;font-size:13px;text-decoration:none;border-bottom:1px solid currentColor}.chef-table{background:#e4e0d4}.experience-section-title{margin-bottom:40px}.experience-section-title>p{max-width:520px;font-size:15px}.food-gallery{display:grid;gap:30px}.food-gallery figure,.portfolio-grid figure{margin:0}.food-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.food-gallery .kitchen-detail{object-position:center 38%}.food-gallery figcaption,.portfolio-grid figcaption{padding-block:18px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:16px;font-family:var(--serif)}.food-gallery figcaption small,.portfolio-grid figcaption small{font:10px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.chef-place{position:relative;min-height:580px;color:#fff;overflow:hidden;display:flex;align-items:flex-end}.chef-place>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.chef-place-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1b2b20df,#1b2b2030)}.chef-place>div:last-child{position:relative;padding:60px 22px;max-width:600px}.chef-place h2{font-size:clamp(44px,4.6vw,66px)}.chef-place p{max-width:460px}.consultant-portrait{position:relative;padding-left:25px}.consultant-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;max-height:590px}.portrait-label{position:absolute;bottom:30px;left:0;padding:18px 26px;background:var(--experience-ink);color:#fff;font-family:var(--serif);font-size:22px}.portrait-label small{font:12px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.consultant-approach{background:#dbe4df}.approach-columns{display:grid;gap:34px}.approach-columns>div{border-top:1px solid #8b9f95;padding-top:25px}.approach-columns>div>span{font-family:var(--serif);font-size:45px}.approach-columns h3{font-family:var(--serif);font-size:30px;font-weight:400;margin-top:28px}.approach-columns p{font-size:15px;max-width:360px}.consultant-work-image img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:73% center}.concept-small{font-size:12px!important}.photographer-story-image img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:75% center}.photographer-portfolio{background:#dcd7cd}.portfolio-grid{display:grid;gap:32px}.portfolio-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:70% center}.portfolio-wide img{aspect-ratio:3/2}.photographer-notes{background:var(--experience-ink);color:var(--experience-paper);text-align:center;padding-block:90px}.photographer-notes h2{font-style:italic;line-height:1.2}.photographer-notes>p:not(:first-child){font-size:12px;color:#c9ccbe}.experience-footer{padding:40px 22px;background:var(--experience-paper);display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:12px;border-top:1px solid #bcc2b7}.experience-footer>strong{font-family:var(--serif);font-size:27px;font-weight:400}.experience-footer>p{flex-basis:100%;margin:0;font-size:10px}.experience-footer>a{min-height:44px;display:flex;align-items:center}.example-conversion{padding-block:70px;background:#e6e2d8}.example-conversion>.container{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}.example-conversion p{font-size:15px;max-width:550px}.mini-immersive{position:relative;min-height:360px;overflow:hidden;color:#fff}.mini-immersive img{width:100%;height:360px;object-fit:cover;object-position:65% center}.mini-immersive::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#162117d9,#16211722),linear-gradient(0deg,#162117a1,transparent)}.mini-immersive-copy{position:absolute;z-index:1;left:24px;right:24px;bottom:25px}.mini-immersive-copy .mini-title{font-family:var(--serif);font-size:clamp(28px,3vw,45px);line-height:1.08;max-width:340px;font-weight:400;letter-spacing:-.03em}.mini-immersive-copy p{font-size:10px}.mini-immersive-copy>span{font-size:11px;border-bottom:1px solid #fff8;padding-bottom:5px}.mini-photo-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.mini-photo-strip img{width:100%;height:100px;object-fit:cover;object-position:70% center}.concept-window{border-radius:3px}.window-bar{font-size:10px}.mini-bottom{font-size:10px}@media(min-width:640px){.story-card-grid{grid-template-columns:repeat(3,1fr)}.person-story-card{height:430px}.story-card-copy h3{font-size:34px}.story-card-copy{left:20px;right:20px}.food-gallery{grid-template-columns:1fr 1fr}.food-feature{grid-column:1/-1}.food-feature img{aspect-ratio:16/9}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-wide{grid-column:1/-1}.approach-columns{grid-template-columns:repeat(3,1fr);gap:25px}}@media(min-width:900px){.person-story-card{height:540px}.story-card-copy{left:28px;right:28px;bottom:35px}.story-card-copy h3{font-size:48px}.experience-header{padding:26px max(48px,calc((100vw - 1240px)/2))}.experience-name{font-size:31px}.experience-header nav{gap:35px}.experience-hero{height:calc(100svh - 100px);min-height:690px}.experience-hero-copy{left:max(48px,calc((100vw - 1240px)/2));right:48px;bottom:125px}.experience-hero-foot{left:max(48px,calc((100vw - 1240px)/2));right:max(48px,calc((100vw - 1240px)/2));bottom:34px}.experience-section{padding:100px max(48px,calc((100vw - 1240px)/2))}.chef-story,.consultant-intro,.consultant-notes,.photographer-story{grid-template-columns:1fr 1fr;gap:100px}.food-gallery{grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:30px 42px}.food-feature{grid-column:auto;grid-row:span 2}.food-feature img{aspect-ratio:auto;height:calc(100% - 74px);min-height:620px}.food-gallery>figure:not(.food-feature) img{height:265px;aspect-ratio:auto}.chef-place{min-height:680px}.chef-place>div:last-child{margin-left:max(48px,calc((100vw - 1240px)/2));padding:70px 0;max-width:640px}.approach-columns{gap:50px}.consultant-work-image img{max-height:600px}.portfolio-wide img{aspect-ratio:16/9}.portfolio-grid>figure:not(.portfolio-wide) img{aspect-ratio:4/3}.experience-footer{padding:40px max(48px,calc((100vw - 1240px)/2))}.photographer-notes{padding-block:110px}.mini-immersive img{height:400px}.mini-immersive{min-height:400px}}@media(max-width:899px){.experience-hero{height:710px;min-height:620px}.experience-hero-copy h1{font-size:50px}.experience-shade{background:linear-gradient(0deg,#132317df 0%,#13231788 55%,#13231710 100%)}.experience-hero-copy>p:not(:first-child){font-size:17px}.experience-hero-copy{bottom:115px}.experience-hero-foot{flex-direction:column;gap:5px}.experience-header{gap:14px}.experience-header nav{gap:22px;justify-content:space-between;width:100%}.experience-header nav a{font-size:11px}.food-gallery figcaption,.portfolio-grid figcaption{flex-direction:column;align-items:flex-start;gap:4px}.brand>span{display:block;font-size:10px;border:0;padding:0}.brand{flex-direction:column;align-items:flex-start;gap:6px}.mini-immersive-copy{left:20px;right:20px}.mini-immersive img{height:340px}.mini-immersive{min-height:340px}.mini-immersive-copy .mini-title{font-size:32px}.mini-photo-strip img{height:85px}.concept-boundary{gap:5px 16px}.concept-boundary span{flex-basis:100%;order:3;font-size:10px}}@media(max-width:380px){.experience-hero-copy h1{font-size:44px}.experience-header nav{gap:12px}.experience-name{font-size:25px}.experience-hero{height:680px}}@media(hover:hover) and (pointer:fine){.person-story-card:hover .story-card-photo{transform:scale(1.04)}.outline-button:hover,.experience-button:hover{background:#ffffff20}.experience-text-link:hover{opacity:.75}}@media(prefers-reduced-motion:reduce){.story-card-photo{transition:none}.person-story-card:hover .story-card-photo{transform:none}}/* Keep the initial phone header stable; no-JS navigation uses its own stylesheet. */
@media(max-width:899px){#site-nav{display:none}.js-ready #site-nav.is-open{display:flex}}
/* ==========================================================================
   October 2026 rebuild. Written MOBILE FIRST: base rules target phones
   (most visitors arrive from WhatsApp), min-width queries add desktop layout.
   Sections: home hero + phone mockup, media splits, who grid, contrast band,
   currency switch, image-led closing section, demo schema panel.
   ========================================================================== */
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}

/* Hero: photo on top with the headline over its lower edge, copy and phone below on slate. */
.home-hero{background:var(--slate);color:#fff}
/* Phones: about 25% shorter than the original 80svh so the lead and the main button land on the first screen (WhatsApp visitors decide fast). Desktop height is set in the 900px query. */
.home-hero-media{position:relative;min-height:min(60svh,480px);display:flex;align-items:flex-end;overflow:hidden}
.home-hero-media picture,.home-hero-photo{position:absolute;inset:0;width:100%;height:100%}
.home-hero-photo{object-fit:cover;object-position:62% 25%}
/* Shade keeps white text above 4.5:1 contrast whatever photo sits underneath. */
.home-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1a253500 30%,#1a2535b3 62%,var(--slate) 100%)}
.home-hero-headline{position:relative;padding-top:96px;padding-bottom:8px}
.home-hero h1{font-size:clamp(38px,10vw,86px);color:#fff;margin:0;max-width:13ch}
.home-hero h1 span{display:block;color:#f0d28f}
.home-hero-body{display:grid;gap:44px;padding-block:20px 60px}
.home-hero-lead{font-size:19px;line-height:1.5;color:#d6dbe2;max-width:36ch}
.home-hero-lead strong{display:block;margin-top:6px;color:#fff;font-weight:500}
.home-hero .hero-actions{gap:12px}
.home-hero .hero-actions a{width:100%}
.home-hero-note{font-size:13px;color:var(--muted);margin:16px 0 0}

/* Phone mockup: pure HTML/CSS so it stays crisp and costs no image weight. */
.phone-mock{margin:0;justify-self:center;width:min(280px,80vw)}
.phone-frame{background:#0c131c;border-radius:40px;padding:11px;box-shadow:0 30px 70px #00000080,inset 0 0 0 2px #34465e}
.phone-bar{background:#ece8e1;color:#535b66;border-radius:30px 30px 0 0;font-size:11px;padding:14px 14px 9px;text-align:center;letter-spacing:.01em}
.phone-lock{font-size:7px;color:#2f8a55;margin-right:6px;vertical-align:2px}
.phone-screen{background:#fff;color:var(--slate);border-radius:0 0 30px 30px;padding:22px 20px 26px}
.phone-headshot{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 20%;margin-bottom:16px}
.phone-hello{font-family:var(--serif);font-size:28px;line-height:1.1;letter-spacing:-.03em;margin-bottom:6px}
.phone-role{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9a7421;margin-bottom:12px}
.phone-text{font-size:14px;line-height:1.5;color:#535b66;margin-bottom:16px}
.phone-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.phone-chips span{font-size:11px;border:1px solid var(--line);border-radius:99px;padding:5px 10px}
.phone-verified{font-size:11px;font-weight:600;color:#2f8a55;margin:0}
.phone-mock figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:12px}

/* Media split: image then copy on phones, side by side on desktop. */
.media-split{display:grid;background:var(--paper)}
.media-split-image img{width:100%;aspect-ratio:4/3;object-fit:cover}
.media-split-copy{padding:44px 22px 60px;max-width:640px}
.media-split-copy h2{font-size:clamp(32px,7vw,52px)}
.ai-section{background:var(--slate);color:#fff}
.ai-section h2{color:#fff}
.ai-section .small-copy{color:var(--muted)}
.ai-section .small-copy a{color:#f0d28f}
.pillars{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:18px}
.pillars li{padding-left:18px;border-left:2px solid var(--gold);color:#cdd3db;font-size:16px}
.pillars strong{display:block;color:#fff;font-weight:600}

/* Who it is for: 2x2 on phones, one row of four on desktop. */
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.who-card{margin:0;position:relative;border-radius:8px;overflow:hidden;background:#ddd8cf}
.who-card img{width:100%;aspect-ratio:4/5;object-fit:cover}
.who-card figcaption{position:absolute;inset:auto 0 0;padding:34px 12px 12px;background:linear-gradient(#1a253500,#1a2535e0);color:#fff;font-size:14px;font-weight:600}

/* Links vs story: one bold line on gold. */
.contrast-band{background:var(--gold);color:var(--slate);padding-block:60px}
.contrast-quote{font-family:var(--serif);font-size:clamp(27px,6vw,48px);line-height:1.15;letter-spacing:-.03em;max-width:26ch;margin-bottom:24px;color:#1a2535b3}
.contrast-quote span{color:var(--slate)}

/* Currency switch: 44px targets for touch. Hidden until site.js enhances it. */
.currency-switch{display:inline-flex;gap:2px;padding:3px;margin:0 0 26px;border:1px solid var(--line);border-radius:99px;background:#fff}
.currency-switch button{min-height:44px;min-width:56px;border:0;border-radius:99px;background:none;color:#535b66;font-size:13px;font-weight:600}
.currency-switch button[aria-pressed=true]{background:var(--slate);color:#fff}
.page-hero .currency-switch{margin-top:18px}

/* Closing section (every page except contact and examples): image led. */
.closing-section{position:relative;padding-block:0;background:var(--slate);color:#fff;overflow:hidden}
.closing-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.closing-section .closing-inner{position:relative;padding-block:44px 64px}
.closing-section h2{color:#fff}
.closing-section p{color:#cdd3db}
.closing-section .section-kicker{color:var(--gold)}

/* Demo pages: visible structured data illustration (not live markup). */
.schema-panel{display:grid;gap:28px;padding:60px 22px;background:#111b27;color:#d9dfe6}
.schema-panel h2{color:#fff}
.schema-panel pre{margin:0;max-width:100%;overflow:auto;background:#0a1018;border:1px solid #2c3e55;border-radius:10px;padding:18px;font-size:12px;line-height:1.65;color:#cfe5c8}

@media(min-width:640px){
 .home-hero .hero-actions a{width:auto}
 .who-grid{gap:16px}
}
@media(min-width:900px){
 .home-hero-media{min-height:min(88vh,860px)}
 .home-hero-photo{object-position:70% 30%}
 .home-hero-shade{background:linear-gradient(90deg,#1a2535e6 0%,#1a253599 38%,#1a253500 65%),linear-gradient(180deg,#1a253500 70%,var(--slate) 100%)}
 .home-hero-headline{padding-bottom:44px}
 .home-hero-body{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:60px;padding-bottom:90px}
 /* Phone overlaps the photo above it, which ties the person to his website visually. */
 .phone-mock{width:300px;margin-top:-300px;position:relative;z-index:2}
 .media-split{grid-template-columns:1fr 1fr;align-items:stretch}
 .media-split-image img{height:100%;min-height:560px;aspect-ratio:auto}
 .media-split-copy{align-self:center;padding:80px clamp(40px,6vw,96px)}
 .media-split-reverse .media-split-image{order:2}
 .who-grid{grid-template-columns:repeat(4,1fr);gap:20px}
 .contrast-band{padding-block:90px}
 .closing-media{position:absolute;inset:0}
 .closing-media img{height:100%;aspect-ratio:auto;object-position:75% 40%}
 .closing-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1a2535f2 0%,#1a2535b3 45%,#1a253500 75%)}
 .closing-section .closing-inner{padding-block:150px}
 .schema-panel{grid-template-columns:1fr 1.25fr;align-items:center;padding:96px max(22px,calc((100% - 1240px)/2))}
}

/* Price spans (.money) sit inside containers that style child spans as small labels; keep prices at the container's size. */
.package-price>.money{display:inline;font:inherit;margin:0}
/* Closing photo on phones: crop from the top so the face stays in frame. */
.closing-media img{object-position:50% 12%}
@media(min-width:900px){.closing-media img{object-position:75% 40%}}
/* .button span is sized for the arrow icon; a span that IS the label keeps the button's own size. */
.button>span:only-child{font-size:inherit}
/* The problem section and the people grid share the paper background, so stacked padding read as a dead gap. */
.fragments-section+.who-section{padding-top:12px}
@media(min-width:900px){.fragments-section+.who-section{padding-top:72px}}
/* Same reason: the price span inside a button label must match the label, not the 20px icon size. */
.button .money{font-size:inherit}