/* These rules load after all legacy portfolio styles. Preview widths, not the outer desktop viewport, control layout. */
.entity-website,.company-site{width:100%;min-width:0;box-sizing:border-box;container-type:inline-size;isolation:isolate}.entity-website *,.company-site *{box-sizing:border-box;min-width:0}.entity-website .entity-hero h1{font-size:clamp(30px,5cqw,64px)!important;line-height:1.12!important;letter-spacing:-.035em!important;white-space:normal!important;word-break:normal;overflow-wrap:break-word;margin:16px 0}.entity-website .entity-hero{padding:56px 6%;gap:32px}.entity-website .entity-brand{font:800 clamp(18px,2.3cqw,24px)/1.25 system-ui,sans-serif;overflow-wrap:break-word}.entity-website .entity-header{display:flex;gap:18px;align-items:center}.entity-website .entity-nav{margin:0;gap:14px}.entity-website .entity-nav a{font:500 13px/1.5 system-ui,sans-serif}.entity-website .entity-menu-toggle,.company-site .company-menu-toggle{display:none;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #b9ccd4;background:white;color:#17394c;border-radius:8px;min-height:44px;padding:8px 12px;font:600 14px/1.2 system-ui,sans-serif;cursor:pointer}.entity-website .entity-menu-toggle:focus-visible,.company-site .company-menu-toggle:focus-visible{outline:3px solid #0395b4;outline-offset:3px}.entity-website .entity-hero>img,.company-site .company-site-media img{max-width:100%}.entity-website .entity-section h2{font-size:clamp(24px,3cqw,38px)!important;line-height:1.25}.entity-website .entity-section h3{font-size:20px!important;line-height:1.35}.entity-website p,.entity-website input,.entity-website textarea{font-size:16px}.entity-website .entity-header,.company-site .company-site-header{position:relative}.business-template-preview .company-preview-stage,.company-site-dialog .company-preview-stage{box-sizing:border-box;max-width:100%}
@container(max-width:900px){.entity-website .entity-header,.company-site .company-site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:18px;gap:14px}.entity-website .entity-brand,.company-site .company-site-brand{flex:1;max-width:calc(100% - 96px)}.entity-website .entity-menu-toggle,.company-site .company-menu-toggle{display:inline-flex}.entity-website .entity-nav,.company-site .company-site-header nav{display:none;width:100%;flex-basis:100%;margin:0;gap:0;border-top:1px solid #d8e2e8;padding-top:8px}.entity-website .entity-menu-open .entity-nav,.company-site .company-menu-open nav{display:flex;flex-direction:column}.entity-website .entity-nav a,.company-site .company-site-header nav a{display:block;font-size:14px;line-height:1.4;padding:10px 4px;text-decoration:none}.entity-website .entity-hero{padding:36px 6%;gap:24px}.entity-website .entity-hero h1{font-size:clamp(30px,5.5cqw,46px)!important}.entity-website .entity-section{padding:32px 6%}}
@container(max-width:700px){.entity-website .entity-hero,.company-site .company-site-hero,.company-site[data-company-layout=poster] .company-site-hero{grid-template-columns:1fr!important;padding:30px 20px;gap:22px}.entity-website .entity-hero>img{width:100%;height:240px;max-height:280px;object-fit:cover}.entity-website .entity-grid,.entity-website .entity-enquiry,.company-site .company-site-grid{grid-template-columns:1fr!important}.entity-website .entity-hero p{margin-bottom:18px;line-height:1.6}.entity-website .entity-hero small{font-size:13px;line-height:1.5}.company-site .company-site-hero h1{font-size:clamp(30px,6cqw,42px)!important;line-height:1.12}.entity-website .entity-card,.entity-website .entity-grid>details{padding:18px}.entity-website .entity-footer{padding:24px 20px}}
@container(max-width:400px){.entity-website .entity-hero,.company-site .company-site-hero,.company-site[data-company-layout=poster] .company-site-hero{padding:26px 16px}.entity-website .entity-hero h1,.company-site .company-site-hero h1{font-size:30px!important;line-height:1.15!important;letter-spacing:-.025em!important}.entity-website .entity-header,.company-site .company-site-header{padding:16px;gap:10px}.entity-website .entity-brand,.company-site .company-site-brand{font-size:18px;max-width:calc(100% - 88px)}.entity-website .entity-brand img,.company-site .company-site-logo{width:36px;height:36px}.entity-website .entity-section{padding:26px 16px}.entity-website .entity-section h2,.company-site .company-site-section h2{font-size:24px!important}.entity-website .entity-hero>img{height:210px}.entity-website .entity-button{padding:12px 16px;font-size:14px}.entity-website .website-hero-actions{gap:8px}.entity-website .website-hero-actions button{font-size:13px;padding:10px 12px}}