
/* Crop inside the light disc so the source image's dark rim cannot show. */
.brand-mark{background:#fffdf8}
.brand-mark img{width:170%;left:-35%;top:-10.5%;mix-blend-mode:multiply}
.preview-brand-art .miami-catalog-art{width:100%;height:100%;object-fit:contain}
/* Keep the visible lens, word mask and colour reveal at the same generous size. */
.hero{--hero-lens-size:clamp(560px,62vw,960px);overflow:hidden}
.hero-lens{width:var(--hero-lens-size);height:var(--hero-lens-size)}
.hero-word-fill{clip-path:circle(calc(var(--hero-lens-size) / 2) at var(--spot-x,72%) var(--spot-y,42%))}
.hero [data-spot]{background-image:radial-gradient(circle calc(var(--hero-lens-size) / 2 - 1px) at var(--local-x,-1000px) var(--local-y,-1000px),var(--spot-active) 0 96%,var(--spot-base) 100%)}
@media(max-width:600px){.hero{--hero-lens-size:94vw}}
.division-detail-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:650px}
.division-detail-copy{padding:65px 48px 60px;min-height:0;justify-content:center;gap:28px}
.division-detail-copy h1{font-size:clamp(42px,5.8vw,88px);line-height:1.05;letter-spacing:-.06em;overflow-wrap:normal;word-break:normal}
.division-detail-visual{min-height:580px}
.division-tile{width:43%;height:67%}
.division-tile:first-child{left:5%;top:12%;transform:rotate(-3deg)}
.division-tile:last-child{right:5%;bottom:12%;transform:rotate(3deg)}
.aperture-panel:hover .division-tile:first-child,.aperture-panel:focus-visible .division-tile:first-child{transform:translateY(-5px) rotate(-3deg)}
.aperture-panel:hover .division-tile:last-child,.aperture-panel:focus-visible .division-tile:last-child{transform:translateY(-5px) rotate(3deg)}
.division-tile-media{inset:0 0 42px}
.division-tile-media>.project-art--contain{padding:16px}
.division-tile-media .preview-brand-art{padding:12px}
.project-detail-copy h1{font-size:clamp(42px,5.3vw,76px);line-height:1.08;overflow-wrap:normal;word-break:normal}
@media(max-width:1000px){.division-detail-hero{grid-template-columns:1fr;min-height:0}.division-detail-copy{padding:54px 6% 42px;gap:24px}.division-detail-copy h1{font-size:clamp(40px,7vw,64px)}.division-detail-visual{min-height:440px}}
@media(max-width:600px){.division-detail-copy{padding:42px 6% 35px}.division-detail-copy h1{font-size:clamp(34px,8.5vw,48px);letter-spacing:-.045em}.division-detail-visual{min-height:330px}.division-tile{height:72%}.division-tile:first-child{top:10%}.division-tile:last-child{bottom:10%}.division-tile-media>.project-art--contain{padding:10px}.division-tile-name{font-size:8px;padding:6px 8px;left:9px;bottom:9px}}
/* Division pages begin with product links, rather than an ornamental collage. */
.division-detail-hero{display:block;min-height:0;background:#faf9f5;color:#172020;padding:36px 0 22px}
.division-detail-copy{width:min(1160px,88%);margin:auto;padding:0;min-height:0;display:block}
.division-back{display:inline-block;color:#53605b;font-size:13px;margin-bottom:22px}
.division-detail-copy .kicker{display:none}
.division-detail-copy h1{font-size:clamp(34px,4vw,50px);line-height:1.1;letter-spacing:-.045em;margin:0 0 14px;max-width:none}
.division-detail-copy>div>p{font-size:16px;line-height:1.6;color:#53605b;max-width:790px;margin:0}
.division-apps-section{background:#faf9f5;padding:8px 0 64px}
.division-apps-section>.shell{width:min(1160px,88%)}
.division-apps-head{display:block;margin:0 0 18px}
.division-apps-head h2{font-size:13px;font-weight:600;letter-spacing:0;line-height:1.4;color:#53605b}
.division-app-grid{gap:18px;align-items:stretch}
.division-app-card{display:grid;grid-template-columns:112px minmax(0,1fr);border:1px solid #dce0d6;border-radius:14px;background:white;color:#172020;text-decoration:none;transition:border-color .2s,box-shadow .2s;min-height:215px}
.division-app-card:hover{border-color:#776b96;box-shadow:0 6px 20px #151b1c0a}
.division-app-card:focus-visible{outline:3px solid #6941b0;outline-offset:4px}
.division-app-visual{height:auto;min-height:0;display:flex;align-items:center;justify-content:center;border-right:1px solid #1720200a}
.division-app-visual>.project-art--contain{padding:14px;width:100%;height:180px;object-fit:contain}
.division-app-visual .app-identity{min-height:0;aspect-ratio:auto;height:100%;width:100%;padding:14px}
.division-app-visual .app-icon{width:80px;height:80px;border-radius:18px}
.division-app-visual .preview-brand-art{padding:8px}
.division-app-visual .maple-visual{min-height:0;height:100%;padding:12px}.division-app-visual .maple-lockup strong{font-size:20px}.division-app-visual .maple-lockup span{font-size:8px}
.division-app-copy{padding:23px 22px;display:flex;flex-direction:column;min-width:0}
.division-app-copy h3{font-size:25px;line-height:1.15;letter-spacing:-.035em;margin:0 0 10px;overflow-wrap:normal}
.division-app-copy p{font-size:14px;line-height:1.55;color:#53605b;margin:0 0 17px;min-height:0}
.division-app-copy .preview-product-status{align-self:flex-start;margin:0 0 9px;padding:0;border:0;color:#657168;font-size:10px;letter-spacing:.02em;text-transform:none}
.division-app-link{align-self:flex-start;font-size:13px;font-weight:600;padding:0;border:0;min-height:0;display:inline-flex;gap:14px;margin-top:auto}
.preview-project-nav[data-clean="true"]{background:#faf9f5;color:#53605b;padding:18px 6%;border-bottom:1px solid #deded5}
.preview-project-nav[data-clean="true"] a{border:0;padding:0}
@media(max-width:760px){.division-detail-hero{padding:28px 0 20px}.division-detail-copy h1{font-size:34px}.division-detail-copy>div>p{font-size:15px}.division-back{margin-bottom:18px}.division-app-grid{grid-template-columns:1fr;gap:14px}.division-app-card{grid-template-columns:88px minmax(0,1fr);min-height:180px}.division-app-copy{padding:19px 17px}.division-app-copy h3{font-size:23px}.division-app-visual>.project-art--contain{padding:10px;height:155px}.division-app-visual .app-icon{width:62px;height:62px}.division-app-visual .app-identity{padding:10px}.division-app-copy p{font-size:13px}.division-apps-section{padding-bottom:42px}.preview-project-nav[data-clean="true"]{font-size:12px}}
