/* VIVE SUVO v0.2: original brand assets, editorial photography and daily life. */
:root{--blue:#06479e;--paper:#fffefa;--ink:#142e40;--line:#e3e7e8}header{padding:17px max(32px,calc((100vw - 1320px)/2));background:var(--paper)}header .logo{width:165px}header nav{font-weight:600}header .button{border-radius:30px}.wrap{width:min(1320px,calc(100% - 96px))}.brand-hero{display:grid;grid-template-columns:1.16fr 1fr;gap:55px;padding-top:55px;padding-bottom:62px;align-items:center}.brand-story .eyebrow{margin-bottom:20px}.impact-logo{display:block;width:100%;max-width:690px;height:auto;margin:0 0 30px}.brand-story h1{font-size:clamp(40px,4.15vw,63px);line-height:1.08;letter-spacing:-2.4px;margin:0 0 20px}.brand-story em{font-family:Georgia,serif}.brand-story .intro{font-size:17px;max-width:none;line-height:1.7}.brand-story .actions{gap:18px;margin-top:25px}.button{border-radius:30px;font-size:14px;padding:15px 22px}.text-link{font-size:12px}.photo-mosaic{position:relative;min-width:0;padding:0 0 45px 24px;height:600px}.photo-mosaic figure{margin:0;overflow:hidden;position:absolute;background:#d9e5e2}.photo-mosaic img{width:100%;height:100%;object-fit:cover;display:block}.mosaic-main{left:70px;right:0;top:0;bottom:35px;border-radius:150px 16px 16px 16px}.mosaic-main:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#0b243a9e)}.mosaic-main figcaption{position:absolute;bottom:135px;left:30px;color:white;font-family:Georgia,serif;font-size:37px;line-height:1.1;z-index:1}.mosaic-main figcaption span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px;margin-bottom:12px}.mosaic-office{left:0;bottom:0;width:58%;height:205px;border:7px solid var(--paper);border-radius:18px;z-index:2;transform:rotate(-4deg)}.mosaic-office:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#162833b3)}.mosaic-office figcaption{position:absolute;bottom:15px;left:17px;color:white;font-weight:600;font-size:15px;z-index:1}.floating-note{position:absolute;right:-12px;bottom:25px;background:white;border:1px solid var(--line);border-radius:10px;padding:15px;display:flex;gap:12px;align-items:center;z-index:3;box-shadow:0 8px 30px #102b4510}.floating-note strong{font-size:12px;display:block}.floating-note div span{font-size:10px;color:var(--muted)}.note-dot{width:9px;height:9px;background:#5e8069;border-radius:50%}.brand-categories{display:flex;align-items:center;justify-content:center;gap:35px;padding-bottom:30px;max-width:1050px}.category-original{flex:1;min-width:0}.category-original img{display:block;width:100%;height:auto}.category-labels{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:11px;color:var(--muted);margin-top:8px}.work-category{width:130px;display:flex;align-items:center;flex-direction:column;border-left:1px solid var(--line);padding-left:25px;align-self:stretch;justify-content:center}.work-category svg{width:80px;max-height:85px;flex:1}.work-category span{font-size:11px;color:var(--muted);white-space:nowrap;margin-top:8px}.promise{gap:70px;background:#f1f5f1;border-color:#e3e9e1}.section{padding-top:72px;padding-bottom:60px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:40px}.photo-experiences{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.photo-card{display:flex;flex-direction:column;text-align:left;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;min-width:0}.photo-card-image{position:relative;width:100%;height:285px;border-radius:12px;overflow:hidden;background:#dce7e0;margin-bottom:20px}.photo-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.photo-card:hover img{transform:scale(1.035)}.photo-card-arrow{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:white;color:var(--blue);font-size:21px}.photo-card .mini{font-size:9px;color:#536373;letter-spacing:1px}.photo-card-title{font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.5px;margin:9px 0}.photo-card-foot{font-size:11px;color:var(--muted)}.caption{font-size:11px;margin-top:24px}.planner-section{background:#edf3f9}.planner-panel{box-shadow:0 8px 35px #18395308}.planner-layout{gap:90px;grid-template-columns:.85fr 1.15fr}.notice{font-size:11px}.safety{background:#123b54}.footer-inner img{width:155px}.footer-inner{flex-wrap:wrap}.credits-list{max-width:850px;margin:50px auto;padding:0 25px}.credits-list article{padding:20px 0;border-bottom:1px solid var(--line)}.credits-list h1{font-size:40px}.credits-list h2{font-size:22px;letter-spacing:0}.credits-list a{overflow-wrap:anywhere}.credits-list p{font-size:15px}.image-unavailable{object-fit:contain!important;font-size:13px;padding:15px;color:var(--ink)}
@media(min-width:1500px){.photo-mosaic{height:640px}.impact-logo{max-width:none}.brand-story h1{font-size:66px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.brand-hero{gap:25px}.photo-mosaic{height:520px;padding-left:0}.mosaic-main{left:25px}.mosaic-main figcaption{font-size:30px;left:22px}.floating-note{right:0;bottom:5px}.brand-story h1{font-size:46px}.photo-card-image{height:230px}.photo-card-title{font-size:19px}.promise{gap:25px}.planner-layout{gap:35px}.brand-categories{gap:15px}.work-category{padding-left:12px;width:115px}}
@media(max-width:700px){header{padding:14px 20px}header .logo{width:135px}.wrap{width:calc(100% - 40px)}.brand-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:35px;gap:24px}.brand-story{text-align:center}.brand-story .eyebrow{font-size:9px;letter-spacing:1.4px}.impact-logo{margin-bottom:23px;width:100%}.brand-story h1{font-size:43px;letter-spacing:-1.8px}.brand-story .intro{font-size:15px}.brand-story .actions{justify-content:center;gap:16px}.desktop-break{display:none}.photo-mosaic{height:400px;margin:0 8px}.mosaic-main{left:35px;border-top-left-radius:100px;bottom:25px}.mosaic-main figcaption{bottom:117px;font-size:29px}.mosaic-office{height:155px;width:58%;border-width:5px}.floating-note{padding:11px;right:-6px;bottom:14px;gap:8px}.floating-note strong{font-size:11px}.floating-note div span{font-size:9px}.brand-categories{gap:8px;padding-bottom:22px;width:calc(100% - 24px)}.category-labels{font-size:8px;margin-top:5px}.work-category{width:76px;padding-left:8px}.work-category svg{width:47px;max-height:50px}.work-category span{font-size:8px}.promise{gap:7px;font-size:11px}.section{padding-top:45px;padding-bottom:36px}.section-heading h2{font-size:32px}.photo-experiences{grid-template-columns:1fr 1fr;gap:26px 15px}.photo-card-image{height:210px;margin-bottom:12px}.photo-card-title{font-size:18px}.photo-card .mini{font-size:8px;letter-spacing:.6px}.photo-card-foot{font-size:10px}.planner-layout{grid-template-columns:1fr;gap:23px}.planner-layout h2{font-size:37px}.footer-inner img{width:150px}.footer-inner{gap:16px}.footer-inner p{font-size:18px}}
@media(max-width:380px){.brand-story h1{font-size:36px}.photo-card-image{height:170px}.photo-card-title{font-size:16px}.work-category{width:62px}.category-labels,.work-category span{font-size:7px}.floating-note{bottom:5px}.mosaic-main figcaption{font-size:25px}.photo-mosaic{height:370px}}
@media(prefers-reduced-motion:reduce){.photo-card-image img{transition:none}}