@font-face{font-family:Manrope;src:url("/assets/fonts/manrope-latin-variable.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
:root{--teal:#006b63;--ivory:#f4f1e8;--ink:#102624;--citron:#ddf078;--muted:#4b625e;--line:#c5cec4;--soft:#e9eadd;--radius:8px;--page:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:600;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(3.4rem,6.2vw,5.6rem);line-height:1.06}h2{font-size:clamp(2.45rem,4.15vw,3.75rem)}h3{font-size:clamp(1.7rem,2.3vw,2.2rem);line-height:1.18}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%}button,[type="button"],[type="submit"]{color:inherit}button svg,a svg{flex:none}a svg{vertical-align:middle}[hidden]{display:none!important}::selection{background:var(--citron);color:var(--ink)}
:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.product-section :focus-visible,.site-footer :focus-visible{outline-color:var(--citron)}.container,.header-inner{width:calc(100% - 96px);max-width:var(--page);margin-inline:auto}.accent-text{color:var(--teal)}.eyebrow{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.section-note{font-size:14px;line-height:1.5;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.action-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:fixed;left:16px;top:12px;padding:12px 20px;background:var(--ink);color:var(--ivory);z-index:100;transform:translateY(-180%);border-radius:var(--radius)}.skip-link:focus{transform:none}
.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:var(--ivory)}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.brand img{width:220px;height:auto;object-fit:contain}.nav{display:flex;align-items:center;gap:30px}.nav>a{font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;text-decoration:none;white-space:nowrap}.nav>a:not(.nav-cta):hover{color:var(--teal)}.nav-cta{padding:10px 20px;border:1px solid var(--teal);color:var(--teal);border-radius:var(--radius);margin-left:6px}.nav-cta:hover{background:var(--teal);color:var(--ivory)}.icon-button{border:1px solid var(--line);background:transparent;border-radius:var(--radius);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.menu-button{display:none;width:44px;height:44px;flex-direction:column;gap:6px;flex-shrink:0}.menu-button span{height:1.5px;width:19px;background:var(--ink)}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.hero,.product-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding-block:64px 48px}.hero-copy{padding-block:18px}.hero-copy .eyebrow{margin-bottom:26px}.hero-line{display:block}.hero-description{font-size:18px;line-height:1.8;max-width:490px;margin-top:28px;color:var(--muted)}.hero-actions,.start-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:56px;padding:15px 24px;border:1px solid transparent;border-radius:var(--radius);font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button.primary{background:var(--teal);color:var(--ivory);border-color:var(--teal);box-shadow:0 4px 14px rgba(0,107,99,.18)}.button.primary:hover{background:var(--ink);border-color:var(--ink);box-shadow:0 6px 20px rgba(16,38,36,.25)}.button.secondary{background:transparent;border-color:var(--teal);color:var(--teal)}.button.secondary:hover{background:rgba(0,107,99,.06);box-shadow:0 4px 14px rgba(0,107,99,.1)}.button.light-button{background:var(--ivory);color:var(--teal);border-color:var(--ivory);box-shadow:0 4px 14px rgba(0,0,0,.08)}.button.light-button:hover{background:var(--citron);border-color:var(--citron);color:var(--ink);box-shadow:0 6px 20px rgba(221,240,120,.3)}.hero-footnote{font-size:13px;line-height:1.6;color:var(--muted);margin-top:26px}.hero-art{min-width:0}.food-poster{position:relative;height:570px;border-radius:14px;overflow:hidden;isolation:isolate;background:var(--ink);color:white}.food-poster>img{width:100%;height:100%;object-fit:cover;object-position:38% 50%}.food-poster::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(6,28,26,.75) 0%,transparent 40%,rgba(6,28,26,.25) 55%,rgba(6,28,26,.96) 100%);pointer-events:none}.poster-top,.poster-copy{position:absolute;z-index:1;left:32px;right:32px}.poster-top{top:28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.poster-top>span:first-child{font-size:22px;font-weight:800;letter-spacing:-.03em}.poster-label{font-size:12px}.poster-copy{bottom:30px}.poster-copy>p:first-child{font-size:13px;margin-bottom:8px}.poster-headline{font-size:58px;font-weight:600;letter-spacing:-.05em;line-height:1.04}.poster-rule{display:block;height:1px;background:rgba(244,241,232,.45);margin-block:20px 14px}.poster-copy>p:last-child{font-size:12px}.hero-art>figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.focus-strip{display:grid;grid-template-columns:1.35fr 1fr .9fr 1fr;gap:32px;align-items:center;padding-block:28px 32px;border-top:1px solid var(--line);margin-top:8px}.focus-strip p{font-size:13px;line-height:1.6;color:var(--muted)}.focus-strip>span{font-size:21px;font-weight:500;letter-spacing:-.025em}
.product-section{background:var(--teal);color:var(--ivory);padding-block:78px}.product-section .section-note{color:var(--ivory)}.product-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start;margin-bottom:42px}.product-intro h2{max-width:600px}.product-description p{font-size:16px;line-height:1.85;max-width:475px}.product-description p+p{margin-top:16px}.product-description .button{margin-top:26px}.product-details{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;border-top:1px solid #63928b;margin-top:32px;padding-top:24px;font-size:14px}.product-details span::before{content:"";display:inline-block;width:7px;height:7px;background:var(--citron);border-radius:50%;margin-right:12px}
.studio-demo{background:var(--ivory);color:var(--ink);border-radius:12px;overflow:hidden}.studio-top{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:19px 30px}.studio-top>p{font-size:15px;font-weight:700}.studio-mode{font-size:12px;color:var(--muted)}.studio-body{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:38px 52px}.studio-controls{max-width:420px;padding-block:8px}.mini-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}.studio-controls h3{font-size:34px}.control-intro{font-size:14px;color:var(--muted);margin:15px 0 28px;max-width:350px}.field-label{display:block;font-size:12px;font-weight:700;line-height:1.6;margin-bottom:10px}.category-options{display:flex;gap:8px;margin-bottom:23px;flex-wrap:wrap}.category-options button{font-size:12px;line-height:1.4;min-height:44px;padding:10px 16px;border:1px solid #8a9d94;background:transparent;border-radius:6px;font-weight:600}.category-options button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:var(--ivory)}.studio-controls input{width:100%;height:48px;padding:10px 14px;border:1px solid #8a9d94;background:transparent;border-radius:6px;font-size:15px;color:var(--ink)}.scene-control-label{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.scene-counter{font-size:12px;color:var(--muted);margin-bottom:10px}.scene-steps{border-top:1px solid var(--line)}.scene-step{display:flex;align-items:center;width:100%;min-height:48px;gap:18px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font-size:14px;padding:12px 6px}.scene-step span{font-size:11px;color:var(--muted)}.scene-step b{margin-left:auto;font-size:16px;font-weight:500}.scene-step[aria-pressed=true]{color:var(--teal);font-weight:800}.story-preview{display:flex;flex-direction:column;align-items:center;min-width:0}.story-frame{position:relative;width:100%;max-width:310px;aspect-ratio:9/14;overflow:hidden;border-radius:8px;isolation:isolate;background:var(--ink);color:#fff}.story-frame>img{width:100%;height:100%;object-fit:cover;object-position:40% 50%;transition:object-position .3s ease}.story-frame[data-beat="1"]>img{object-position:28% 50%}.story-frame[data-beat="2"]>img{object-position:55% 50%}.story-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,28,26,.88),transparent 35%,rgba(6,28,26,.35) 52%,#061c1a 100%)}.story-brand,.story-format{position:absolute;top:21px;font-size:12px;z-index:1;line-height:1.5}.story-brand{left:23px;max-width:56%;font-weight:700;overflow-wrap:anywhere}.story-format{right:21px;font-size:10px}.story-copy{position:absolute;bottom:28px;left:23px;right:23px}.story-label{font-size:10px;line-height:1.5;margin-bottom:10px}.story-headline{font-size:31px;line-height:1.1;letter-spacing:-.045em;white-space:pre-line;font-weight:600}.story-cta{display:block;font-size:10px;line-height:1.6;margin-top:18px}.story-note{width:100%;max-width:350px;margin-top:18px;line-height:1.5;text-align:center}.story-note-title{font-size:13px;font-weight:700}.story-note-text{font-size:12px;color:var(--muted);margin-top:5px}.demo-disclaimer{border-top:1px solid var(--line);text-align:center;padding:18px 24px;font-size:12px;line-height:1.7;color:var(--muted)}.product-section .studio-demo :focus-visible{outline-color:var(--teal)}
.direction-section{padding-block:86px 80px}.direction-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end;margin-bottom:42px}.direction-intro>p{max-width:400px;color:var(--muted);font-size:17px;line-height:1.8}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.direction-card{min-width:0}.direction-card figure img{width:100%;height:300px;object-fit:cover;border-radius:10px}.direction-card:first-child figure img{object-position:50% 50%}.direction-card:nth-child(2) figure img{object-position:50% 50%}.direction-card figcaption{font-size:11px;color:var(--muted);margin-top:8px}.card-number{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:block;color:var(--teal);margin-top:26px}.direction-card h3{margin-top:14px}.direction-card>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:350px;margin-top:16px}.brand-presence-art{height:300px;background:var(--teal);color:var(--ivory);border-radius:10px;position:relative;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;margin-bottom:26px}.brand-presence-art .art-small{font-size:9px;letter-spacing:.13em}.brand-presence-art img{position:absolute;width:110px;height:110px;right:26px;top:28px;object-fit:contain}.brand-presence-art .art-large{margin-top:auto;font-size:45px;line-height:1.03;letter-spacing:-.05em;font-weight:500;position:relative}.company-section{background:var(--soft);padding-block:72px}.company-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px}.company-heading .eyebrow{margin-bottom:30px}.company-copy p{font-size:15px;line-height:1.85;color:var(--muted);max-width:480px}.company-copy .large-copy{font-size:23px;line-height:1.6;color:var(--ink);letter-spacing:-.02em}.company-copy p+p{margin-top:20px}.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:14px;font-weight:700;color:var(--teal);margin-top:24px;text-decoration:none}.text-link:hover{text-decoration:underline}

