/* ShineSky 006 Brand. Independent bounded implementation; see licenses/brand006/NOTICE.md.
   Base = natural readable flow (no-JS, missing libs, reduced motion).
   [data-ss006-brand-enhanced] = desktop stage; geometry is Figma px * --ss006-brand-u,
   where --ss006-brand-u = root.clientWidth / 1440 (set by brand.js, same frame as JS). */
#ss006-brand{position:relative;color:#171615;background:#fff;font-family:"Inter Variable",Arial,sans-serif;font-weight:400}
#ss006-brand *,#ss006-brand *::before,#ss006-brand *::after{box-sizing:border-box}
#ss006-brand h2,#ss006-brand h3,#ss006-brand p,#ss006-brand ul,#ss006-brand figure{margin:0;padding:0}
#ss006-brand ul{list-style:none}
#ss006-brand img{display:block;width:100%;height:100%;object-fit:cover;background:#d9d9d9}

/* Skip link: visually hidden until keyboard focus, scoped inside the root. */
#ss006-brand .ss006-brand-skip{position:absolute;top:0;left:0;z-index:20;padding:12px 16px;background:#fff;color:#171615;font-size:16px;line-height:1.2;text-decoration:underline;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
#ss006-brand .ss006-brand-skip:focus{clip-path:none;width:auto;height:auto;overflow:visible;outline:2px solid #a84a0a;outline-offset:2px}
#ss006-brand .ss006-brand__capabilities:focus{outline:none}
#ss006-brand .ss006-brand__capabilities:focus-visible{outline:2px solid #a84a0a;outline-offset:-2px}

