.essential-room{position:relative;aspect-ratio:1;border-radius:50% 50% 5px 5px;overflow:hidden;inset:auto}.essential .hero-visual{padding:0}.essential .hero-text h1{font-size:clamp(47px,6vw,80px)}.essential .demo-footer p{max-width:800px;margin:0}.essential .service-tiles article{border-radius:3px;background:#fff5}.essential .service-tiles h3{font:25px Georgia,serif}.orla{--bg:#f8efd9;--fg:#663426;--accent:#ad402a;--muted:#8a6a50}.orla .demo-header{border-bottom-color:#b0886150;min-height:100px}.orla .demo-brand{font:60px/.8 Georgia,serif;letter-spacing:-5px;font-style:italic}.orla .demo-brand>span{display:block;font:8px/1.5 system-ui;letter-spacing:.18em;margin-top:12px;text-transform:uppercase}.orla .demo-header nav{gap:25px;font-size:12px}.orla .demo-header nav a[aria-current=page]{border-bottom:1px solid var(--accent);padding-bottom:5px}.orla .demo-hero{padding-top:60px;padding-bottom:65px}.orla h1{font-size:clamp(60px,7.4vw,100px);font-style:normal}.orla h1 em{font-weight:400;color:#a94028}.orla .hero-text>p{font-size:15px;max-width:420px}.orla .button{border-radius:0;background:#a94028;border-color:#a94028;font-weight:500}.orla-scene{aspect-ratio:.94;position:relative;background:#bf5c37;overflow:hidden;border-radius:48% 48% 0 0;box-shadow:0 20px 40px #85401a15}.scene-sun{position:absolute;top:6%;right:4%;width:45%;aspect-ratio:1;border-radius:50%;background:#f6ce82}.scene-arch{position:absolute;top:24%;left:13%;width:56%;height:85%;background:linear-gradient(90deg,#ddbb82 75%,#c6985b 75%);border-radius:50% 50% 0 0;box-shadow:20px 20px 0 #9d432c}.scene-shutter{position:absolute;top:37%;left:24%;width:33%;height:51%;background:repeating-linear-gradient(90deg,#53634c 0 8%,#344938 8% 9%);border-radius:50% 50% 0 0;box-shadow:5px 5px #b28c55}.scene-table{position:absolute;bottom:12%;right:3%;width:42%;height:13%;background:#e9c594;border-radius:50%;box-shadow:0 7px #af7f4f,5px 30px 25px #77371850;transform:rotate(-5deg)}.scene-table:after{content:"";position:absolute;top:100%;left:42%;width:11%;height:130px;background:linear-gradient(90deg,#bb8351,#784b2f);z-index:0}.scene-cup{position:absolute;width:44px;height:40px;background:#f2e6ca;border-radius:3px 3px 40% 40%;box-shadow:inset 0 4px #8e5b39,0 5px 0 5px #d2b38c}.scene-cup:after{content:"";position:absolute;border:5px solid #f2e6ca;border-left:0;width:16px;height:20px;right:-14px;top:5px;border-radius:0 50% 50% 0}.scene-table .scene-cup{top:-20%;left:40%}.scene-name{position:absolute;bottom:7%;left:6%;font:italic 85px/.8 Georgia;color:#f6d194;letter-spacing:-6px}.scene-leaf{position:absolute;top:10%;right:-12%;width:35%;height:65%;background:#4a5b37;border-radius:100% 0 100% 0;transform:rotate(-20deg);box-shadow:-12px 10px #668052}.orla .section-heading h2{font-size:clamp(36px,4.5vw,58px)}.orla .portfolio-grid{gap:20px}.orla .project-card .architecture{aspect-ratio:1.05}.cafe-view{background:#d2ac7f}.cafe-view .arch-sun{background:#f8d794;top:5%;right:4%}.cafe-view .arch-plane{background:linear-gradient(90deg,#bf653b 65%,#995433 65%)}.cafe-view .arch-door{background:repeating-linear-gradient(90deg,#5f6c4a 0 12%,#3e4d33 12% 13%)}.cafe-view .arch-floor{background:#b69b6b}.cafe-1{background:#b6b998}.cafe-1 .arch-plane{background:linear-gradient(90deg,#e1d1a5 65%,#bbad81 65%);left:25%;transform:skewY(8deg)}.cafe-1 .arch-door{left:45%;background:#8e9e71}.cafe-2{background:#ba664b}.cafe-2 .arch-plane{background:linear-gradient(90deg,#efd6a4 65%,#bd9d6d 65%)}.cafe-2 .arch-door{border-radius:0;background:repeating-linear-gradient(90deg,#698362 0 12%,#445b3f 12% 14%)}.orla .project-card>span:last-of-type{font:11px system-ui;letter-spacing:.05em}.orla-intro{width:90%;max-width:1320px;margin:auto;padding:65px 0 40px}.orla-intro h1{font-size:clamp(48px,6vw,80px);max-width:900px}.orla-intro>p{max-width:650px;font-size:15px;color:var(--muted)}.orla-menu{padding-top:10px;border:0}.orla .dish-card{border-radius:0;background:#eee1c5}.orla .dish-art{aspect-ratio:1.35}.orla .filter-bar{border-top:1px solid #a98f6e60;padding-top:25px}.orla .filter-bar button{border-radius:0;font-size:12px}.orla .dish-card strong{font-size:25px}.orla .demo-footer{background:#733726;color:#efdbb5;align-items:center}.orla .demo-footer p{max-width:800px;font-size:10px;margin:0}.orla .demo-footer>a{font-size:12px}.orla-contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:20px;border:0}.contact-illustration{background:#dca95f;aspect-ratio:1.2;position:relative;overflow:hidden;padding:30px}.contact-illustration>span{font:55px/.95 Georgia;letter-spacing:-3px;color:#8c452a}.contact-illustration .scene-cup{right:25%;bottom:25%;width:90px;height:80px;transform:rotate(-10deg)}.contact-illustration .scene-cup:after{width:25px;height:35px;border-width:7px;right:-20px;top:10px}.orla-contact details{padding:15px 0;border-block:1px solid #a6886260;font-size:14px}.orla-contact summary{cursor:pointer;padding:5px 0}.orla-contact details p{font-size:13px;margin:15px 0 0;color:var(--muted)}.orla-contact .micro{margin:20px 0}.orla-real{display:inline-block;margin-top:25px;font-size:12px;text-underline-offset:5px}.orla #dialog-art .architecture{aspect-ratio:1.5}.orla dialog{border-radius:2px}.orla .dialog-disclaimer{background:#eddbb9}.orla .content-block{border-color:#a98f6e60}.orla .demo-footer{gap:50px}@media(max-width:760px){.orla .demo-header{align-items:center;gap:20px;min-height:90px}.orla .demo-brand{font-size:48px}.orla .demo-header nav{gap:12px;font-size:11px;flex-wrap:wrap;justify-content:flex-end;max-width:240px}.orla .demo-hero{padding:40px 0}.orla h1{font-size:70px}.orla .portfolio-grid{grid-template-columns:1fr 1fr;gap:15px}.orla .project-card:last-child{grid-column:1/-1}.orla .project-card:last-child .architecture{aspect-ratio:1.7}.orla-intro{padding:40px 0 20px}.orla-intro h1{font-size:50px}.orla-contact{grid-template-columns:1fr;gap:35px}.orla-contact .contact-illustration{aspect-ratio:1.5}.orla-contact h2{font-size:36px}.orla .item-grid{gap:16px}.orla .dish-card strong{font-size:21px}.orla .demo-footer{gap:20px;align-items:start}.orla .content-block{padding-top:40px}.orla .orla-menu{padding-top:0}}@media(max-width:380px){.orla .demo-header nav{max-width:190px;font-size:10px}.orla h1{font-size:62px}.orla .demo-brand{font-size:42px}}