.start-section{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding-block:86px}.start-section .eyebrow{margin-bottom:26px}.start-section h2{font-size:clamp(2.6rem,4.8vw,4.5rem)}.start-section>div>p:not(.eyebrow){color:var(--muted);font-size:16px;margin-top:24px;max-width:420px}.contact-actions{padding-top:8px}.contact-handle{font-size:13px;color:var(--muted);margin:10px 0 28px}.brief-option{border-top:1px solid var(--line);padding-top:25px;max-width:400px}.brief-option p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:12px;max-width:350px}.site-footer{background:var(--ink);color:var(--ivory);padding-block:52px 26px}.footer-top{display:flex;justify-content:space-between;gap:48px;padding-bottom:42px}.footer-top .brand img{width:240px}.footer-top p{font-size:15px;line-height:1.7;margin-top:24px}.footer-links{display:grid;grid-template-columns:repeat(2,auto);align-content:start;gap:8px 60px}.footer-links a{font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:12px;min-height:44px}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #50635e;display:flex;justify-content:space-between;gap:24px;padding-top:23px;font-size:12px}
.product-hero{padding-block:64px 72px}.product-hero h1{font-size:clamp(3.3rem,6.2vw,5.5rem)}.breakfast-poster>img{object-position:51% 50%}.offering-section{padding-block:70px;background:var(--soft)}.offering-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:end}.offering-intro>p{max-width:450px;font-size:16px;line-height:1.85;color:var(--muted)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:54px}.benefit-grid article{border-top:1px solid #a6b7ac;padding-top:22px}.benefit-grid .card-number{margin-top:0;margin-bottom:20px}.benefit-grid h3{font-size:23px;max-width:300px}.benefit-grid p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:16px;max-width:340px}.product-faq{padding-block:84px;display:grid;grid-template-columns:1fr 1.2fr;gap:72px}.product-faq .eyebrow{margin-bottom:26px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;min-height:76px;padding:23px 34px 23px 0;font-size:16px;line-height:1.7;font-weight:600;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:4px;top:20px;font-size:24px;font-weight:400;color:var(--teal)}details[open] summary::after{content:"−"}details p{font-size:14px;line-height:1.9;color:var(--muted);padding:0 28px 24px 0}.makia-contact{border-top:1px solid var(--line);padding-block:70px 84px}.makia-contact .eyebrow{margin-bottom:25px}.makia-contact h2{font-size:clamp(2.7rem,5vw,4.5rem)}
.brief-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:30px;border:1px solid var(--line);border-radius:14px;background:var(--ivory);color:var(--ink);overflow-y:auto}.brief-dialog::backdrop{background:rgba(16,38,36,.65)}.dialog-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.dialog-top .eyebrow{font-size:10px}.dialog-close{font-size:28px;line-height:1}.brief-dialog h2{font-size:40px}.dialog-intro{font-size:14px;color:var(--muted);margin-top:18px}#brief-form,#lead-form{margin-top:20px}#brief-form label,#lead-form label{font-size:13px;font-weight:700;display:block;margin-top:14px;margin-bottom:6px}#brief-form input,#brief-form select,#brief-form textarea,#lead-form input,#lead-form select,#lead-form textarea{width:100%;border:1px solid #80988f;border-radius:6px;background:transparent;padding:12px 14px;color:var(--ink);font-size:15px;line-height:1.5;transition:border-color .18s ease,box-shadow .18s ease}#brief-form input:focus,#brief-form select:focus,#brief-form textarea:focus,#lead-form input:focus,#lead-form select:focus,#lead-form textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px rgba(0,107,99,.15)}#brief-form textarea,#lead-form textarea{resize:vertical;min-height:95px;max-height:220px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:540px){.form-row{grid-template-columns:1fr;gap:0}}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.brief-status{font-size:13px;margin-top:16px;font-weight:700}.privacy-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:12px}.noscript-note{margin:0;padding:24px;background:var(--soft);font-size:14px}.brief-opener{display:none}.has-js .brief-opener{display:inline-flex}
.legal-page{max-width:850px;padding-block:70px 90px}.legal-page h1{font-size:clamp(2.6rem,5.3vw,4.4rem);margin-top:26px}.legal-date{font-size:13px;color:var(--muted);margin-top:24px;margin-bottom:45px}.legal-page h2{font-size:24px;line-height:1.4;margin-top:32px;margin-bottom:12px;letter-spacing:-.02em}.legal-page>p:not(.legal-date):not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.9}.legal-page>p+p{margin-top:14px}.legal-page a{color:var(--teal)}.missing-page{padding-block:80px 100px;min-height:580px}.missing-page h1{margin-top:24px;font-size:clamp(3.4rem,7vw,6.5rem)}.missing-page>p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted);max-width:460px;margin-top:26px}
@media(min-width:1700px){.hero,.product-hero{gap:88px;padding-block:76px 60px}.food-poster{height:600px}.hero h1{font-size:92px}}
@media(max-width:1150px){.container,.header-inner{width:calc(100% - 64px)}.hero,.product-hero{gap:36px}.hero h1,.product-hero h1{font-size:clamp(3.25rem,6.4vw,4.6rem)}.food-poster{height:510px}.hero-description{font-size:16px}.hero-actions{gap:10px}.button{padding-inline:18px;gap:18px}.product-intro,.direction-intro,.company-grid,.start-section{gap:40px}.studio-body{padding:32px;gap:36px}.direction-card figure img,.brand-presence-art{height:250px}.brand-presence-art img{width:80px;height:80px}.brand-presence-art .art-large{font-size:36px}.offering-intro{gap:40px}.nav{gap:22px}.product-faq{gap:42px}}
@media(max-width:860px){.container,.header-inner{width:calc(100% - 48px)}.header-inner{min-height:90px;flex-wrap:wrap;gap:0}.brand img{width:200px}.has-js .menu-button{display:inline-flex}.nav{width:100%;flex-wrap:wrap;gap:12px 24px;padding-block:6px 22px}.has-js .nav{display:none;position:absolute;top:100%;left:0;padding:18px 24px 24px;background:var(--ivory);border-bottom:1px solid var(--line)}.has-js .nav[data-open=true]{display:flex}.nav-cta{margin-left:auto}.hero,.product-hero{gap:32px;padding-block:42px}.hero h1,.product-hero h1{font-size:clamp(2.8rem,6vw,3.75rem)}.hero-copy .eyebrow{font-size:10px;margin-bottom:20px}.hero-description{font-size:15px;line-height:1.8;margin-top:22px}.hero-actions{margin-top:24px}.hero-footnote{font-size:12px}.food-poster{height:460px}.poster-top,.poster-copy{left:22px;right:22px}.poster-top{top:23px}.poster-headline{font-size:45px}.poster-copy>p:first-child{font-size:11px}.poster-copy>p:last-child{font-size:10px}.hero-art>figcaption{font-size:11px}.focus-strip{gap:20px;grid-template-columns:1.2fr 1fr .7fr 1fr}.focus-strip>span{font-size:17px}.focus-strip p{font-size:11px}.product-section{padding-block:56px}.product-intro{grid-template-columns:1fr 1fr;gap:32px}.product-intro h2{font-size:37px}.product-description p{font-size:14px}.studio-body{padding:26px;gap:28px}.studio-controls h3{font-size:28px}.category-options{gap:6px}.category-options button{padding-inline:10px;font-size:11px}.control-intro{font-size:13px}.story-headline{font-size:27px}.direction-section{padding-block:60px}.direction-intro{gap:32px}.direction-intro h2{font-size:36px}.direction-intro>p{font-size:15px}.direction-grid{gap:20px}.direction-card figure img,.brand-presence-art{height:220px}.direction-card h3{font-size:23px}.direction-card>p{font-size:13px}.brand-presence-art{padding:18px}.brand-presence-art img{width:65px;height:65px;right:18px;top:38px}.brand-presence-art .art-large{font-size:32px}.brand-presence-art .art-small{font-size:7px}.company-section{padding-block:56px}.company-copy .large-copy{font-size:20px}.company-copy p{font-size:14px}.company-grid,.start-section{gap:32px}.company-heading h2{font-size:36px}.start-section{padding-block:60px}.start-section h2{font-size:40px}.contact-actions .button{gap:16px;font-size:13px}.footer-top{gap:32px}.footer-links{gap:4px 28px}.footer-links a{font-size:12px}.offering-intro{grid-template-columns:1fr;gap:24px}.offering-intro>p{max-width:600px}.benefit-grid{gap:24px}.benefit-grid h3{font-size:20px}.product-faq{grid-template-columns:1fr 1.2fr;gap:30px;padding-block:60px}.product-faq h2{font-size:36px}}
@media(max-width:640px){.container,.header-inner{width:calc(100% - 40px)}.header-inner{min-height:86px}.hero,.product-hero{grid-template-columns:1fr;gap:30px;padding-block:32px 30px}.hero-copy{padding-block:0}.hero-copy .eyebrow{font-size:10px;margin-bottom:22px}.hero h1,.product-hero h1{font-size:clamp(2.65rem,10.7vw,4.3rem);line-height:1.08;letter-spacing:-.05em}.hero-description{font-size:16px;margin-top:24px;max-width:480px}.hero-actions{gap:10px;margin-top:26px}.button{min-height:54px;font-size:13px;padding:14px 17px;gap:20px}.hero-footnote{font-size:12px;margin-top:20px}.food-poster{height:430px;border-radius:10px}.poster-top,.poster-copy{left:26px;right:26px}.poster-headline{font-size:54px}.poster-label{font-size:11px}.poster-copy>p:first-child{font-size:12px}.poster-copy>p:last-child{font-size:11px}.hero-art>figcaption{font-size:11px;margin-top:10px}.focus-strip{grid-template-columns:repeat(3,1fr);gap:18px;padding-block:24px;margin-top:2px}.focus-strip p{grid-column:1/-1;font-size:12px;line-height:1.6}.focus-strip p br{display:none}.focus-strip>span{font-size:17px;line-height:1.4}.section-heading{display:block;margin-bottom:28px}.section-note{display:block;font-size:12px;margin-top:10px}.eyebrow{font-size:10px}.product-section{padding-block:42px}.product-intro{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.product-intro h2{font-size:36px}.product-description p{font-size:15px;max-width:none}.product-description .button{margin-top:24px}.studio-top{padding:18px 20px;display:block}.studio-top>p{font-size:14px}.studio-mode{display:block;margin-top:6px;font-size:11px}.studio-body{grid-template-columns:1fr;padding:24px 20px;gap:28px}.studio-controls{max-width:none;padding:0}.studio-controls h3{font-size:29px}.control-intro{font-size:14px;margin-bottom:24px}.category-options button{font-size:12px;padding-inline:15px}.story-frame{max-width:310px;aspect-ratio:9/13}.story-headline{font-size:32px}.story-note{max-width:310px}.story-note-text{font-size:12px}.demo-disclaimer{text-align:left;font-size:12px;padding:17px 20px}.product-details{display:grid;gap:12px;font-size:13px;margin-top:26px;padding-top:22px}.direction-section{padding-block:46px}.direction-intro{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.direction-intro h2{font-size:36px}.direction-intro>p{font-size:15px}.direction-grid{grid-template-columns:1fr;gap:36px}.direction-card figure img{height:290px}.direction-card figcaption{font-size:11px}.direction-card h3{font-size:29px;line-height:1.18}.direction-card h3 br{display:none}.direction-card>p{font-size:15px;max-width:none;margin-top:14px}.card-number{margin-top:20px;font-size:10px}.brand-presence-art{height:290px;margin-bottom:0;padding:26px}.brand-presence-art img{width:110px;height:110px;top:35px;right:28px}.brand-presence-art .art-large{font-size:49px}.brand-presence-art .art-small{font-size:9px}.company-section{padding-block:44px}.company-grid{grid-template-columns:1fr;gap:28px}.company-heading .eyebrow{margin-bottom:22px}.company-heading h2{font-size:36px}.company-copy .large-copy{font-size:22px}.company-copy p{font-size:15px;max-width:none}.start-section{grid-template-columns:1fr;gap:28px;padding-block:48px}.start-section .eyebrow{margin-bottom:22px}.start-section h2{font-size:39px}.start-section>div>p:not(.eyebrow){font-size:15px;margin-top:20px}.contact-actions{padding:0}.contact-actions .button{font-size:13px}.contact-handle{margin-bottom:24px}.brief-option{max-width:none}.brief-option p{font-size:13px;max-width:none}.footer-top{display:block;padding-bottom:30px}.footer-top .brand img{width:220px}.footer-top p{font-size:14px;margin-top:22px}.footer-links{grid-template-columns:1fr;gap:0;margin-top:25px}.footer-links a{font-size:14px;min-height:44px}.footer-bottom{font-size:11px;gap:16px;flex-wrap:wrap;padding-top:22px}.site-footer{padding-block:40px 25px}.offering-section{padding-block:44px}.offering-intro{gap:23px}.offering-intro h2{font-size:35px}.offering-intro>p{font-size:15px}.benefit-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.benefit-grid article{padding-top:18px}.benefit-grid .card-number{margin-bottom:14px}.benefit-grid h3{font-size:24px;max-width:none}.benefit-grid p{font-size:15px;max-width:none;margin-top:12px}.product-faq{grid-template-columns:1fr;gap:30px;padding-block:46px}.product-faq h2{font-size:36px}.product-faq .eyebrow{margin-bottom:22px}summary{font-size:15px;min-height:70px;padding-block:21px}details p{font-size:14px}.makia-contact{padding-block:42px 50px}.makia-contact h2{font-size:40px}.brief-dialog{padding:22px;max-height:calc(100dvh - 28px)}.brief-dialog h2{font-size:34px}.dialog-top .eyebrow{font-size:9px}.dialog-intro{font-size:13px}.legal-page{padding-block:40px 50px}.legal-page h1{font-size:37px}.legal-date{margin-bottom:32px}.legal-page h2{font-size:23px}.legal-page>p:not(.legal-date):not(.eyebrow){font-size:15px}.missing-page{padding-block:50px 65px;min-height:510px}.missing-page h1{font-size:49px}.missing-page>p:not(.eyebrow){font-size:15px}.has-js .nav{padding-inline:20px;gap:12px 22px}.nav-cta{margin-left:0}.nav>a{font-size:14px}}
@media(max-width:359px){.hero h1,.product-hero h1{font-size:36px}.hero-description{font-size:15px}.hero-actions{align-items:stretch}.hero-actions .button{font-size:12px;gap:14px;padding-inline:14px}.food-poster{height:380px}.poster-headline{font-size:47px}.focus-strip>span{font-size:15px}.product-intro h2,.direction-intro h2,.company-heading h2{font-size:31px}.direction-card figure img,.brand-presence-art{height:250px}.start-section h2{font-size:34px}.studio-body{padding-inline:16px}.category-options{gap:5px}.category-options button{padding-inline:10px}.story-headline{font-size:28px}.story-copy{left:20px;right:20px}.legal-page h1{font-size:31px}.offering-intro h2{font-size:31px}.brief-dialog{padding:18px}.dialog-actions .button{padding-inline:14px;font-size:12px;gap:12px}.brand-presence-art .art-large{font-size:43px}.brand-presence-art img{width:85px;height:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep supporting copy readable at every breakpoint; small screens do not shrink labels. */
.eyebrow,.mini-eyebrow,.card-number,.dialog-top .eyebrow,.category-options button,.hero-copy .eyebrow,.footer-bottom,.hero-art>figcaption,.direction-card figcaption,.poster-label,.poster-copy>p:first-child,.poster-copy>p:last-child,.story-label,.story-cta,.story-format,.brand-presence-art .art-small{font-size:12px}
/* Image-backed text needs its own contrast guard; light photography is variable. */
.food-poster::after{background:linear-gradient(180deg,rgba(6,28,26,.75) 0%,transparent 32%,transparent 70%,rgba(6,28,26,.15) 100%)}
.poster-copy,.story-copy{isolation:isolate}
.poster-copy::before,.story-copy::before{content:"";position:absolute;inset:-100px -40px -40px;z-index:-1;background:linear-gradient(180deg,transparent 0,rgba(6,28,26,.68) 90px,rgba(6,28,26,.9) 100%)}
.story-gradient{background:linear-gradient(180deg,rgba(6,28,26,.88),transparent 35%,transparent 70%,rgba(6,28,26,.15) 100%)}
.company-art{width:min(300px,100%);margin-top:28px}.company-art img{width:100%;height:auto;object-fit:contain}.company-copy{align-self:center}
@media(max-width:640px){.company-art{width:min(290px,100%);margin-top:24px}}




/* 27 Oct 2026: Chef Stack concept visuals, work gallery, process, email contact. */
.food-poster>img{object-position:50% 42%}
/* Home hero (owner review 27 Oct): one clean food photo with no text on it, sized to fit the first screen. */
@media(min-width:641px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.hero-photo{height:clamp(420px,calc(100vh - 190px),640px);height:clamp(420px,calc(100svh - 190px),640px);border-radius:14px;overflow:hidden;background:var(--ink)}
.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}

.work-section{padding-block:86px 64px}
.work-intro,.process-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end;margin-bottom:46px}
.work-intro>p{max-width:420px;color:var(--muted);font-size:17px;line-height:1.8}
.work-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px 22px;align-items:start}
.work-item:nth-child(even){margin-top:40px}
.work-item figure{margin:0}
.work-item img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:10px;background:var(--soft)}
.work-item figcaption{margin-top:14px;font-size:14px;line-height:1.5;color:var(--muted)}
.work-item figcaption span{display:block;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin-bottom:2px}
.work-hint{display:none}
.work-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}

