/* Motion is progressive: all content stays visible without JavaScript. */
.pill-motion{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,box-shadow .3s ease;text-decoration:none!important}
.pill-motion::after{content:'';position:absolute;inset:-1px;background:#a62826;border-radius:inherit;transform:translateY(105%);transition:transform .45s cubic-bezier(.22,1,.36,1);z-index:-1}
.pill-motion>*{transition:color .25s ease;position:relative}
.pill-motion:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:0 8px 24px #0002}
.pill-motion:is(:hover,:focus-visible)::after{transform:translateY(0)}
.pill-motion:is(:hover,:focus-visible),.pill-motion:is(:hover,:focus-visible) *{color:#fff}
.pill-motion:active{transform:translateY(0)}
.neutral-paper{position:relative;isolation:isolate;background-image:none!important;background-color:#171717}
.neutral-paper::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:var(--paper);background-size:100% 100%;filter:grayscale(1);pointer-events:none}
.ticker-motion{position:relative;overflow:hidden!important;justify-content:flex-start!important;padding-left:0!important;padding-right:0!important;gap:0!important}
.ticker-track{display:flex;align-items:center;flex-shrink:0;width:max-content;animation:ticker-drift 34s linear infinite}
.ticker-set{display:flex;align-items:center;justify-content:space-around;gap:36px;flex-shrink:0;min-width:1440px;padding:0 28px}
.ticker-set>*{flex-shrink:0}
.ticker-motion:hover .ticker-track,.ticker-motion:focus-within .ticker-track{animation-play-state:paused}
.ticker-pause{position:absolute;right:8px;bottom:5px;z-index:2;width:26px;height:26px;padding:0;border:1px solid #13131355;border-radius:50%;background:#e1d09e;color:#171717;font-size:12px;cursor:pointer;opacity:.5}
.ticker-pause:hover,.ticker-pause:focus-visible{opacity:1}
.ticker-motion.is-paused .ticker-track{animation-play-state:paused}
@keyframes ticker-drift{to{transform:translateX(-50%)}}
.reveal-ready{opacity:0;transform:translateY(48px);transition:opacity .85s ease,transform 1s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
.experience-motion{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.experience-motion:hover{transform:translateY(-8px);box-shadow:0 18px 35px #0003}
.experience-motion [data-pencil-name$='training photograph']{transition:filter .5s ease;filter:grayscale(.35)}
.experience-motion:hover [data-pencil-name$='training photograph']{filter:grayscale(0)}
[data-pencil-name='Class allowance'],[data-pencil-name='$109 / MONTH'],[data-pencil-name='$169 / MONTH'],[data-pencil-name='$189 / MONTH'],[data-pencil-name='FIRST ROUND  /  $149'],[data-pencil-name='First Round price']{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700}
.first-round-motion{position:relative;isolation:isolate;transform:perspective(1300px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s ease;box-shadow:0 6px 0 #a59158,0 12px 0 #71613e,0 32px 75px #0005;overflow:hidden}
.first-round-motion::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--shine-x,25%) var(--shine-y,15%),#fff6,transparent 55%),linear-gradient(115deg,transparent 25%,#fff3 45%,transparent 65%);background-size:100% 100%,250% 100%;animation:gold-light 9s ease-in-out infinite;mix-blend-mode:soft-light}
.first-round-motion::after{content:'';position:absolute;inset:1px;border:1px solid #fff6;border-radius:inherit;pointer-events:none}
.first-round-motion:hover{box-shadow:0 6px 0 #a59158,0 12px 0 #71613e,0 42px 90px #0007}
@keyframes gold-light{0%,100%{background-position:0 0,100% 0}50%{background-position:0 0,0% 0}}
@media(max-width:1199px){.ticker-set{min-width:1100px;gap:28px}.ticker-set>*{font-size:28px!important;line-height:32px!important}.ticker-set svg{width:32px;height:32px}.first-round-motion{box-shadow:0 4px 0 #a59158,0 8px 0 #71613e,0 24px 48px #0004}.reveal-ready{transform:translateY(24px)}}
@media(prefers-reduced-motion:reduce){.ticker-track,.first-round-motion::before{animation:none}.reveal-ready{opacity:1;transform:none;transition:none}.first-round-motion,.pill-motion,.experience-motion{transform:none!important;transition:none}.pill-motion::after,.pill-motion *{transition:none}.ticker-pause{display:none}}
.ticker-track,.ticker-set{max-width:none!important}
/* A horizontal fill and a smooth gold finish. */
.pill-motion::after{transform:translateX(-105%)}
.pill-motion:is(:hover,:focus-visible)::after{transform:translateX(0)}
.first-round-motion{background-image:linear-gradient(118deg,#b59951 0%,#d6bd79 24%,#f0dea4 46%,#d3b871 68%,#b89a50 100%);background-color:#d6bd79;box-shadow:0 2px 0 #957736,0 22px 60px #0004}
.first-round-motion:hover{box-shadow:0 2px 0 #957736,0 30px 70px #0005}
.first-round-motion::before{background:linear-gradient(110deg,transparent 25%,#fff8 49%,transparent 65%);background-size:250% 100%;mix-blend-mode:soft-light;opacity:.6}
[data-pencil-name='$109 / MONTH'],[data-pencil-name='$169 / MONTH'],[data-pencil-name='$189 / MONTH']{font-family:'Helveticaneue Roman',Arial,sans-serif;font-weight:400}
.statement-line{display:block;overflow:hidden}
.statement-line>span{display:block}
.wall-ready .statement-line>span{transform:translateY(110%);transition:transform .85s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--line)*130ms + 200ms)}
.wall-ready.wall-visible .statement-line>span{transform:translateY(0)}
.wall-ready .wall-photo{opacity:0;transform:translate(var(--wall-x),var(--wall-y)) scale(.96);transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .8s ease;transition-delay:var(--wall-delay)}
.wall-ready.wall-visible .wall-photo{opacity:1;transform:translate(0,0) scale(1)}
@media(prefers-reduced-motion:reduce){.wall-ready .statement-line>span,.wall-ready .wall-photo{transform:none;opacity:1;transition:none}}
.experience-motion [data-pencil-name$='training photograph']{position:relative;overflow:hidden;filter:none}
.experience-motion video{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:0;transition:opacity .4s ease}
.experience-motion video.is-loaded{opacity:1}
.film-toggle{border:1px solid #e7e6e260;border-radius:24px;color:#e7e6e2;background:transparent;padding:10px 16px;font:14px 'Helveticaneue Roman',Arial,sans-serif;align-self:flex-end;cursor:pointer}
.film-toggle:focus-visible{outline:2px solid #d8c691;outline-offset:4px}
/* Opening ticker: black band with the brand's gold lettering. */
[data-pencil-name='02 Opening ticker — Denver, belonging and possibility']{background-image:none;background-color:#111111;border-color:#111111}
[data-pencil-name='02 Opening ticker — Denver, belonging and possibility'] .ticker-set>*{color:#d8c691}
[data-pencil-name='02 Opening ticker — Denver, belonging and possibility'] .ticker-pause{background:#111111;color:#d8c691;border-color:#d8c69180}
.physics-card{display:flex;flex-direction:column;gap:20px;transform-origin:50% 30%;will-change:transform}
.rating-stars{display:flex;gap:8px;width:100%;color:#b28d34;line-height:1}
.rating-stars svg{display:block;flex:1;max-width:55px;height:48px;fill:currentColor}
[data-pencil-name='ClassPass review aggregate — no invented testimonial']{gap:17px}
.community-film{position:relative;flex:1;min-width:0;height:100%;border-radius:8px;overflow:hidden;background:#171717 url('/assets/068c49ef4a59a70f.webp') center/cover}
.community-film video{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}
.community-film .film-toggle{position:absolute;bottom:18px;right:18px;background:#111b;color:#fff}
@media(max-width:1199px){[data-pencil-name='ClassPass proof and paired training photographs']>.community-film{width:100%;height:300px;flex:auto}.rating-stars svg{height:44px}.physics-card{will-change:auto}}
@media(prefers-reduced-motion:reduce){.physics-card{transform:none!important;will-change:auto}}
.physics-card{width:100%}
/* Prices have a clear amount/period hierarchy inside a compact black capsule. */
[data-pencil-name].membership-price{display:inline-flex;align-items:baseline;gap:12px;width:fit-content;max-width:100%;padding:14px 20px 12px;background:#171717;color:#e7e6e2;border-radius:40px;line-height:1;white-space:nowrap}
.membership-price .price-amount{font-size:42px;line-height:1.05;font-weight:400;letter-spacing:-1.3px}
.membership-price .price-period{font-size:14px;line-height:20px;letter-spacing:0;font-weight:400;color:#d8c691}
.wall-photo{translate:var(--depth-x,0px) var(--depth-y,0px);rotate:var(--depth-r,0deg);transition:translate .6s cubic-bezier(.2,.8,.2,1),rotate .6s cubic-bezier(.2,.8,.2,1)}
.wall-ready .wall-photo{transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .8s ease,translate .6s cubic-bezier(.2,.8,.2,1),rotate .6s cubic-bezier(.2,.8,.2,1)}
[data-pencil-name='Club mindset — brand copy, not a testimonial']{translate:var(--message-x,0px) var(--message-y,0px);transition:translate .8s cubic-bezier(.2,.8,.2,1)}
@media(max-width:1199px){.membership-price .price-amount{font-size:38px}.membership-price .price-period{font-size:14px}}
@media(prefers-reduced-motion:reduce){.wall-photo,[data-pencil-name='Club mindset — brand copy, not a testimonial']{translate:none!important;rotate:none!important}}
/* Video placeholders: near-black branding, with no photography underneath. */
[data-pencil-name='Three equal class experience cards'] [data-pencil-name$='training photograph'],.community-film{background:#0d0d0d!important;position:relative;isolation:isolate}
.video-loading-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;pointer-events:none;color:#252525;transition:opacity .4s ease;z-index:0}
.video-loading-brand span{font-family:'Formula condensed',Impact,sans-serif;font-size:clamp(30px,3.6vw,54px);font-weight:900;line-height:1;letter-spacing:1px}
.video-loading-brand img{width:56px;height:56px;object-fit:contain;opacity:.1}
.video-surface video{position:relative;z-index:1;opacity:0;transition:opacity .4s ease}
.video-surface.has-frame video{opacity:1}
.video-surface.has-frame .video-loading-brand{opacity:0}
.community-film .film-toggle{z-index:2}
@media(prefers-reduced-motion:reduce){.video-loading-brand,.video-surface video{transition:none}}
/* The entry is an icon fill, not a blocking wait for offscreen media. */
.site-intro{position:fixed;inset:0;z-index:9999;background:#e7e6e2;display:grid;place-items:center;pointer-events:none;animation:intro-away .8s ease 1.65s forwards}
.intro-icon{position:relative;width:112px;height:140px}
.intro-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.12}
.intro-icon img.intro-fill{opacity:1;clip-path:inset(100% 0 0);animation:icon-fill 1.6s cubic-bezier(.45,0,.25,1) forwards}
@keyframes icon-fill{to{clip-path:inset(0)}}
@keyframes intro-away{to{opacity:0;visibility:hidden}}
.sound-control{position:fixed;right:18px;bottom:18px;z-index:90;border:1px solid #d8c69155;border-radius:24px;background:#111;color:#d8c691;padding:11px 16px;font:14px 'Helveticaneue Roman',Arial,sans-serif;box-shadow:0 4px 20px #0002}
.canvas{overflow:clip}
.canvas .learning-story{display:block;position:relative;width:100%;height:calc(var(--stage-height,100vh)*2);padding:0;background:#e7e6e2}
.learning-stage{height:var(--stage-height,100vh);position:sticky;top:0;display:grid;place-items:center;overflow:clip}
.canvas .learning-message{width:90%;text-align:center;color:#111;font-family:'Formula condensed',Impact,sans-serif;font-size:clamp(48px,6vw,88px);line-height:1;letter-spacing:1px;opacity:var(--message-opacity,1);transform:scale(var(--message-scale,1))}
.learning-photo{position:absolute;width:76%;height:78%;bottom:8%;border-radius:8px;background:url('/assets/learning-boxer.webp') center/cover;transform:translateY(var(--photo-rise,135%)) rotate(var(--photo-turn,-5deg));box-shadow:0 20px 70px #0002}
@media(max-width:1199px){.canvas .learning-message{font-size:clamp(44px,9vw,72px);width:94%}.learning-photo{width:88%;height:65%;bottom:17%}.sound-control{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.site-intro{display:none}.canvas .learning-story{height:auto;padding:90px 24px}.learning-stage{height:auto;position:relative;display:flex;flex-direction:column;gap:60px;overflow:visible}.canvas .learning-message{opacity:1;transform:none}.learning-photo{position:relative;transform:none;width:100%;height:420px;bottom:auto;box-shadow:none}}

/* Gold-on-black entry, using the original wolf silhouette. */
.site-intro{background:#0d0d0d}
.intro-icon img{opacity:1;filter:none;object-fit:contain}
.intro-icon{background:#29251c;mask:url('/assets/wolf-tight-ink.png') center/contain no-repeat;-webkit-mask:url('/assets/wolf-tight-ink.png') center/contain no-repeat}
.intro-icon img{visibility:hidden}
.intro-icon::after{content:'';position:absolute;inset:0;background:#d8c691;clip-path:inset(100% 0 0);animation:icon-fill 1.6s cubic-bezier(.45,0,.25,1) forwards}
[data-pencil-name='Hero corner note']{width:auto;max-width:90%}
.n28{font-size:20px;line-height:1.25}

/* Preserve the supplied portrait composition in the scroll reveal. */
.learning-photo{width:min(76%,calc(var(--stage-height,100vh)*.605));height:78%;bottom:11%}
@media(max-width:1199px){.learning-photo{width:min(88%,calc(var(--stage-height,100vh)*.558));height:72%;bottom:14%}}
@media(prefers-reduced-motion:reduce){.learning-photo{width:min(100%,480px);height:auto;aspect-ratio:2471/3196;bottom:auto}}
/* Gold wolf in the main navigation. */
nav .n8{background:#d8c691;mask:url('/assets/07175c429e44d4db.png') center/contain no-repeat;-webkit-mask:url('/assets/07175c429e44d4db.png') center/contain no-repeat}

/* A three-line hero with room for the supporting copy beside it. */
[data-pencil-name='Hero message'] h1{font-size:156px;line-height:.95;letter-spacing:2px;width:790px}
@media(max-width:1199px){[data-pencil-name='Hero message'] h1{font-size:clamp(48px,16vw,128px);line-height:.98;letter-spacing:1px;width:100%}}

/* Quieter, sentence-case hero note. */
.n28{font-size:16px;line-height:1.4;letter-spacing:0;font-weight:400;text-transform:none}
/* Hoboken High Sans wordmark study. */
@font-face{font-family:'Hoboken High Sans';src:url('/assets/hoboken-high-sans-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
nav .n7,.n215,.video-loading-brand span{font-family:'Hoboken High Sans',Impact,sans-serif;font-weight:400;text-transform:uppercase}
nav .n7{font-size:52px;line-height:1;letter-spacing:1px}
.n215{font-size:280px;line-height:1;letter-spacing:3px}
@media(max-width:1199px){nav .n7{font-size:38px}.n215{font-size:19vw;letter-spacing:0}}
/* Tight tracking retains a small visible gap at the closest letter pair. */
nav .n7,.video-loading-brand span,.n215{letter-spacing:-.075em}
.n213{align-items:center}
.n214{min-width:0;container-type:inline-size}
[data-pencil-name='EMPOWER oversized wordmark']{font-size:27cqw;line-height:1.15;letter-spacing:-.075em;width:100%;white-space:nowrap}

/* Brand symbols separate each ticker phrase. */
.ticker-set .ticker-wolf{display:block;width:44px;height:48px;flex:0 0 44px;background:currentColor;color:#131313;mask:url('/assets/wolf-tight-ink.png') center/contain no-repeat;-webkit-mask:url('/assets/wolf-tight-ink.png') center/contain no-repeat}
[data-pencil-name='02 Opening ticker — Denver, belonging and possibility'] .ticker-wolf{color:#d8c691}
@media(max-width:1199px){.ticker-set .ticker-wolf{width:32px;height:36px;flex-basis:32px}}

/* Fit the new invitation heading comfortably inside the gold card. */
.n90 .n92{font-size:104px;line-height:1;letter-spacing:1.5px}
@media(max-width:1199px){.n90 .n92{font-size:clamp(32px,10.5vw,80px);line-height:1.03;letter-spacing:.5px}}

/* Both bands share the first ticker's type scale and regular spacing. */
.canvas .ticker-motion{height:94px;box-sizing:border-box;padding-top:24px;padding-bottom:24px}
.ticker-set{min-width:0;justify-content:flex-start;gap:36px;padding:0 36px 0 0}
.ticker-set>div{font-size:36px;line-height:30px;letter-spacing:1.5px}
@media(max-width:1199px){.canvas .ticker-motion{height:78px;padding-top:20px;padding-bottom:20px}.ticker-set{min-width:0;gap:28px;padding-right:28px}.ticker-set>div{font-size:28px;line-height:32px}}
/* Optically center the wolf on Hoboken's visible capitals, not its line box. */
nav .n5{align-items:center}
nav .n8{height:44px;width:47.23px;transform:translateY(-1px)}
@media(max-width:1199px){nav .n8{height:32px;width:34.35px;transform:translateY(-.5px)}}
/* Full-screen mobile navigation, with the club's editorial scale. */
.mobile-menu-screen{border:0;padding:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;background:#111;color:#e7e6e2;overflow-y:auto;overscroll-behavior:contain}
.mobile-menu-screen::backdrop{background:#111}
.mobile-menu-screen[open]{animation:menu-enter .35s cubic-bezier(.22,1,.36,1)}
.mobile-menu-inner{min-height:100%;padding:max(22px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:24px;box-sizing:border-box}
.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.menu-brand{display:flex;align-items:center;gap:12px;font:400 38px/1 'Hoboken High Sans',Impact,sans-serif;letter-spacing:-.075em;text-decoration:none!important}
.menu-wolf{display:block;width:35px;height:33px;background:#d8c691;mask:url('/assets/wolf-tight-ink.png') center/contain no-repeat;-webkit-mask:url('/assets/wolf-tight-ink.png') center/contain no-repeat}
.menu-close,.menu-toggle{width:48px;height:48px;flex-shrink:0;position:relative;border:1px solid #e7e6e24d;border-radius:50%;padding:0;background:transparent;color:inherit}
.menu-close span,.menu-toggle span{position:absolute;left:13px;width:20px;height:2px;background:currentColor;top:22px;transition:transform .2s ease}
.menu-close span:first-child{transform:rotate(45deg)}.menu-close span:last-child{transform:rotate(-45deg)}
.mobile-menu-links{display:flex;flex-direction:column;margin-top:12px}
.mobile-menu-links a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;padding:10px 0;text-decoration:none;font:900 clamp(42px,12vw,70px)/1.05 'Formula condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:1.5px}
.mobile-menu-links small{font:12px/1 'Helveticaneue Roman',Arial,sans-serif;color:#d8c691;letter-spacing:1px}
.mobile-menu-links a:is(:hover,:focus-visible){color:#d8c691}
.menu-start{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-radius:40px;background:#d8c691;color:#111;font-size:17px;text-decoration:none!important}
.menu-start:hover{background:#a62826;color:#fff}
.mobile-menu-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px;margin-top:auto;padding-top:8px;font-size:14px;line-height:1.6}
.menu-location-label{font-family:Arial,sans-serif;font-weight:700;font-size:12px;letter-spacing:.4px;color:#d8c691;margin-bottom:8px}
.menu-booking{font-size:13px}
@media(max-width:1199px){.menu-toggle{display:block;color:#e7e6e2;background:#1114}.menu-toggle span:first-child{transform:translateY(-4px)}.menu-toggle span:last-child{transform:translateY(4px)}}
@keyframes menu-enter{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mobile-menu-screen[open]{animation:none}}

/* Mobile navigation and compact, balanced footer. */
@media(max-width:1199px){
 .menu-toggle,.menu-close{border:0;border-radius:0;background:transparent;width:48px;height:48px}
 .menu-close span{left:6px;width:36px;height:3px;top:22px}
 .menu-toggle span{left:4px;width:40px;height:4px;top:22px}
 .menu-toggle span:first-child{transform:translateY(-7px)}
 .menu-toggle span:last-child{transform:translateY(7px)}
 .canvas footer{padding:48px 24px 28px;gap:24px}
 [data-pencil-name='Footer links']{grid-template-columns:1fr;grid-template-areas:"train" "visit" "members" "directions";gap:28px}
 .n200>.n201{grid-area:train}.n200>.n204{grid-area:visit}.n200>.n207{grid-area:members}.n200>.n210{grid-area:directions}
 .n200>div{gap:12px}
 .n202,.n205,.n208,.n211{letter-spacing:1.5px;line-height:1.15}
 [data-pencil-name='Oversized Empower brand signature']{padding:0}
 [data-pencil-name='Footer legal baseline']{padding-top:16px;gap:10px}
}

/* Full-bleed responsive layout, independent of the original design canvas. */
.canvas{width:100%;margin:0;box-shadow:none}
.n3{width:100%;height:100%;background-size:cover}
@media(min-width:1200px){
 .canvas{--edge:clamp(40px,4.1667vw,100px)}
 .canvas section:not(.ticker-motion):not(.n2):not(.learning-story),.canvas footer,.n133{padding-left:var(--edge);padding-right:var(--edge)}
 .n4,.n17{left:var(--edge);width:calc(100% - var(--edge)*2)}
 .n27{left:var(--edge)}
 .n17{display:grid;grid-template-columns:1.65fr 1fr;column-gap:40px;row-gap:20px;height:auto;align-items:start}
 .n17>.n18{grid-column:1/-1}
 [data-pencil-name='Hero message'] h1{grid-column:1;grid-row:2/5;font-size:clamp(126px,10.833vw,184px);width:100%;max-width:950px}
 .n17>.n20,.n17>.n21,.n17>.n22{position:static;left:auto;top:auto;grid-column:2;width:100%;max-width:465px}
 .n17>.n20{align-self:end;margin-top:100px}.n17>.n22{height:auto}
 .n80,.n190,.n217{width:100%;height:auto;min-height:0}
 .n80{gap:clamp(24px,2.9vw,42px)}.n81{width:28%;font-size:clamp(48px,4vw,58px)}
 .n190{gap:32px}.n191{width:24%}.n195{width:28%}
 .n42,.n93{max-width:100%}
 .n200{gap:30px}.n200>div{min-width:0}.n210{width:28%}.n212{overflow-wrap:anywhere}
 .n217{flex-wrap:wrap}.n219{min-width:300px}
 .n216{width:20%;height:auto;aspect-ratio:272.8/254.2}
}
@media(min-width:900px) and (max-width:1199px){
 .canvas section,.canvas footer{padding-left:40px;padding-right:40px}
 [data-pencil-name='Main navigation']{left:40px;width:calc(100% - 80px)}
 [data-pencil-name='Hero message']{margin-left:40px;margin-right:40px;width:calc(100% - 80px)}
 [data-pencil-name='Hero message'] h1{font-size:clamp(100px,10.5vw,126px)}
 [data-pencil-name='Hero description']{max-width:580px}
}