:root{--paper:#f7f5f2;--white:#fffdf9;--ink:#202d39;--muted:#55606a;--rust:#cd683e;--line:#dcd9d3;--dark:#1b2732}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 'DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.12}h1{font-size:clamp(3.25rem,6vw,6.5rem);font-weight:700}h2{font-size:clamp(2.5rem,4vw,4.3rem)}h3{font-size:1.48rem}a{color:inherit}button{font:inherit}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;left:16px;z-index:9;background:white;padding:10px}.skip:focus{top:10px}.site-head{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:4}.head-inner{height:105px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:block;width:170px;height:70px;overflow:hidden;flex:none}.brand-mark{display:block;width:170px;height:70px;background:url('/a-posto-logo-origineel.webp') center center/170px auto no-repeat}nav{display:flex;align-items:center;gap:clamp(12px,1.8vw,27px)}nav a{font-size:.86rem;font-weight:700;text-decoration:none;white-space:nowrap}nav a:not(.nav-cta):hover,nav a.active{color:var(--rust)}.nav-cta{border:1px solid var(--ink);padding:11px 17px;border-radius:3px}.nav-cta:hover{background:var(--ink);color:white}.menu-button{display:none;background:none;border:0;font-weight:700}.eyebrow{display:block;color:var(--rust);font-size:.76rem;letter-spacing:.18em;font-weight:800;margin-bottom:22px}.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .92fr;min-height:680px;align-items:center;gap:30px}.hero-copy{padding:75px 0 55px;position:relative;z-index:2}.hero h1{max-width:750px;margin-bottom:30px}.hero h1 em{font-style:normal;color:var(--rust)}.hero-copy>p{font-size:1.19rem;max-width:590px;line-height:1.6;color:#40505b}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:38px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;text-decoration:none;padding:16px 23px;border-radius:3px;font-weight:700;font-size:.93rem;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:#344657}.button.light{background:var(--paper);color:var(--ink)}.text-link{display:inline-flex;gap:15px;align-items:center;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.text-link:hover{color:var(--rust)}.hero-credit{margin-top:80px;font-size:.82rem;color:var(--muted);font-weight:700}.hero-credit span{color:var(--rust);padding:0 8px}.hero-art{height:600px;position:relative;display:flex;align-items:center;justify-content:center}.art-circle{width:480px;height:480px;background:var(--rust);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 32px rgba(205,104,62,.08)}.art-star{font-size:320px;line-height:1;color:#f0c1a9;transform:rotate(-12deg);font-family:Georgia,serif}.art-card{position:absolute;background:var(--white);border:1px solid var(--line);box-shadow:0 18px 48px #202d391f;padding:21px 28px;line-height:1.3;font-size:.86rem;color:var(--muted);min-width:155px}.art-card strong{color:var(--ink);font-size:1.28rem}.art-card.one{top:95px;left:0;transform:rotate(-7deg)}.art-card.two{right:-5px;bottom:100px;transform:rotate(6deg)}.art-caption{position:absolute;bottom:14px;letter-spacing:.2em;font-size:.7rem;font-weight:700;color:#737d84}.intro{padding:105px 0 120px;display:grid;grid-template-columns:1.7fr .7fr;align-items:end;gap:90px;border-top:1px solid var(--line)}.intro .oversized{font:700 clamp(2.4rem,4vw,4.3rem)/1.18 Manrope,sans-serif;letter-spacing:-.06em;margin:0}.oversized span{color:var(--rust)}.intro>p:last-child{font-size:1.08rem;color:var(--muted);margin:0}.services-section,.offering{background:var(--white);padding:105px 0 115px}.section-heading{max-width:700px;margin-bottom:50px}.section-heading h2{margin-bottom:18px}.section-heading p{color:var(--muted);font-size:1.07rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{border:1px solid var(--line);padding:34px;min-height:390px;display:flex;flex-direction:column;transition:background .2s,transform .2s}.service-card:hover{background:var(--paper);transform:translateY(-5px)}.index{color:var(--rust);font-weight:800;font-size:.82rem;margin-bottom:65px}.service-card h3{max-width:250px;font-size:1.65rem}.service-card p{color:var(--muted)}.service-card a{font-size:.9rem;font-weight:700;text-decoration:none;margin-top:auto;border-bottom:1px solid var(--rust);align-self:flex-start;padding-bottom:4px}.approach{padding:120px 0;display:grid;grid-template-columns:1fr .9fr;gap:13%}.approach p{max-width:500px;color:var(--muted);font-size:1.1rem}.approach .text-link{margin-top:22px}.steps>div{display:grid;grid-template-columns:54px 1fr;column-gap:15px;border-bottom:1px solid var(--line);padding:22px 0}.steps span{grid-row:span 2;color:var(--rust);font-size:.83rem;font-weight:800}.steps strong{font:700 1.24rem Manrope}.steps p{margin:3px 0 0;color:var(--muted)}.maker-section{background:#eae5de;padding:100px 0}.maker-grid{display:grid;grid-template-columns:.9fr 1fr;gap:10%;align-items:center}.maker-graphic{height:420px;background:var(--dark);color:var(--paper);padding:40px;position:relative;overflow:hidden;display:flex;align-items:end}.maker-graphic span{font:700 clamp(2.5rem,4vw,4rem)/1.1 Manrope;letter-spacing:-.06em;position:relative;z-index:1}.maker-graphic b{position:absolute;right:-10px;top:-160px;color:var(--rust);font-size:500px;font-weight:400;line-height:1}.maker-grid p{color:#43505a;font-size:1.06rem}.maker-grid .text-link{margin-top:15px}.contact-band{padding:95px 0;background:var(--dark);color:white}.band-grid{display:flex;align-items:end;justify-content:space-between;gap:45px}.band-grid>div{max-width:720px}.band-grid p{color:#c5ced5;max-width:570px;margin-bottom:0}.contact-band .button{flex:none}.subhero{padding:115px 0 100px}.subhero h1{max-width:960px;margin-bottom:26px}.subhero .lead{max-width:810px;color:var(--muted);font-size:1.28rem;line-height:1.55}.detail{border-top:1px solid var(--line);padding-top:75px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:12%}.detail h2{font-size:clamp(2rem,3vw,3.2rem)}.detail>p{font-size:1.18rem;color:var(--muted)}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.offer-grid.two{grid-template-columns:repeat(2,1fr)}.offer-grid article{border-top:2px solid var(--rust);background:var(--paper);padding:30px;min-height:240px}.offer-grid span{color:var(--rust);font-weight:700;font-size:.8rem;display:block;margin-bottom:36px}.offer-grid p{color:var(--muted)}.result{padding-top:120px;padding-bottom:120px}.result h2{max-width:900px}.result p{max-width:620px;color:var(--muted);font-size:1.1rem}.about-content{padding:95px 0 120px;display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line)}.about-content p{font-size:1.1rem;color:var(--muted);margin-bottom:25px}.about-content strong{color:var(--ink)}.working{padding-bottom:120px}.working h2{max-width:710px;margin-bottom:50px}.film{padding:115px 0;display:grid;grid-template-columns:.7fr 1fr;align-items:center;gap:12%}.film-symbol{background:var(--dark);color:var(--rust);height:350px;display:grid;place-items:center;font-size:260px;line-height:1;overflow:hidden}.film p{max-width:560px;color:var(--muted);font-size:1.1rem}.contact-main{display:grid;grid-template-columns:1fr .75fr;gap:12%;border-top:1px solid var(--line);padding:100px 0 150px}.contact-main h2{max-width:600px}.contact-main p{max-width:590px;color:var(--muted);font-size:1.1rem}.email-link{font:700 clamp(1.4rem,3vw,2.6rem) Manrope;text-decoration:none;border-bottom:2px solid var(--rust);display:inline-block;margin-top:35px}.contact-panel{background:var(--white);padding:40px;align-self:start}.contact-panel h3{font-size:2rem}.contact-panel .button{margin-top:25px}footer{background:#141e27;color:#f2f2ef;padding:75px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}footer a{display:block;text-decoration:none;margin:6px 0;color:#d4dae0}footer a:hover{color:#fff}footer strong{display:block;margin-bottom:18px}footer p,footer small{color:#b8c0c8}footer small{display:block;margin-top:30px}.footer-logo{font:800 2.2rem Manrope;letter-spacing:-.06em;color:white;margin:0}.footer-logo span{color:var(--rust)}
@media(max-width:1050px){nav{gap:12px}nav a{font-size:.77rem}.brand,.brand-mark{width:140px}.brand-mark{background-size:140px auto}.hero-grid{grid-template-columns:1fr .75fr}.art-circle{width:350px;height:350px}.art-star{font-size:230px}.hero-art{height:450px}.intro{gap:40px}.hero-credit{margin-top:45px}}
@media(max-width:760px){.wrap{width:min(100% - 36px,540px)}.head-inner{height:78px}.brand,.brand-mark{width:145px;height:60px}.brand-mark{background-size:145px auto}.menu-button{display:flex;align-items:center;gap:12px;font-size:1rem;cursor:pointer}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:20px 18px 25px;box-shadow:0 20px 25px #0002;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{font-size:1rem;padding:10px 0}.nav-cta{padding:12px;margin-top:9px;text-align:center}.hero-grid{display:block;min-height:auto}.hero-copy{padding:70px 0 15px}.hero h1{font-size:clamp(3.15rem,11vw,5rem)}.hero-copy>p{font-size:1.07rem}.hero-credit{margin-top:55px}.hero-art{height:380px}.art-circle{width:280px;height:280px}.art-star{font-size:180px}.art-card{min-width:130px;padding:12px 15px}.art-card.one{top:12px;left:0}.art-card.two{bottom:32px;right:0}.art-caption{bottom:0}.intro,.approach,.maker-grid,.detail,.about-content,.film,.contact-main{grid-template-columns:1fr;gap:28px}.intro{padding:85px 0}.services-section,.offering{padding:80px 0}.cards,.offer-grid,.offer-grid.two{grid-template-columns:1fr}.service-card{min-height:280px;padding:28px}.index{margin-bottom:30px}.approach,.result{padding:85px 0}.maker-section{padding:70px 0}.maker-graphic{height:260px;order:2}.maker-graphic b{font-size:350px;top:-100px}.band-grid{display:block}.band-grid .button{margin-top:32px}.contact-band{padding:70px 0}.subhero{padding:75px 0 55px}.subhero .lead{font-size:1.12rem}.detail{padding:65px 0}.about-content,.film,.contact-main{padding:70px 0}.working{padding-bottom:80px}.film-symbol{height:240px;font-size:180px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.contact-panel{padding:30px}}@media(max-width:420px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:3rem}.actions{gap:20px}.hero-art{height:340px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Photographic direction: editorial craft, real film still, and no circular motif. */
.hero-photo{margin:0;position:relative;align-self:stretch;min-height:590px;overflow:hidden;background:#c8bab0}.hero-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:53% center}.hero-photo figcaption{position:absolute;bottom:20px;left:20px;right:20px;background:var(--paper);padding:14px 18px;display:flex;justify-content:space-between;gap:12px;font-size:.72rem;letter-spacing:.13em;font-weight:800;color:var(--ink)}.hero-photo figcaption span{color:var(--rust);font-size:1.2rem;line-height:1}.maker-photo,.film-photo{margin:0;overflow:hidden;background:var(--dark)}.maker-photo{height:400px;position:relative}.maker-photo img,.film-photo img{width:100%;height:100%;object-fit:cover;display:block}.maker-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#13202fe8);color:white;padding:45px 20px 17px;font-size:.73rem;letter-spacing:.13em;font-weight:700}.film-photo{height:350px}.service-photo{margin-top:-35px;margin-bottom:75px;height:min(50vw,500px);min-height:260px;overflow:hidden;background:#ded8d0}.service-photo img{display:block;width:100%;height:100%;object-fit:cover}.service-photo+.detail{padding-top:75px}@media(max-width:1050px){.hero-photo{min-height:520px}}@media(max-width:760px){.hero-photo{min-height:0;height:360px;margin:15px 0 35px}.maker-photo{height:260px;order:2}.film-photo{height:240px}.service-photo{height:280px;margin-top:0;margin-bottom:35px}.service-photo+.detail{padding-top:55px}}
.maker-video,.film-video{min-width:0}.maker-video iframe,.film-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:var(--dark)}.maker-video a,.film-video a{display:inline-block;margin-top:12px;font-weight:700;font-size:.85rem;text-decoration:none;border-bottom:1px solid var(--rust)}.service-photo{position:relative}.service-photo figcaption{position:absolute;right:14px;bottom:14px;padding:4px 10px;background:#f7f5f2dd;color:var(--ink);font-size:.76rem;font-weight:700}
/* Navigation distinguishes the three marketing services, the creative extra and the person behind the studio. */
.services-nav{position:relative;font-weight:700;font-size:.86rem}.services-nav summary{list-style:none;cursor:pointer;white-space:nowrap;padding:13px 8px;display:flex;align-items:center;gap:7px}.services-nav summary::-webkit-details-marker{display:none}.services-nav summary:hover,.services-nav.current summary{color:var(--rust)}.chevron{font-size:1.2rem;line-height:1;transition:transform .2s}.services-nav[open] .chevron{transform:rotate(180deg)}.services-menu{position:absolute;top:calc(100% + 13px);left:0;width:290px;background:var(--white);border:1px solid var(--line);box-shadow:0 18px 42px #202d3920;padding:14px;z-index:8}.services-label{font-size:.64rem;letter-spacing:.15em;color:var(--rust);font-weight:800;padding:9px 12px 12px;display:block}.services-menu a{display:block;padding:11px 12px;border-radius:3px;font-size:.88rem;white-space:normal}.services-menu a:hover,.services-menu a.active{background:#f2e8e1;color:var(--ink)}nav .nav-extra{border:1px solid #d4b4a6;background:#f1e7e1;border-radius:3px;padding:9px 12px;color:var(--ink)}nav .nav-extra span{display:inline-block;color:var(--rust);font-size:.64rem;letter-spacing:.07em;text-transform:uppercase;margin-left:6px}nav .nav-extra:hover,nav .nav-extra.active{background:#e8d6cc;color:var(--ink)}nav .nav-about{border-left:1px solid var(--line);padding-left:22px}nav .nav-about.active{color:var(--rust)}.services-nav summary:focus-visible,nav a:focus-visible{outline:2px solid var(--rust);outline-offset:3px}
@media(max-width:1050px){.services-nav{font-size:.77rem}nav .nav-about{padding-left:12px}nav .nav-extra{padding:7px 9px}nav .nav-extra span{display:none}}
@media(max-width:760px){.services-nav{font-size:1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:8px 0;padding:4px 0}.services-nav summary{padding:12px 0;justify-content:space-between}.services-menu{position:static;width:100%;box-shadow:none;border:0;border-top:1px solid var(--line);background:transparent;padding:7px 0 10px}.services-label{padding:7px 0}.services-menu a{padding:10px 12px;font-size:.95rem}nav .nav-extra{margin:7px 0;padding:9px 12px;align-self:flex-start}nav .nav-extra span{display:inline-block}nav .nav-about{border-left:0;border-top:1px solid var(--line);padding:16px 0 11px;margin-top:7px}}
/* The requested single-row hierarchy: three services, then the creative extra, then the profile. */
nav .nav-extra,nav .nav-about{border:0;border-left:1px solid #b8aaa1;border-radius:0;background:transparent;padding:0 0 0 23px;margin:0 0 0 8px;color:var(--ink);align-self:auto}nav .nav-extra:hover,nav .nav-extra.active,nav .nav-about:hover,nav .nav-about.active{background:transparent;color:var(--rust)}
@media(max-width:1050px){nav .nav-extra,nav .nav-about{padding-left:14px;margin-left:2px}}
@media(max-width:760px){nav .nav-extra,nav .nav-about{border-left:0;border-top:1px solid var(--line);margin:7px 0 0;padding:17px 0 10px;align-self:stretch}nav .nav-about{margin-top:0}nav .nav-extra span{display:none}}

.footer-logo{display:inline-block;width:200px;max-width:100%;line-height:1;margin-bottom:12px}.footer-logo img{display:block;width:100%;height:auto}