.direction-art{height:300px;border-radius:10px;overflow:hidden;margin:0}
.direction-card .direction-art>img{width:100%;height:100%;object-fit:cover}
.story-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;background:var(--ink)}
.story-strip>div{position:relative;overflow:hidden;border-radius:6px}
.story-strip img{width:100%;height:100%;object-fit:cover}
.story-strip span{position:absolute;left:8px;bottom:8px;font-weight:700;line-height:1.4;color:var(--ivory);background:rgba(6,28,26,.78);padding:3px 7px;border-radius:4px}
.format-art{container-type:size;display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:24px 18px 26px;background:var(--teal)}
.format-frame{--s:min(100cqh,calc((100cqw - 20px)/1.5775));position:relative;flex:none;border-radius:6px;overflow:hidden;box-shadow:0 12px 26px rgba(0,0,0,.24);background:var(--ink)}
.format-frame img{width:100%;height:100%;object-fit:cover}
.format-reel{height:calc(var(--s)*.92);aspect-ratio:9/16}
.format-post{height:calc(var(--s)*.7);aspect-ratio:4/5}
.format-square{height:calc(var(--s)*.5);aspect-ratio:1}
.format-frame span{position:absolute;left:6px;top:6px;font-weight:700;line-height:1.4;color:var(--ink);background:var(--ivory);padding:2px 7px;border-radius:4px}