/* ---------- Natural flow ---------- */
#ss006-brand .ss006-brand__narrative{padding:clamp(48px,8vw,120px) clamp(16px,4.6vw,66.25px) clamp(32px,5vw,72px)}
#ss006-brand .ss006-brand__title{font-family:"Montserrat Variable",Arial,sans-serif;font-weight:700;font-size:clamp(36px,10.4vw,152px);line-height:.92;letter-spacing:normal;overflow-wrap:anywhere}
#ss006-brand .ss006-brand__row{display:block}
#ss006-brand .ss006-brand__row--shaped{color:#a84a0a;text-align:right}
#ss006-brand .ss006-brand__row--last{display:flex;justify-content:space-between;gap:.25em}
#ss006-brand .ss006-brand__gallery{display:grid;grid-template-columns:1fr;gap:8px;margin-top:clamp(32px,5vw,64px)}
#ss006-brand .ss006-brand__image{aspect-ratio:587.5/316.515625;overflow:hidden;background:#d9d9d9}
#ss006-brand .ss006-brand__about{margin-top:clamp(32px,5vw,64px);max-width:40rem}
#ss006-brand .ss006-brand__about p{font-size:clamp(16px,calc(13px + .8vw),23.5px);line-height:1.1}
#ss006-brand .ss006-brand__about p+p{margin-top:1.2em}
#ss006-brand .ss006-brand__scene{aspect-ratio:1710/1080;overflow:hidden;background:#d9d9d9}
#ss006-brand .ss006-brand__cap-panel{padding:clamp(40px,6vw,96px) clamp(16px,4.6vw,66.25px);max-width:calc(40rem + 2 * 66.25px)}
#ss006-brand .ss006-brand__eyebrow,#ss006-brand .ss006-brand__about-link{display:block;font-size:14.6875px;line-height:1.1;font-weight:600}
#ss006-brand .ss006-brand__cap-list{margin-top:32px;display:grid;gap:32px}
#ss006-brand .ss006-brand__cap-item h3{font-family:"Montserrat Variable",Arial,sans-serif;font-weight:600;font-size:clamp(22px,calc(16px + 1.5vw),35.25px);line-height:1.1;letter-spacing:normal}
#ss006-brand .ss006-brand__cap-item p{margin-top:8px;font-size:16px;line-height:1.35}
#ss006-brand .ss006-brand__about-link{margin-top:48px;color:inherit;text-decoration:none;cursor:default}
@media (min-width:600px){#ss006-brand .ss006-brand__gallery{grid-template-columns:repeat(2,1fr)}}

/* ---------- Enhanced desktop stage (JS sets attribute + --ss006-brand-u) ---------- */
#ss006-brand[data-ss006-brand-enhanced]{--u:var(--ss006-brand-u,1px);background:#d9d9d9}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__narrative{position:relative;height:calc(900 * var(--u));padding:0;overflow:hidden;background:#d9d9d9}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__title{position:absolute;z-index:1;left:calc(66.25 * var(--u));top:calc(235.15625 * var(--u));width:calc(1292.5 * var(--u));height:calc(431.232 * var(--u));font-size:calc(155.68800354 * var(--u));line-height:calc(143.232 * var(--u));overflow-wrap:normal;white-space:nowrap}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__row{position:absolute;left:0;width:100%;height:calc(144 * var(--u))}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__row:nth-child(1){top:0}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__row:nth-child(2){top:calc(144 * var(--u))}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__row:nth-child(3){top:calc(288 * var(--u));height:calc(143.232 * var(--u));gap:0}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__row--last>span:first-child{width:calc(345 * var(--u))}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__row--last>span:last-child{width:calc(542 * var(--u))}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__gallery{display:block;position:absolute;inset:0;z-index:2;margin:0;pointer-events:none}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__image{position:absolute;left:0;top:0;width:calc(587.5 * var(--u));height:calc(316.515625 * var(--u));aspect-ratio:auto;transform-origin:0 0;backface-visibility:hidden}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__about{position:absolute;z-index:3;left:calc(66.25 * var(--u));top:0;width:calc(430.828125 * var(--u));height:calc(900 * var(--u));margin:0;max-width:none;background:#fff}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__about p{position:absolute;left:calc(14.6875 * var(--u));width:calc(401.45001221 * var(--u));font-size:calc(23.5 * var(--u));line-height:calc(25.85 * var(--u))}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__about p:nth-child(1){top:calc(116.7656 * var(--u))}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__about p+p{top:calc(679.234375 * var(--u));margin:0}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__capabilities{position:relative;height:calc(900 * var(--u));overflow:hidden;background:#d9d9d9}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__scene{position:absolute;left:calc(-142.5 * var(--u));top:calc(-162 * var(--u));width:calc(1710 * var(--u));height:calc(1080 * var(--u));aspect-ratio:auto}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__cap-panel{position:absolute;left:calc(66.25 * var(--u));top:0;width:calc(430.828125 * var(--u));height:100%;max-width:none;padding:0;background:#fff}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__eyebrow,#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__cap-item,#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__about-link{position:absolute;left:calc(14.6875 * var(--u));width:calc(401.45001221 * var(--u));margin:0}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__eyebrow,#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__about-link{font-size:calc(14.6875 * var(--u));line-height:calc(16.15625 * var(--u))}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__eyebrow{top:calc(109 * var(--u))}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__about-link{top:calc(814 * var(--u))}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__cap-list{position:static;margin:0;display:block}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__cap-item:nth-child(1){top:calc(190 * var(--u))}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__cap-item:nth-child(2){top:calc(325 * var(--u))}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__cap-item:nth-child(3){top:calc(460 * var(--u))}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__cap-item:nth-child(4){top:calc(595 * var(--u))}
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__cap-item h3{font-size:calc(35.25 * var(--u));line-height:calc(38.775 * var(--u))}
/* body top 237 = title top 190 + 47 (title line 38.775 + 8.225 gap) */
#ss006-brand[data-ss006-brand-enhanced] .ss006-brand__cap-item p{margin-top:calc(8.225 * var(--u));font-size:calc(14.6875 * var(--u));line-height:calc(16.15625 * var(--u))}

/* Touch adaptation: native mobile two-row narrative, independent typography/crops, native scrolling.
   The neutral stage wrapper has no desktop box; desktop coordinates stay relative to narrative. */
#ss006-brand .ss006-brand__stage{display:contents}
@media(max-width:1279px){
 #ss006-brand[data-ss006-brand-touch]{background:#fff}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__narrative{height:auto;overflow:visible;background:#fff}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__stage{display:block;position:relative;height:var(--ss006-brand-stage-h);overflow:clip;background:#fff}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__title{left:2%;top:0;width:96%;height:100%;font-size:min(calc(var(--ss006-brand-stage-w) * .1578),calc(var(--ss006-brand-stage-h) * .09),112px);line-height:.92;letter-spacing:-.029em}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__row{height:auto}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__row:nth-child(1){top:8.43%}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__row:nth-child(2){top:49.88%}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__row:nth-child(3){top:auto;bottom:2.3%;height:auto}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__row--last>span:first-child,#ss006-brand[data-ss006-brand-touch] .ss006-brand__row--last>span:last-child{width:auto;flex:none}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__gallery{inset:0;height:var(--ss006-brand-stage-h)}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__image{width:auto;height:auto}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__about{position:relative;left:auto;top:auto;width:100%;height:auto;padding:32px max(20px,5vw);margin:0;clip-path:none;min-height:240px}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__about p{position:static;width:auto;font-size:clamp(16px,2vw,21px);line-height:1.35}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__about p+p{margin-top:32px}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__capabilities{height:auto;overflow:clip;background:#fff}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__scene{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:390/282.6875;overflow:clip}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__scene img{height:120%;position:absolute;top:-10%;left:0}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__cap-panel{position:relative;left:auto;top:auto;width:100%;height:auto;max-width:none;padding:40px max(20px,5vw) 48px}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__eyebrow,#ss006-brand[data-ss006-brand-touch] .ss006-brand__cap-item,#ss006-brand[data-ss006-brand-touch] .ss006-brand__about-link{position:static;left:auto;top:auto;width:auto}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__eyebrow{font-size:14px;line-height:1.2}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__cap-list{display:grid;margin-top:32px;gap:40px}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__cap-item h3{font-size:clamp(23px,3vw,32px);line-height:1.1}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__cap-item p{font-size:16px;line-height:1.35;margin-top:10px}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__about-link{font-size:14px;line-height:1.2;margin-top:48px}
}

/* Tablet: keep ShineSky's measured three-row type, grouped around the stage centre.
   The phone's dispersed two-row image composition below 768px is unchanged. */
@media (min-width:768px) and (max-width:1279px){
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__title{left:calc(66.25 * var(--u));top:calc(50% - 215.616 * var(--u));width:calc(1292.5 * var(--u));height:calc(431.232 * var(--u));font-size:calc(155.68800354 * var(--u));line-height:calc(143.232 * var(--u));letter-spacing:normal}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__row{height:calc(144 * var(--u))}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__row:nth-child(1){top:0}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__row:nth-child(2){top:calc(144 * var(--u))}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__row:nth-child(3){top:calc(288 * var(--u));bottom:auto;height:calc(143.232 * var(--u))}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__row--last>span:first-child{width:calc(345 * var(--u))}
 #ss006-brand[data-ss006-brand-touch] .ss006-brand__row--last>span:last-child{width:calc(542 * var(--u))}
}