:root{--orange:#ff4b0b;--line:#292929;--muted:#aaa;--green:#26e769;--max:1260px}*{box-sizing:border-box}html{background:#080808;scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#080808;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.wrap{width:min(var(--max),calc(100% - 72px));margin:auto}.eyebrow{display:block;color:var(--orange);text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:700;margin-bottom:12px}.section{padding:38px 0;border-top:1px solid var(--line);position:relative;overflow:hidden}.split{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px}.section-intro h2{font-size:36px;line-height:1.04;letter-spacing:-.045em}.section-intro>p:not(.eyebrow){font-size:13px;line-height:1.5;color:#aaa;margin-top:15px;max-width:31ch}.text-link{display:block;font-size:12px;color:#ddd;margin-top:18px;line-height:1.5}.text-link:hover{color:var(--orange)}.button{display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #777;border-radius:999px;padding:12px 18px;font-size:12px;font-weight:700;line-height:1.25;min-height:44px}.button>span{margin-left:auto;background:#fff;color:#111;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:18px;flex-shrink:0}.primary{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 0 22px #ff4b0b22}.secondary{background:#121212}.button:hover{filter:brightness(1.12)}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:5px}.site-header{height:76px;position:sticky;top:0;z-index:20;background:#080808ed;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(36px,calc((100vw - 1260px)/2));gap:25px;backdrop-filter:blur(15px)}.brand{width:126px;height:55px;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain;filter:invert(1)}.main-nav{display:flex;align-items:center;gap:22px;font-size:11px;font-weight:bold}.nav-cta{background:var(--orange);padding:11px 16px;border-radius:999px}.menu-button{display:none;background:transparent;border:0;font-size:12px}.hero{padding:28px 0 30px;background:radial-gradient(ellipse at 88% 40%,#ff4b0b14,transparent 45%),#080808}.hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:48px;align-items:center}.video-stage{position:relative;min-width:0;display:grid;place-items:center;background:#0b0b0b url('../textures/olaria-paper/black-strip-b1.png') center/contain no-repeat;border:1px solid #333;border-radius:6px;overflow:hidden}.hero-video{height:430px;max-width:100%;width:auto;display:block;object-fit:contain}.video-hint{width:100%;border-top:1px solid #292929;padding:9px 14px;display:flex;justify-content:space-between;font-size:10px;color:#aaa;background:#0d0d0d}.hero-copy{max-width:490px}.hero-copy h1{font-size:clamp(40px,4.2vw,64px);line-height:.96;letter-spacing:-.06em}.hero-line{font-size:20px;font-weight:bold;line-height:1.2;margin-top:18px}.description{color:#c5c5c5;font-size:14px;line-height:1.45;margin-top:17px;max-width:46ch}.hero-copy .button{margin-top:23px;max-width:390px}.micro{font-size:11px;color:#a5a5a5;line-height:1.5;margin-top:10px;max-width:52ch}.micro strong{color:#ddd}.hero-copy .text-link{font-size:11px;margin-top:15px;max-width:48ch}.system-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.system-tile{position:relative;min-height:190px;overflow:hidden;border:1px solid #3a302c;border-radius:10px;background:linear-gradient(100deg,#131313 15%,#15100e);display:flex;align-items:center}.tile-copy{position:relative;z-index:2;padding:18px 0 18px 19px;width:57%;pointer-events:none}.service-num{color:var(--orange);font-size:10px;display:block;margin-bottom:8px}.tile-copy h3{font-size:18px;line-height:1.07;letter-spacing:-.025em}.tile-copy p{font-size:11px;color:#bbb;line-height:1.45;margin-top:10px;max-width:23ch}.service-art{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:62%;height:100%;object-fit:cover;opacity:.85;mask-image:linear-gradient(90deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%)}.paper-fragment{width:240px;max-width:none;margin-top:35px;transform:rotate(-9deg);opacity:.8}.cases:before{content:'';position:absolute;left:-35px;top:-15px;width:130px;height:50px;transform:rotate(-15deg);background:url('../textures/olaria-paper/red-tape-r1.png') center/contain no-repeat;pointer-events:none}.case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.case-card{min-width:0;border:1px solid #333;border-radius:8px;overflow:hidden;background:#101010;transition:border-color .2s}.case-card:hover{border-color:var(--orange)}.case-card>img{width:100%;height:145px;object-fit:cover}.case-card>img.natural-logo{object-fit:contain;padding:15px;background:#eee}.case-copy{padding:13px 12px 15px}.case-copy h3{font-size:15px;line-height:1.1}.case-copy p{font-size:10px;color:#bbb;margin-top:5px}.case-copy span{display:block;font-size:10px;line-height:1.4;color:#999;margin-top:12px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.package-card{padding:19px 16px 15px;border:1px solid #6c311e;border-radius:10px;background:radial-gradient(circle at 100% 0,#ff4b0b28,transparent 60%),#101010;display:flex;flex-direction:column;min-width:0}.package-label{color:#bbb;font-size:10px;line-height:1.4;margin-bottom:9px}.package-card h3{font-size:22px;letter-spacing:-.03em;line-height:1.1}.package-card h3 span{color:var(--orange)}.package-card>p{font-size:11px;color:#bdbdbd;margin-top:12px;min-height:34px}.package-card ul{list-style:none;margin:18px 0 22px;padding:0;display:grid;gap:9px}.package-card li{font-size:11px;line-height:1.35;display:flex;align-items:baseline;gap:7px}.package-card li:before{content:'✓';color:var(--orange);font-weight:bold}.package-card .button{margin-top:auto;font-size:10px;padding:9px 10px;min-height:40px;gap:5px}.package-card .button>span{height:23px;width:23px;font-size:15px}.package-card.flow{border-color:var(--green);background:radial-gradient(circle at 100% 0,#26e76920,transparent 60%),#0c120e}.flow h3 span,.flow li:before{color:var(--green)}.flow .primary{background:var(--green);color:#031107;border-color:var(--green);box-shadow:0 0 22px #26e76915}.print-band{display:grid;grid-template-columns:240px 1fr auto;gap:32px;align-items:center;margin-top:17px;padding:19px 22px;border:1px solid #333;border-radius:8px;background:#101010 url('../textures/olaria-paper/black-strip-b1.png') center/cover no-repeat}.print-band .eyebrow{font-size:9px;margin-bottom:5px}.print-band h3{font-size:20px}.print-band p{font-size:12px;color:#bbb;max-width:53ch}.print-band .button{font-size:11px}.ideas{padding:25px 0;background:#080808}.ideas-panel{display:grid;grid-template-columns:1fr 350px;gap:40px;padding:26px 32px;border:1px solid #663522;border-radius:10px;background:radial-gradient(ellipse at 90% 100%,#a52c0966,transparent 65%),#101010;position:relative}.ideas-panel:before{content:'';position:absolute;right:-20px;top:-20px;width:120px;height:45px;transform:rotate(-15deg);background:url('../textures/olaria-paper/red-tape-r1.png') center/contain no-repeat;pointer-events:none}.ideas-panel h2{font-size:30px;line-height:1.08;letter-spacing:-.03em}.ideas-panel>div>p:not(.eyebrow){font-size:12px;color:#bbb;max-width:63ch;margin-top:13px}.ideas-action{align-self:center}.ideas-action .micro{text-align:center;font-size:11px}.agenda{padding:40px 0 48px}.agenda-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.agenda .section-intro{padding-left:32px}.agenda .section-intro h2{font-size:38px}.agenda-notes{display:flex;gap:16px;flex-wrap:wrap;color:#bbb;font-size:11px;margin:22px 0}.agenda .button{max-width:350px;width:100%}.calendar-shell{min-height:275px;background:#121212;border:1px solid #363636;border-radius:10px;overflow:hidden;display:grid;place-items:center}.calendar-placeholder{text-align:center;padding:28px}.calendar-icon{font-size:44px;color:var(--orange);display:block;margin-bottom:12px;line-height:1}.calendar-placeholder h3{font-size:18px}.calendar-placeholder p{font-size:12px;color:#aaa;max-width:36ch;margin:12px auto}.calendar-note{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#ff7440}.calendar-shell.is-loaded{display:block;min-height:560px}.calendar-shell iframe{display:block;width:100%;height:560px;border:0;background:#fff}.site-footer{padding:28px 0;border-top:1px solid #292929;background:#050505}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}.footer-brand img{width:120px;filter:invert(1)}.footer-brand p{font-size:10px;color:#888;margin-top:10px}.site-footer nav{display:flex;align-content:start;flex-wrap:wrap;gap:10px 16px;font-size:10px}.footer-contact{display:grid;gap:7px;font-size:10px}.footer-contact span{color:#888}.floating-wa{position:fixed;right:15px;bottom:15px;z-index:19;background:#21d86b;border:2px solid #080808;border-radius:999px;display:flex;gap:7px;align-items:center;color:#05160b;padding:10px 15px;font-weight:bold;font-size:11px;box-shadow:0 8px 20px #0006}.floating-wa svg{width:23px;height:23px}
@media(min-width:1500px){.hero-video{height:460px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.split{grid-template-columns:190px 1fr;gap:24px}.section-intro h2{font-size:30px}.tile-copy{padding-left:14px;width:61%}.tile-copy h3{font-size:16px}.tile-copy p{font-size:10px}.service-art{right:-40px;width:60%}.package-card{padding:16px 12px}.package-card h3{font-size:20px}.package-card .button{font-size:9px}.print-band{grid-template-columns:190px 1fr auto;gap:24px}.main-nav{gap:15px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-card>img{height:140px}.hero-video{height:385px}.hero-grid{gap:32px}.hero-copy h1{font-size:49px}.ideas-panel{grid-template-columns:1fr 310px;gap:25px}.ideas-panel h2{font-size:27px}}
@media(max-width:820px){html{scroll-padding-top:75px}.site-header{height:66px;padding:0 20px}.brand{width:112px;height:46px}.menu-button{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:66px;padding:18px 22px;background:#080808;flex-direction:column;align-items:stretch;border-bottom:1px solid #333}.main-nav.is-open{display:flex}.main-nav a{padding:9px 12px;font-size:13px}.wrap{width:calc(100% - 36px)}.hero{padding:15px 0 28px}.hero-grid{grid-template-columns:1fr;gap:25px}.video-stage{max-width:480px;margin:auto;width:100%}.hero-video{width:100%;height:auto}.hero-copy{max-width:none}.hero-copy h1{font-size:50px}.hero-copy .eyebrow{font-size:9px}.hero-line{font-size:18px;margin-top:13px}.description{font-size:13px;max-width:54ch}.hero-copy .button{max-width:none}.micro{font-size:11px;max-width:none}.hero-copy .text-link{max-width:none;font-size:11px}.section{padding:28px 0}.split{grid-template-columns:1fr;gap:20px}.section-intro h2{font-size:31px}.section-intro h2 br{display:none}.section-intro h2 br:after{content:' '}.section-intro>p:not(.eyebrow){max-width:58ch;font-size:12px;margin-top:10px}.paper-fragment{position:absolute;right:-90px;top:15px;width:230px;opacity:.35;margin:0;z-index:0;pointer-events:none}.section-intro{position:relative;z-index:1}.system-tile{min-height:172px}.tile-copy{padding:16px 0 16px 13px;width:58%}.tile-copy h3{font-size:17px}.tile-copy p{font-size:11px;max-width:25ch}.service-art{width:60%;right:-33px}.case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.case-card>img{height:110px}.case-copy{padding:12px 9px}.case-copy h3{font-size:13px}.case-copy p,.case-copy span{font-size:10px}.package-card h3{font-size:22px}.package-card li{font-size:11px}.package-card>p{font-size:12px}.package-card .button{font-size:10px}.print-band{grid-template-columns:1fr 1.7fr;gap:15px;padding:18px;margin-top:15px}.print-band .button{grid-column:1/-1;justify-self:start}.ideas-panel{grid-template-columns:1fr;padding:24px;gap:20px}.ideas-panel h2{font-size:29px}.ideas-panel h2 br{display:none}.ideas-action .micro{text-align:left}.agenda-grid{grid-template-columns:1fr;gap:22px}.agenda .section-intro{padding:0}.agenda .section-intro h2{font-size:31px}.agenda .button{max-width:none}.calendar-shell{min-height:220px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-contact{grid-column:1/-1}}
@media(max-width:520px){.wrap{width:calc(100% - 28px)}.hero-copy h1{font-size:45px}.system-board{gap:8px}.system-tile{min-height:225px;align-items:flex-start}.tile-copy{padding:15px 12px 100px;width:100%;z-index:2}.tile-copy h3{font-size:17px;max-width:16ch}.tile-copy p{font-size:11px;max-width:21ch;line-height:1.4;margin-top:8px}.service-num{font-size:9px;margin-bottom:7px}.service-art{height:106px;width:100%;right:-20px;top:auto;bottom:-5px;transform:none;object-fit:contain;opacity:.85;mask-image:linear-gradient(180deg,transparent,#000 20%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%)}.section-intro h2{font-size:30px;line-height:1.1}.case-grid{grid-template-columns:1fr 1fr;gap:8px}.case-card>img{height:135px}.case-copy h3{font-size:15px}.case-copy p,.case-copy span{font-size:11px}.package-grid{grid-template-columns:1fr}.package-card{padding:20px}.package-label{font-size:11px}.package-card h3{font-size:26px}.package-card>p{min-height:0;font-size:13px}.package-card ul{margin:16px 0 20px;gap:9px}.package-card li{font-size:12px}.package-card .button{font-size:12px;padding:11px 15px;min-height:45px}.print-band{grid-template-columns:1fr;gap:12px}.print-band p{font-size:12px}.print-band .button{width:100%}.ideas-panel{padding:22px 18px}.ideas-panel h2{font-size:27px}.ideas-panel>div>p:not(.eyebrow){font-size:12px}.ideas-panel .button{font-size:11px}.calendar-placeholder{padding:25px 18px}.agenda-notes{gap:12px}.footer-grid{grid-template-columns:1fr}.footer-contact{grid-column:auto}.site-footer nav,.footer-contact,.footer-brand p{font-size:11px}.floating-wa{padding:10px}.floating-wa span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* 4.4 — Approved photographic service images and real client references */
.system-tile{min-height:220px;background:#0e0e0e}.service-art{right:0;width:72%;height:100%;object-fit:cover;object-position:right center;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 38%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%)}.tile-copy{width:53%}.tile-copy p{max-width:22ch}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.case-identity{height:64px;padding:10px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.case-identity img{width:88px;height:44px;object-fit:contain}.case-identity span{font-size:8px;letter-spacing:.08em;text-transform:uppercase}.case-card--natural .case-identity{background:#4b0c1b;color:#dfc389}.case-card--dental .case-identity{background:#ece8ff;color:#6650c5}.case-photos{display:grid;grid-template-columns:1.35fr 1fr;height:205px;gap:3px;background:#222}.case-photos img{width:100%;height:205px;object-fit:cover}.case-card--dental .case-photos img:first-child{object-fit:contain;background:#f4effa}.case-card--featured .case-copy{padding:16px 18px 18px}.case-card--featured .case-copy h3{font-size:21px}.case-card--featured .case-copy p{font-size:11px}.case-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.case-tags span{margin:0;padding:4px 7px;border:1px solid #444;border-radius:999px;font-size:9px;color:#ccc}.case-card--featured .case-copy>span{font-size:11px;line-height:1.5}.case-site{display:inline-block;margin-top:13px;color:#eee;font-size:11px}.case-site:hover{color:var(--orange)}.case-card--compact{display:grid;grid-template-columns:40% 1fr;align-items:center}.case-card--compact>img{height:145px}.case-card--compact .case-copy{padding:15px}.case-card--compact .case-copy h3{font-size:16px}
@media(max-width:1100px){.case-identity{padding:10px 13px}.case-identity span{font-size:7px}.case-photos,.case-photos img{height:185px}}
@media(max-width:820px){.system-tile{min-height:210px}.tile-copy{width:53%}.service-art{width:72%}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-photos,.case-photos img{height:205px}.case-card--compact>img{height:135px}}
@media(max-width:520px){.system-tile{min-height:285px;display:block}.tile-copy{width:100%;padding:15px 12px 145px}.tile-copy h3{font-size:17px}.tile-copy p{max-width:23ch;font-size:11px}.service-art{top:auto;bottom:0;height:145px;width:100%;right:0;transform:none;object-fit:cover;object-position:right center;mask-image:linear-gradient(180deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%)}.case-card--featured{grid-column:1/-1}.case-photos,.case-photos img{height:210px}.case-identity span{font-size:8px}.case-card--compact{display:block}.case-card--compact>img{height:125px}.case-card--compact .case-copy{padding:13px 11px}.case-card--compact .case-copy h3{font-size:15px}.case-card--featured .case-copy>span{font-size:12px}.case-tags span{font-size:10px}.case-site{font-size:12px}}

/* 4.5 — Alternating section backgrounds and clearer reading rhythm */
.system.section,.packages.section,.agenda.section{background:#ff4b0b;color:#090909;border-top:0;padding-block:55px}
.system .section-intro .eyebrow,.packages .section-intro .eyebrow,.agenda .section-intro .eyebrow{color:#261006}
.system .section-intro h2,.packages .section-intro h2,.agenda .section-intro h2{color:#090909}
.system .section-intro h2 em,.packages .section-intro h2 em,.agenda .section-intro h2 em{color:#090909}
.system .section-intro>p:not(.eyebrow),.packages .section-intro>p:not(.eyebrow),.agenda .section-intro>p:not(.eyebrow){color:#2d1006}
.packages .section-intro .text-link,.agenda .section-intro .text-link{color:#16100d;text-decoration:underline;text-underline-offset:4px}
.system .system-tile,.packages .package-card,.packages .print-band{color:#fff;border-color:#1f1a16;box-shadow:0 7px 20px #47190012}
.packages .package-card.flow{border-color:var(--green)}
.system .paper-fragment{opacity:.85}
.cases.section{background:#080808;padding-block:55px;border-top:0}
.ideas.section{background:#080808;padding-block:42px;border-top:0}
.ideas-panel{background:#101010;border-color:#6c3320}
.agenda .agenda-notes{color:#251006}
.agenda .agenda-notes span{border:1px solid #180a0440;border-radius:999px;padding:5px 10px}
.agenda .button.secondary{background:#0b0b0b;color:#fff;border-color:#0b0b0b}
.agenda .calendar-shell{background:#ff6b36;border:1px solid #23110866;color:#111;box-shadow:0 12px 30px #55190015}
.agenda .calendar-placeholder p{color:#32170d}
.agenda .calendar-icon{color:#111}
.agenda .calendar-note{color:#32170d}
.agenda .calendar-shell.is-loaded{background:#111}
@media(max-width:820px){.system.section,.packages.section,.agenda.section,.cases.section{padding-block:40px}.ideas.section{padding-block:32px}}
@media(max-width:820px){.system .paper-fragment{display:none}}

/* 4.6 — Mobile frames, vector arrows and direct booking */
.icon-arrow{display:inline-block;width:16px;height:16px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;pointer-events:none}
.icon-arrow--right{transform:rotate(45deg)}.icon-arrow--down{transform:rotate(135deg)}
.button>span .icon-arrow{width:16px;height:16px}.hero-frame{display:none;width:100%;height:auto;aspect-ratio:720/896;object-fit:contain;background:#fff}
.agenda-grid{align-items:start}.agenda .calendar-shell.is-loaded{display:block;min-height:0;background:#111;border-color:#181818;color:#fff}
.calendar-heading{padding:20px 22px;border-bottom:1px solid #333}.calendar-heading h3{font-size:17px;line-height:1.3}.calendar-heading p{font-size:11px;color:#bbb;margin-top:7px}
.agenda .calendar-shell iframe{height:680px;width:100%;display:block;border:0;background:#111;color-scheme:dark}
.calendar-fallback{display:block;text-align:center;padding:15px 18px;border-top:1px solid #333;color:#ddd;font-size:11px}.calendar-fallback:hover{color:var(--orange)}
@media(max-width:820px){.hero-video{display:none}.hero-frame{display:block}.agenda .calendar-shell iframe{height:740px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero-frame{display:block;max-height:430px;width:auto;max-width:100%}}