.process-section{background:var(--ink);color:var(--ivory);padding-block:84px}
.process-section .section-note{color:#b9c8c2}
.process-section .accent-text{color:var(--citron)}
.process-section :focus-visible{outline-color:var(--citron)}
.process-intro>p{max-width:420px;font-size:17px;line-height:1.8;color:#c9d4cf}
.process-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.process-steps li{border-top:1px solid #3d5651;padding-top:24px}
.step-number{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--citron);margin-bottom:18px}
.process-steps h3{font-size:23px;line-height:1.25;letter-spacing:-.03em}
.process-steps p{font-size:14px;line-height:1.8;color:#c9d4cf;margin-top:14px;max-width:300px}

.contact-list{list-style:none;margin:0 0 30px;padding:0;border-top:1px solid var(--line)}
.contact-card{display:flex;align-items:center;gap:18px;padding:18px 6px;border-bottom:1px solid var(--line);text-decoration:none;transition:background-color .2s ease}
.contact-card:hover{background:rgba(0,107,99,.05)}
.contact-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--soft);color:var(--teal)}
.contact-icon .action-icon{width:20px;height:20px}
.contact-text{display:flex;flex-direction:column;min-width:0}
.contact-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;color:var(--muted)}
.contact-value{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.4;overflow-wrap:anywhere;transition:color .2s ease}
.contact-arrow{margin-left:auto;color:var(--teal);transition:transform .2s ease}
.contact-card:hover .contact-value{color:var(--teal)}
.contact-card:hover .contact-arrow{transform:translateX(4px)}
.brief-option{border-top:0;padding-top:0}

