/* Real product photography alongside the department introductions. */
.canvasHero,.hero .heroIntro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center}
.productHeroCopy{min-width:0}
.canvasHero:has(> .productHeroCopy:only-child){grid-template-columns:minmax(0,1fr)}
.hero .heroIntro .productHeroCopy p{max-width:520px}
.productExamples{margin:0;min-width:0;overflow:hidden}
.productExamples img{display:block;max-width:100%}
.productExamples figcaption{padding:15px 0 0;line-height:1.5}
.productExamples figcaption strong{display:block;font-size:11px;letter-spacing:.1em;color:#f8f5ee}
.productExamples figcaption span{display:block;margin-top:5px;font-size:12px;color:#aaa}
.canvasExamplePhotos{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;height:365px;overflow:hidden}
.realCanvasPhoto{width:100%;height:365px;object-fit:contain;object-position:center;background:#080808}
.exampleDesigns{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:12px}
.exampleDesigns a{display:block;min-height:0}
.exampleDesigns img{width:100%;height:100%;object-fit:contain}
.exampleDesigns a:focus-visible{outline:2px solid #e23846;outline-offset:3px}
.realCoasterPhoto{width:100%;height:330px;object-fit:cover;object-position:50% 43%}
@media(max-width:850px){.canvasHero,.hero .heroIntro{gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.canvasExamplePhotos,.realCanvasPhoto{height:300px}.realCoasterPhoto{height:300px}.canvasHero h1,.hero .heroIntro h1{font-size:clamp(34px,5vw,54px)}}
@media(max-width:600px){.canvasHero,.hero .heroIntro{grid-template-columns:1fr;gap:18px}.canvasExamplePhotos,.realCanvasPhoto{height:290px}.realCoasterPhoto{height:250px}.productExamples{width:100%;max-width:460px;justify-self:center}.canvasHero h1,.hero .heroIntro h1{font-size:42px}.canvasTabs{margin-bottom:0}.productExamples figcaption{padding-top:10px}.productExamples figcaption span{font-size:11px}}