html{scroll-behavior:smooth}body{margin:0}.wrap{max-width:1420px;width:calc(100% - 80px);margin-inline:auto}.studio-header{display:flex;gap:32px;align-items:center;justify-content:space-between;padding-block:28px;border-bottom:1px solid var(--line)}.studio-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:23px;text-decoration:none;white-space:nowrap}.studio-word{font-weight:400;color:#6c7975}.studio-header nav{display:flex;gap:25px;flex-wrap:wrap}.studio-header nav a{font-size:14px;text-decoration:none;padding:8px 0}.studio-header a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.languages{display:flex;gap:12px;font-size:13px}.studio-hero{text-align:center;padding:64px 0 38px}.studio-hero h1{font-size:clamp(44px,5.5vw,78px);line-height:1.08;margin:20px 0 24px;letter-spacing:-2px}.studio-hero h1 em{font-style:normal;color:#72816c}.studio-hero .intro{max-width:690px;font-size:19px;line-height:1.65;margin:0 auto}.studio-benefits{font-size:13px;margin:24px 0 0;color:#687773}.planner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.planner-card{display:block;color:inherit;text-decoration:none;border:1px solid #deded5;border-radius:18px;overflow:hidden;background:#fffdf8;transition:transform .18s,border-color .18s}.planner-card:hover{transform:translateY(-3px);border-color:#8b9c8b}.planner-image{aspect-ratio:1.85;background:#ecece3;overflow:hidden}.planner-image img{display:block;width:100%;height:100%;object-fit:cover}.planner-copy{padding:25px 30px 30px}.planner-copy .eyebrow{font-size:11px}.planner-copy h2{font:500 32px/1.2 Fraunces,Georgia,serif;display:flex;gap:12px;justify-content:space-between;margin:10px 0 14px}.planner-copy h2 span{font:24px Manrope,sans-serif}.planner-copy p{font-size:15px;line-height:1.7;margin:0 0 22px;max-width:470px}.card-cta{font-size:13px;font-weight:600;border-bottom:1px solid;padding-bottom:3px}.studio-planners{padding-bottom:70px}.studio-about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:56px 0 70px;border-top:1px solid var(--line)}.studio-about h2{font-size:40px}.studio-about p{font-size:16px;line-height:1.8}.studio-footer{border-top:1px solid var(--line);padding:36px 0 24px;margin-top:36px}.studio-footer p,.studio-footer small{font-size:13px}.studio-footer .footer-links{display:flex;gap:22px}.planner-heading{padding:30px 0 25px}.planner-heading h1{font-size:clamp(32px,4vw,52px);margin:10px 0 14px}.planner-heading>p:last-child{font-size:16px;max-width:860px;line-height:1.6}.studio-workspace{background:#f0f2ed;padding:12px 0}.studio-workspace>iframe{width:100%;border:0;display:block;min-height:800px;height:1100px}.studio-loading{padding-block:18px}.studio-loading[hidden]{display:none}.planner-notes{padding-block:22px;font-size:13px;line-height:1.7;color:#5f716e}.planner-notes a{color:var(--ink)}.studio-related{padding-block:36px}.studio-related>h2{font-size:32px;margin-bottom:25px}.studio-related .planner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.studio-related .planner-copy{padding:20px}.studio-related .planner-copy h2{font-size:24px}.studio-related .planner-copy p{font-size:13px}.studio-related nav{display:flex;gap:25px;flex-wrap:wrap}.gallery-hero{padding-block:38px!important;gap:32px;min-height:0!important}.gallery-hero h1{font-size:clamp(35px,4.5vw,60px)}.gallery-hero .intro{font-size:17px}.gallery-hero figure{max-height:340px;overflow:hidden}.gallery-hero img{max-height:340px;object-fit:contain}.studio-header~main .workbench{margin-top:20px}.studio-header~main .section-top h2{font-size:32px}a:focus-visible,button:focus-visible{outline:3px solid #a67e44;outline-offset:5px}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.studio-header{gap:18px;flex-wrap:wrap;padding-block:18px}.studio-header nav{order:3;width:100%;justify-content:space-between;gap:14px}.studio-hero{padding-top:40px}.studio-related .planner-grid{grid-template-columns:1fr}.studio-about{gap:30px}.planner-copy{padding:22px}.planner-copy h2{font-size:28px}}@media(max-width:600px){.wrap{width:calc(100% - 28px)}.studio-brand{font-size:20px}.studio-header nav a{font-size:12px}.studio-header nav{gap:8px}.studio-hero{padding:35px 0 28px}.studio-hero h1{font-size:43px;letter-spacing:-1px}.studio-hero .intro{font-size:16px}.studio-benefits{font-size:11px;line-height:1.7}.planner-grid{grid-template-columns:1fr;gap:23px}.planner-copy h2{font-size:29px}.planner-copy{padding:24px}.planner-copy p{font-size:14px}.studio-about{grid-template-columns:1fr;gap:10px;padding-block:30px}.studio-about h2{font-size:33px}.studio-planners{padding-bottom:40px}.studio-footer{display:block}.studio-footer .footer-links{padding:20px 0;flex-wrap:wrap}.planner-heading{padding-block:25px 12px}.planner-heading h1{font-size:34px}.planner-heading>p:last-child{font-size:14px}.gallery-hero{padding-top:25px!important}.gallery-hero figure{display:none}.studio-workspace{padding:0}.planner-notes{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.planner-card{transition:none}}
.planner-card[href*=bilderwand] .planner-image img,.planner-card[href*=gallery-wall] .planner-image img{object-fit:contain}.planner-card[href*=bilderwand] .planner-image,.planner-card[href*=gallery-wall] .planner-image{background:#e9e7dd}
/* Roomavilo identity: shared shell, independent planner interfaces. */
:root{--roomavilo-ink:#233e47;--roomavilo-sage:#72816c;--roomavilo-paper:#f9f7f2;--roomavilo-sand:#e6d9c7;--roomavilo-clay:#b47d62}
.studio-brand .studio-logo{display:block;width:220px;height:auto;max-width:100%}.studio-footer .studio-logo{width:190px}.studio-brand:focus-visible{outline-offset:8px}.studio-hero h1 em{color:var(--roomavilo-sage)}
@media(max-width:600px){.studio-header .studio-logo{width:190px}.studio-header .studio-brand{max-width:62%}}
/* Keep all planner navigation available on narrow screens. */
.studio-header nav>a{display:inline-flex;align-items:center}