.footer-columns{display:flex;gap:80px}
.footer-col{display:flex;flex-direction:column;align-items:flex-start}
.footer-top .footer-title{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;line-height:1.5;color:#9fb3ad}
.footer-col a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;text-decoration:none}
.footer-col a:hover{text-decoration:underline}

.work-strip{padding-block:76px 20px}
.work-strip .work-grid{grid-template-columns:repeat(4,1fr)}

@media(max-width:1150px){.hero-photo{height:clamp(400px,calc(100svh - 190px),520px)}
.work-intro,.process-intro{gap:40px}
.work-grid{gap:26px 16px}
.direction-art{height:250px}
.process-steps{gap:22px}
.process-steps h3{font-size:21px}
.contact-value{font-size:18px}
.footer-columns{gap:48px}
}

@media(max-width:860px){.hero-photo{height:440px}
.work-section{padding-block:60px 48px}
.work-intro,.process-intro{gap:32px}
.work-intro h2,.process-intro h2{font-size:36px}
.work-intro>p,.process-intro>p{font-size:15px}
.work-grid{gap:22px 14px}
.work-item:nth-child(even){margin-top:28px}
.work-item figcaption{font-size:13px}
.work-item figcaption span{font-size:14px}
.direction-art{height:220px}
.process-section{padding-block:60px}
.process-steps{grid-template-columns:repeat(2,1fr);gap:30px 24px}
.contact-card{gap:14px}
.footer-columns{gap:32px}
.footer-col a{font-size:13px}
}

@media(max-width:640px){.hero-photo{height:auto;aspect-ratio:1/1;border-radius:10px}
.work-section{padding-block:46px 40px}
.work-intro,.process-intro{grid-template-columns:1fr;gap:20px;margin-bottom:30px}
.work-grid,.work-strip .work-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-20px;padding:0 20px 10px;scroll-padding-inline:20px;scrollbar-width:none}
.work-grid::-webkit-scrollbar{display:none}
.work-item{flex:0 0 72%;max-width:300px;scroll-snap-align:start}
.work-item:nth-child(even){margin-top:0}
.work-hint{display:block;font-size:12px;font-weight:700;color:var(--teal);margin-top:10px}
.work-note{margin-top:22px}
.direction-art{height:290px}
.process-section{padding-block:46px}
.process-steps{grid-template-columns:1fr;gap:26px}
.process-steps h3{font-size:24px}
.process-steps p{font-size:15px;max-width:none}
.contact-value{font-size:17px}
.contact-icon{width:42px;height:42px}
.footer-columns{display:grid;grid-template-columns:1fr;gap:22px;margin-top:28px}
.footer-col a{font-size:14px;min-height:44px}
.work-strip{padding-block:46px 10px}
}

@media(max-width:359px){.direction-art{height:250px}
.contact-card{gap:12px;padding-inline:2px}
.contact-value{font-size:16px}
}

.story-strip span,.format-frame span{font-size:12px}
.section-heading .text-link{margin-top:0}
.contact-aside{font-size:14px;color:var(--muted);margin-top:22px}
.contact-aside a{color:var(--teal);font-weight:700}

/* Motion system (27 Oct 2026). Research and sources: docs/MOTION_RESEARCH_2026-10-27.md.
   Hover and press feedback 100-250 ms, entrances 450 ms ease-out, sequences step 80-120 ms.
   Only transform and opacity move. Headlines never animate. The reduced-motion rule above switches all of it off. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-standard:cubic-bezier(.2,0,0,1)}

/* Header stays within reach; a soft shadow shows once the page has scrolled. */
.site-header{position:sticky;top:0;transition:box-shadow .25s var(--ease-standard)}
html[data-scrolled=true] .site-header{box-shadow:0 8px 24px rgba(16,38,36,.08)}

/* Pointer feedback only where you can click, and only on devices that hover. */
@media(hover:hover){
.nav>a:not(.nav-cta){text-decoration:underline 1px transparent;text-underline-offset:7px;transition:text-decoration-color .2s ease}
.nav>a:not(.nav-cta):hover{text-decoration-color:currentColor}
.button .action-icon,.text-link .action-icon,.nav-cta .action-icon{transition:transform .25s var(--ease-out)}
.button:hover .action-icon,.text-link:hover .action-icon,.nav-cta:hover .action-icon{transform:translateX(3px)}
.contact-icon{transition:background-color .2s ease,color .2s ease}
.contact-card:hover .contact-icon{background:var(--teal);color:var(--ivory)}
.category-options button:not([aria-pressed=true]):hover{border-color:var(--teal);color:var(--teal)}
.scene-step:hover b{transform:translateX(3px)}
}
.category-options button,.scene-step b{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .25s var(--ease-out)}
.button:active,.category-options button:active{transform:scale(.98);transition-duration:.1s}

/* Scroll reveal, once per element. Content is hidden only after app.js turns motion on, so it never stays hidden without it. */
[data-motion=on] .reveal{transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
[data-motion=on] .reveal:not(.is-in){opacity:0;transform:translateY(16px)}

/* Card 02 plays its storyboard in order; card 03 shows the same dish landing in each format. */
[data-motion=on] .story-strip>div,[data-motion=on] .format-frame{transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}
[data-motion=on] .direction-card:not(.is-in) .story-strip>div,[data-motion=on] .direction-card:not(.is-in) .format-frame{opacity:0;transform:translateY(14px)}
.story-strip>div:nth-child(1),.format-frame:nth-child(1){transition-delay:calc(var(--reveal-delay,0ms) + 120ms)}
.story-strip>div:nth-child(2),.format-frame:nth-child(2){transition-delay:calc(var(--reveal-delay,0ms) + 240ms)}
.story-strip>div:nth-child(3),.format-frame:nth-child(3){transition-delay:calc(var(--reveal-delay,0ms) + 360ms)}

/* How it works: a citron line runs along each step as it arrives, reading as progress from 01 to 04. */
.process-steps li{position:relative}
.process-steps li::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--citron);transform:scaleX(0);transform-origin:left}
[data-motion=on] .process-steps li::before{transition:transform .6s var(--ease-out);transition-delay:calc(var(--reveal-delay,0ms) + 150ms)}
.process-steps li.is-in::before{transform:scaleX(1)}

/* The brief form and the phone menu open smoothly instead of popping in. */
dialog[open]{animation:dialog-in .28s var(--ease-out)}
dialog[open]::backdrop{animation:fade-in .28s ease}
.nav[data-open=true]{animation:menu-in .22s var(--ease-out)}
@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}}
@keyframes fade-in{from{opacity:0}}
@keyframes menu-in{from{opacity:0;transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){dialog[open]::backdrop{animation:none}} /* ::backdrop is outside the * rule above */

/* Moving between pages cross-fades in browsers that support it (Chrome/Edge 126+, Safari 18.2+). */
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}