/* =========================================================
   UNNAN UNITED LEAGUE — sub pages (redesign 2026.10)
   loaded after style.css; same tokens
   ========================================================= */
.paper{background:var(--paper)}
.paper--y{background:var(--sky-t)}
.dark{background:var(--paper-2)}
.sec--tight{padding:clamp(60px,7vw,100px) 0}

/* ---------- PAGE HERO ---------- */
.ph{position:relative;padding:calc(var(--hd) + clamp(40px,7vw,100px)) 0 clamp(50px,6vw,90px)}
.ph__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(30px,5vw,80px)}
.crumb{display:flex;flex-wrap:wrap;gap:10px;font:600 11px/1 var(--round);letter-spacing:.2em;color:var(--mute);margin-bottom:clamp(28px,3.4vw,44px)}
.crumb a:hover{color:var(--ink)}
.crumb span+span::before,.crumb a+span::before,.crumb a+a::before{content:"/";margin-right:10px;color:var(--line-2)}
.ph__en{font:300 italic clamp(20px,2vw,28px)/1.2 var(--serif);color:var(--ink-2);margin-bottom:14px}
.ph__jp h1{font:500 clamp(36px,5vw,72px)/1.4 var(--mincho);letter-spacing:.1em;font-feature-settings:"palt" 1}
.ph__jp .cloudline{--cl-w:420px;--cl-m:20px 0 0}
.ph__sub{margin-top:14px;max-width:460px;font-size:15px;color:var(--ink-2);letter-spacing:.08em}
.ph__rings{position:relative;width:clamp(150px,17vw,250px);aspect-ratio:1;display:grid;place-items:center}
.ph__rings .aura{opacity:0;transform:scale(.92);transition:opacity 1.4s var(--ease),transform 2s var(--ease-o)}
body:not(.is-loading) .ph__rings .aura{opacity:1;transform:none}
.ph__rings span{font:300 italic clamp(40px,4.6vw,70px)/1 var(--serif);color:var(--ink)}
.ph__media{margin-top:clamp(40px,5vw,70px);aspect-ratio:21/9;border-radius:clamp(18px,2.6vw,36px);overflow:hidden;background:var(--paper-2)}
.ph__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 2s var(--ease-o)}
body:not(.is-loading) .ph__media img{transform:none}
.ph__txt>*{opacity:0;transform:translateY(16px);transition:opacity 1s var(--ease),transform 1.2s var(--ease-o)}
body:not(.is-loading) .ph__txt>*{opacity:1;transform:none}
body:not(.is-loading) .ph__txt>*:nth-child(2){transition-delay:.08s}
body:not(.is-loading) .ph__txt>*:nth-child(3){transition-delay:.16s}
body:not(.is-loading) .ph__txt>*:nth-child(4){transition-delay:.24s}
.ph + .sec,.ph + .poem{padding-top:clamp(60px,7vw,110px)}
.ph--article .ph__inner{grid-template-columns:minmax(0,1fr)}
.ph--article{padding-bottom:clamp(30px,4vw,50px)}

/* ---------- generic content ---------- */
.h-en{font:300 italic clamp(30px,3.8vw,56px)/1.15 var(--serif);letter-spacing:-.005em;color:var(--ink)}
.h-en + .cloudline{--cl-m:16px 0 20px;--cl-w:300px}
.poem__head .cloudline{margin-left:auto;margin-right:auto}
.h-jp{font:500 clamp(22px,2.4vw,34px)/1.6 var(--mincho);letter-spacing:.1em;margin:10px 0 26px}
.lead-xl{font:500 clamp(22px,2.6vw,36px)/1.75 var(--mincho);letter-spacing:.08em}
.mark{background:linear-gradient(transparent 64%,var(--sky-t) 64%);padding:0 .1em}
.dark .mark{background:linear-gradient(transparent 64%,rgba(141,179,199,.4) 64%)}
.two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,7vw,120px);align-items:start}
.two--rev{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.sticky-col{position:sticky;top:120px}
.photo{position:relative;overflow:hidden;border-radius:22px;background:var(--paper-2)}
.photo img{width:100%;height:100%;object-fit:cover}
.big-quote{position:relative;font:500 clamp(19px,2vw,28px)/1.85 var(--mincho);letter-spacing:.06em;padding:28px 0 0 clamp(20px,2.4vw,34px);border-left:1px solid var(--sky-d);margin:2em 0}
.big-quote cite{display:block;margin-top:14px;font:500 13px/1.6 var(--jp);font-style:normal;color:var(--mute)}

/* ---------- ABOUT ---------- */
.poem{padding:clamp(90px,12vw,180px) 0}
.poem__head{margin-bottom:clamp(50px,6vw,90px);text-align:center}
.poem__head .label{justify-content:center}
.poem__body{max-width:820px;margin:0 auto;display:grid;gap:0}
.stanza{padding:clamp(30px,3.6vw,50px) 0;border-top:1px solid var(--line);display:grid;grid-template-columns:120px 1fr;gap:20px;opacity:0;transform:translateY(20px);transition:opacity 1.2s var(--ease),transform 1.4s var(--ease-o)}
.stanza.is-in{opacity:1;transform:none}
.stanza p{font:500 clamp(18px,1.8vw,25px)/2 var(--mincho);letter-spacing:.08em}
.stanza p span{display:block}
.stanza__n{font:300 italic 15px/2.6 var(--serif);color:var(--mute)}
.stanza--last{grid-template-columns:minmax(0,1fr);text-align:center;border-top:0;margin-top:clamp(20px,3vw,40px);padding:clamp(40px,5vw,70px) clamp(20px,4vw,60px);border-radius:999px;background:var(--white);box-shadow:0 0 0 1px var(--line-2),0 0 0 10px var(--paper),0 0 0 11px var(--line)}
.stanza--last .stanza__n{line-height:1}
.stanza--last p{font-size:clamp(22px,2.6vw,36px);line-height:1.8}

.statement{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(40px,7vw,120px);align-items:start}
.statement__q{font:500 clamp(22px,2.6vw,36px)/1.75 var(--mincho);letter-spacing:.06em}
.statement__q em{font-style:normal;background:linear-gradient(transparent 64%,rgba(141,179,199,.45) 64%)}

.city{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,3vw,40px);align-items:start}
.city__txt{grid-column:1/7}
.city__pics{grid-column:8/13;position:relative;height:clamp(420px,50vw,700px)}
.city__pics .photo{position:absolute}
.city__pics .photo:nth-child(1){left:0;top:0;width:86%;aspect-ratio:1;border-radius:50%}
.city__pics .photo:nth-child(2){right:0;bottom:0;width:48%;aspect-ratio:4/5;border:8px solid var(--paper)}
.ordinance{margin-top:36px;padding:28px 32px;background:var(--white);border-radius:22px;font-family:var(--mincho);font-weight:500;line-height:2.1;color:var(--ink);position:relative}
.ordinance::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:2px;background:var(--sky)}
.ordinance cite{display:block;margin-top:12px;font:500 12px/1.4 var(--jp);font-style:normal;letter-spacing:.1em;color:var(--mute)}

.profile{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,6vw,100px);align-items:center}
.profile__pic{aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 10px var(--paper-2),0 0 0 11px var(--line-2)}
.profile__name{font:500 clamp(36px,4.4vw,64px)/1.3 var(--mincho);letter-spacing:.16em}
.profile__name small{display:block;font:300 italic clamp(18px,1.8vw,24px)/1.2 var(--serif);letter-spacing:.02em;color:var(--mute);margin-top:10px}
.profile__loc{display:inline-block;margin-top:18px;font-size:12px;font-weight:500;letter-spacing:.14em;padding:6px 14px;border:1px solid var(--line-2);border-radius:99px}
.profile__role{display:flex;flex-direction:column;margin-top:24px;border-top:1px solid var(--line-2)}
.profile__role li{font-weight:500;padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:center}
.profile__role li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sky-d)}

/* ---------- COMMON ---------- */
.equation{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,60px);flex-wrap:wrap;text-align:center}
.equation span{display:grid;place-items:center;width:clamp(200px,26vw,330px);aspect-ratio:1;border-radius:50%;border:1px solid var(--ink);font:500 clamp(20px,2.4vw,32px)/1.5 var(--mincho);letter-spacing:.08em;padding:20px;background:var(--white)}
.equation span:last-child{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.equation small{display:block;font:600 10.5px/1 var(--round);letter-spacing:.22em;color:var(--mute);margin-bottom:12px}
.equation span:last-child small{color:rgba(247,245,240,.55)}
.equation i{font:300 italic clamp(40px,5vw,72px)/1 var(--serif);font-style:normal;color:var(--sky-d)}
.collage{display:grid;grid-template-columns:1.1fr .8fr;grid-template-rows:auto auto;gap:16px}
.collage .photo:nth-child(1){grid-row:1/3;aspect-ratio:7/9;border-radius:200px 200px 24px 24px}
.collage .photo:nth-child(2){aspect-ratio:1;border-radius:50%}
.collage .photo:nth-child(3){aspect-ratio:4/3}

.cross{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px}
.cross b{font:500 clamp(24px,2.8vw,40px)/1.4 var(--mincho);letter-spacing:.08em}
.cross i{width:clamp(40px,4vw,56px);aspect-ratio:1;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font:300 italic 22px/1 var(--serif);font-style:normal;color:var(--sky-d)}

.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;border-radius:28px;padding:clamp(28px,2.8vw,42px);background:var(--white);border:1px solid var(--line);transition:transform .6s var(--ease-o),box-shadow .6s}
.plan:hover{transform:translateY(-6px);box-shadow:0 24px 50px -24px rgba(28,28,26,.3)}
.plan--y{background:var(--sky-t);border-color:transparent}
.plan--k{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.plan__tag{align-self:flex-start;font:600 10px/1 var(--round);letter-spacing:.2em;padding:7px 12px;border-radius:99px;border:1px solid currentColor;opacity:.75}
.plan__en{font:300 italic clamp(26px,2.4vw,36px)/1.1 var(--serif);margin-top:24px;text-transform:none}
.plan__jp{font:600 clamp(20px,1.7vw,24px)/1.4 var(--mincho);letter-spacing:.1em;margin-top:6px}
.plan__price{display:flex;align-items:baseline;gap:8px;margin:24px 0 4px;padding-top:22px;border-top:1px solid currentColor}
.plan__price small{font-size:13px;font-weight:500}
.plan__price b{font:400 clamp(40px,3.8vw,58px)/1 var(--serif);letter-spacing:0}
.plan__price em{font-style:normal;font-size:13px;font-weight:500}
.plan__free{font:500 clamp(19px,1.7vw,24px)/1.6 var(--mincho);margin:24px 0 4px;padding-top:22px;border-top:1px solid currentColor}
.plan__perk{margin-top:18px;font-size:14px;line-height:1.85}
.plan__perk dt{font:600 10px/1 var(--round);letter-spacing:.22em;margin-bottom:10px;opacity:.6}
.plan__perk dd{margin:0;padding:10px 0 10px 18px;position:relative;border-bottom:1px solid rgba(28,28,26,.1)}
.plan--k .plan__perk dd{border-color:rgba(247,245,240,.15)}
.plan__perk dd::before{content:"";position:absolute;left:0;top:19px;width:6px;height:6px;border-radius:50%;background:var(--sky-d)}
.plan--k .plan__perk dd::before{background:var(--sky)}
.plan__perk dd strong{display:block;color:var(--sky-d);font-size:12px}
.plan__note{font-size:14px;line-height:1.9;margin-top:18px}
.plan__go{margin-top:auto;padding-top:28px;display:grid;gap:10px}
.plan__go a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 24px;border-radius:99px;background:var(--ink);color:var(--paper);font-weight:500;letter-spacing:.08em;transition:background .3s,color .3s}
.plan__go a i{width:42px;height:42px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-style:normal;transition:transform .5s var(--ease-o)}
.plan__go a:hover i{transform:translateX(3px)}
.plan--k .plan__go a{background:var(--paper);color:var(--ink)}
.plan--k .plan__go a i{background:var(--ink);color:var(--paper)}
.plan__go a+a{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}
.plan__go a+a i{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}

.uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.use{position:relative;aspect-ratio:1;border-radius:50%;padding:18%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--paper);border:1px solid var(--line-2);transition:background .4s,color .4s}
.use__no{font:300 italic clamp(22px,2vw,30px)/1 var(--serif);color:var(--mute);margin-bottom:10px}
.use b{font-weight:500;font-size:clamp(14px,1.3vw,17px);line-height:1.6;letter-spacing:.06em}
.use:hover{background:var(--ink);color:var(--paper)}
.use--title{background:transparent;border:0;align-items:flex-start;text-align:left;padding:0 10%}
.use--title:hover{background:transparent;color:inherit}
.use--title b{font:300 italic clamp(30px,3vw,46px)/1.1 var(--serif);text-transform:none}
.use--title small{font-size:14px;font-weight:500;margin-top:10px;color:var(--mute)}

/* ---------- CORPORATE ---------- */
.logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.logo-card{position:relative;display:grid;place-items:center;aspect-ratio:1;background:var(--white);border-radius:24px;border:1px solid var(--line);padding:clamp(22px,2.8vw,40px);overflow:hidden;transition:border-color .4s,transform .6s var(--ease-o)}
.logo-card img{max-width:100%;max-height:70%;object-fit:contain}
.logo-card:hover{border-color:var(--ink);transform:translateY(-4px)}
.logo-card__name{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;font-size:12px;font-weight:500;letter-spacing:.04em;display:flex;justify-content:center;gap:8px;color:var(--mute);text-align:center;line-height:1.5}
.logo-card__name i{font-style:normal}
.logo-card__no{position:absolute;top:14px;left:18px;font:300 italic 15px/1 var(--serif);color:var(--mute)}
.logo-card--empty{background:transparent;border:1px dashed var(--line-2);color:var(--mute);text-align:center;font-size:13px;font-weight:500;line-height:1.8}
.logo-card--empty b{display:block;font:300 italic clamp(22px,2vw,30px)/1.15 var(--serif);color:var(--ink);margin-bottom:10px}
.logo-card--empty:hover{background:var(--white)}

.rel{border-top:1px solid var(--line-2)}
.rel a{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:center;padding:22px 6px;border-bottom:1px solid var(--line);transition:padding .5s var(--ease-o),background .4s}
.rel time{font:400 15px/1 var(--serif);color:var(--mute)}
.rel p{font-weight:500;line-height:1.7}
.rel i{font-style:normal;transition:transform .4s var(--ease-o)}
.rel a:hover{padding-left:18px;background:rgba(255,255,255,.5)}
.rel a:hover i{transform:translateX(5px)}

/* ---------- REBOUND ---------- */
.rb-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);align-items:center}
.rb-intro__big{font:500 clamp(30px,3.8vw,56px)/1.6 var(--mincho);letter-spacing:.08em}
.rb-intro__big span{display:block}
.rb-intro__big em{font-style:normal;background:linear-gradient(transparent 66%,var(--sky-t) 66%)}
.maker{margin-top:clamp(80px,10vw,150px);padding-top:clamp(50px,6vw,80px);border-top:1px solid var(--line-2)}
.maker__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(30px,6vw,100px);align-items:center;margin-bottom:clamp(36px,4vw,60px)}
.maker__no{font:600 11px/1 var(--round);letter-spacing:.22em;display:flex;gap:12px;align-items:center;margin-bottom:18px;color:var(--mute)}
.maker__no b{font:300 italic 16px/1 var(--serif);letter-spacing:.02em;color:var(--ink)}
.maker__name{font:400 clamp(40px,5vw,80px)/1 var(--serif);letter-spacing:-.01em}
.maker__kind{font:500 clamp(17px,1.5vw,21px)/1.6 var(--mincho);margin-top:14px;letter-spacing:.08em}
.maker__txt{line-height:2.1;margin-top:18px;color:var(--ink-2)}
.maker__txt p+p{margin-top:.8em}
.maker__link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font:600 11px/1 var(--round);letter-spacing:.2em;border-bottom:1px solid currentColor;padding-bottom:6px}
.maker__pic{border-radius:28px;aspect-ratio:4/3}
.maker__pic--logo{background:var(--white);display:grid;place-items:center;border-radius:50%;aspect-ratio:1;max-width:420px;margin:0 auto;width:100%}
.maker__pic--logo img{width:56%;height:auto;object-fit:contain}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.products--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:calc((100% - 36px) / 3 * 2 + 18px)}
.prod{position:relative;display:flex;flex-direction:column;background:var(--white);border-radius:26px;overflow:hidden;border:1px solid var(--line);transition:transform .6s var(--ease-o),box-shadow .6s}
.prod:hover{transform:translateY(-6px);box-shadow:0 24px 50px -24px rgba(28,28,26,.3)}
.prod__pic{aspect-ratio:1;overflow:hidden;background:var(--paper-2)}
.prod__pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-o)}
.prod:hover .prod__pic img{transform:scale(1.04)}
.prod__body{padding:20px 20px 20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.prod__no{font:300 italic 14px/1 var(--serif);color:var(--mute);display:block;margin-bottom:8px}
.prod__name{font:600 clamp(16px,1.3vw,19px)/1.5 var(--mincho);letter-spacing:.06em}
.prod__go{flex:none;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}
.prod__go i{width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-style:normal}
.prod__badge{position:absolute;top:14px;left:14px;z-index:1;background:rgba(255,255,255,.9);color:var(--ink);font:600 9.5px/1 var(--round);letter-spacing:.18em;padding:7px 10px;border-radius:99px}
.pay-note{margin-top:24px;font-size:13px;color:var(--mute);display:flex;align-items:center;gap:10px}
.pay-note::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--sky-d)}

/* ---------- COMING SOON ---------- */
.soon{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:calc(var(--hd) + 40px) 0 80px}
.soon__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);align-items:center}
.soon__ttl{font:500 clamp(44px,6vw,90px)/1.3 var(--mincho);letter-spacing:.12em}
.soon__txt .cloudline{--cl-w:440px}
.soon__msg{display:flex;align-items:center;gap:14px;margin-top:22px;font:500 clamp(17px,1.5vw,21px)/1.6 var(--mincho);letter-spacing:.08em}
.soon__emblem{width:min(100%,460px);margin:0 auto}
.soon__emblem img{width:100%}

/* ---------- NEWS LIST ---------- */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(30px,3.4vw,50px)}
.filters button{font:600 11px/1 var(--round);letter-spacing:.18em;padding:12px 18px;border-radius:99px;border:1px solid var(--line-2);transition:background .3s,color .3s,border-color .3s}
.filters button:hover{border-color:var(--ink)}
.filters button.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.filters button em{font:400 italic 12px/1 var(--serif);opacity:.6;margin-left:6px;letter-spacing:0}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,30px) 18px}
.ncard{display:flex;flex-direction:column;transition:opacity .4s}
.ncard.is-hide{display:none}
.ncard__pic{aspect-ratio:3/2;overflow:hidden;background:var(--paper-2);border-radius:22px;position:relative}
.ncard__pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-o)}
.ncard__pic--logo{background:var(--white);display:grid;place-items:center;padding:12% 16%;border:1px solid var(--line)}
.ncard__pic--logo img{object-fit:contain}
.ncard__pic--none{display:grid;place-items:center;background:var(--paper-2)}
.ncard__pic--none span{font:300 italic clamp(24px,2.4vw,36px)/1 var(--serif);color:var(--mute);text-transform:capitalize}
.ncard:hover .ncard__pic img{transform:scale(1.04)}
.ncard__body{padding:18px 4px 6px;display:flex;flex-direction:column;gap:10px;flex:1}
.ncard__meta{display:flex;align-items:center;gap:12px}
.ncard__meta time{font:400 15px/1 var(--serif);color:var(--mute)}
.ncard__ttl{font-weight:500;font-size:clamp(15px,1.15vw,16.5px);line-height:1.75;letter-spacing:.04em}
.ncard__more{display:none}
.ncard--feature{grid-column:span 2;flex-direction:row;gap:clamp(20px,3vw,40px);align-items:center}
.ncard--feature .ncard__pic{flex:1.25;aspect-ratio:16/10}
.ncard--feature .ncard__body{flex:1;justify-content:center}
.ncard--feature .ncard__ttl{font:500 clamp(19px,1.8vw,26px)/1.7 var(--mincho)}
.news-empty{display:none;padding:40px 0;font-weight:500}

/* ---------- ARTICLE ---------- */
.art-h{font:500 clamp(24px,3vw,42px)/1.6 var(--mincho);letter-spacing:.06em;max-width:1000px}
.art-meta{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.art-meta time{font:400 17px/1 var(--serif);color:var(--mute)}
.article{display:grid;grid-template-columns:minmax(0,200px) minmax(0,760px);justify-content:center;gap:clamp(30px,5vw,80px)}
.article__side{position:sticky;top:120px;align-self:start;font-size:13px}
.article__side .back{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:99px;border:1px solid var(--line-2);font-weight:500;transition:background .3s,color .3s}
.article__side .back:hover{background:var(--ink);color:var(--paper)}
.article__side dl{margin:28px 0 0;display:grid;gap:4px 0}
.article__side dt{font:600 10px/1 var(--round);letter-spacing:.2em;color:var(--mute);margin-bottom:6px}
.article__side dd{margin:0 0 18px;font-size:14px}
.art-body{font-size:clamp(15px,1.12vw,16.5px);line-height:2.15;color:var(--ink-2);background:var(--white);border-radius:28px;padding:clamp(26px,4vw,64px)}
.art-body>*+*{margin-top:1.3em}
.art-body h2,.art-body h3,.art-body h4{font:600 clamp(18px,1.6vw,22px)/1.7 var(--mincho);color:var(--ink);padding-left:18px;position:relative;margin-top:2.2em}
.art-body h2::before,.art-body h3::before,.art-body h4::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;border:1px solid var(--ink);box-shadow:inset 0 0 0 2px var(--white),inset 0 0 0 4px var(--sky)}
.art-body h2:first-child,.art-body h3:first-child{margin-top:0}
.art-body a{color:var(--sky-d);text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.art-body strong{color:var(--ink);background:linear-gradient(transparent 64%,var(--sky-t) 64%)}
.art-body ul{list-style:none;padding:0}
.art-body ul li{padding-left:1.2em;position:relative}
.art-body ul li::before{content:"";position:absolute;left:0;top:.85em;width:5px;height:5px;border-radius:50%;background:var(--sky-d)}
.art-body figure img{width:100%;height:auto;border-radius:16px}
.art-body .gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.art-body .gal figure{margin:0}
.art-body .gal img{aspect-ratio:3/2;object-fit:cover}
.art-body .gal--1{grid-template-columns:1fr}
.art-body .gal--1 img{aspect-ratio:auto}
.art-body .gal--poster img,.art-body .gal--logo img{aspect-ratio:auto;object-fit:contain}
.art-body .gal--logo{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}
.art-body .gal--logo img{border-radius:0}
.art-body .gal--poster.gal--1{max-width:460px;margin-left:auto;margin-right:auto}
.art-body blockquote{margin:0;padding:18px 22px;background:var(--paper);border-radius:16px;font-weight:500}
.art-body hr{border:0;border-top:1px solid var(--line)}
.art-pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1000px;margin:clamp(50px,6vw,90px) auto 0}
.art-pager a{display:flex;flex-direction:column;gap:8px;padding:22px 26px;border-radius:22px;border:1px solid var(--line-2);transition:background .4s,border-color .4s}
.art-pager a:hover{background:var(--white);border-color:var(--ink)}
.art-pager small{font:600 10px/1 var(--round);letter-spacing:.22em;color:var(--mute)}
.art-pager b{font-size:14px;font-weight:500;line-height:1.7}
.art-pager .next{text-align:right}
.art-pager .is-empty{visibility:hidden}

/* ---------- CONTACT ---------- */
.contact{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(40px,7vw,120px);align-items:start}
.contact__side .prose{margin-top:20px}
.contact__info{margin-top:36px;border-top:1px solid var(--line-2)}
.contact__info div{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-weight:500;font-size:14.5px}
.contact__info dt{font:600 10px/2.2 var(--round);letter-spacing:.2em;color:var(--mute)}
.contact__info dd{margin:0}
.contact__info a{border-bottom:1px solid currentColor}
.form{background:var(--white);border-radius:32px;padding:clamp(26px,4.4vw,64px)}
.field{display:grid;gap:10px;padding:22px 0;border-bottom:1px solid var(--line)}
.field:first-of-type{padding-top:0}
.field label{display:flex;align-items:center;gap:10px;font-weight:500;font-size:15px;letter-spacing:.06em}
.field label small{font:600 10px/1 var(--round);letter-spacing:.2em;color:var(--mute);margin-left:auto}
.req{font-size:11px;font-weight:500;color:var(--sky-d);border:1px solid var(--sky);padding:2px 8px;border-radius:99px;letter-spacing:.08em}
.field input,.field select,.field textarea{width:100%;font:400 16px/1.6 var(--jp);color:var(--ink);background:var(--paper);border:1px solid transparent;border-radius:14px;padding:15px 18px;transition:border-color .3s,background .3s,box-shadow .3s;-webkit-appearance:none;appearance:none}
.field textarea{min-height:200px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--ink);background:var(--white);box-shadow:0 0 0 4px var(--sky-t)}
.field .sel{position:relative}
.field .sel::after{content:"";position:absolute;right:20px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.field .err{display:none;font-size:13px;font-weight:500;color:#A4483A}
.field.is-err input,.field.is-err select,.field.is-err textarea{border-color:#C9776A;background:#FBF3F1}
.field.is-err .err{display:block}
.submit{margin-top:30px;width:100%;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 10px 10px 34px;border-radius:99px;background:var(--ink);color:var(--paper);font-weight:500;font-size:16px;letter-spacing:.2em;transition:background .3s}
.submit i{width:54px;height:54px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-style:normal;margin-left:auto;transition:transform .5s var(--ease-o)}
.submit:hover{background:#000}
.submit:hover i{transform:translateX(4px)}
.sent{display:none;text-align:center;padding:clamp(30px,5vw,70px) 0}
.sent b{display:block;font:300 italic clamp(44px,5.6vw,80px)/1 var(--serif)}
.sent p{margin-top:20px;font-weight:500;line-height:2}
.sent .demo{display:inline-block;margin-top:16px;font-size:12px;background:var(--sky-t);padding:6px 14px;border-radius:99px}
.form.is-sent form{display:none}
.form.is-sent .sent{display:block}

/* ---------- LEGAL ---------- */
.legal{max-width:1000px;margin:0 auto;background:var(--white);border-radius:28px;overflow:hidden;padding:clamp(10px,2vw,24px) clamp(18px,3vw,44px)}
.legal div{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);border-bottom:1px solid var(--line)}
.legal div:last-child{border-bottom:0}
.legal dt{padding:22px 0;font:600 14.5px/1.9 var(--mincho);letter-spacing:.06em}
.legal dd{margin:0;padding:22px 0;line-height:2;color:var(--ink-2)}
.legal dd ul li{position:relative;padding-left:1.1em}
.legal dd ul li::before{content:"・";position:absolute;left:0}
.legal dd h4{font-size:14px;font-weight:700;margin:0}
.legal dd h4+p{margin-bottom:.8em}

/* ---------- CTA band (ink) ---------- */
.cta-band{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);padding:clamp(90px,11vw,160px) 0}
.cta-band__emblem{position:absolute;left:-14vw;top:50%;width:min(70vw,900px);transform:translateY(-50%);opacity:.05;pointer-events:none}
.cta-band .wrap{position:relative}
.cta-band .label::before{box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 7px var(--sky)}
.cta-band .label span{color:rgba(247,245,240,.6);border-color:rgba(247,245,240,.3)}
.cta-band__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);align-items:end}
.cta-band__en{font:300 italic clamp(40px,5.6vw,86px)/1.05 var(--serif);letter-spacing:-.01em}
.cta-band .cloudline{--cl-m:20px 0 0;--cl-w:380px}
.cta-band__jp{margin-top:18px;font:500 clamp(19px,1.9vw,26px)/1.8 var(--mincho);letter-spacing:.08em}
.cta-band .join-btns{margin-top:0}

/* ================= responsive ================= */
@media (max-width:1100px){
  .plans{grid-template-columns:1fr 1fr}
  .plans .plan:last-child{grid-column:1/-1}
  .uses{grid-template-columns:repeat(3,minmax(0,1fr))}
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .logos{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  .ph__inner{grid-template-columns:minmax(0,1fr) auto}
  .ph__rings{width:110px}
  .ph__rings span{font-size:32px}
  .ph__media{aspect-ratio:4/3}
  .two,.two--rev,.statement,.profile,.rb-intro,.maker__head,.contact,.cta-band__grid,.soon__inner{grid-template-columns:minmax(0,1fr)}
  .sticky-col,.article__side{position:static}
  .stanza{grid-template-columns:minmax(0,1fr);gap:4px}
  .stanza--last{border-radius:36px}
  .city{display:block}
  .city__pics{height:clamp(360px,90vw,560px);margin-top:40px}
  .plans{grid-template-columns:minmax(0,1fr)}
  .products,.products--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
  .ncard--feature{grid-column:auto;flex-direction:column;align-items:stretch}
  .ncard--feature .ncard__pic{flex:none;aspect-ratio:3/2}
  .article{grid-template-columns:minmax(0,1fr)}
  .article__side{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .article__side dl{display:none}
  .art-pager{grid-template-columns:1fr}
  .art-pager .is-empty{display:none}
  .legal div{grid-template-columns:minmax(0,1fr)}
  .legal dt{padding:18px 0 0}
  .legal dd{padding:4px 0 18px}
  .rel a{grid-template-columns:1fr auto;gap:6px 12px}
  .rel time{grid-column:1/-1}
  .soon__emblem{width:min(70vw,320px);order:-1}
  .logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uses{grid-template-columns:repeat(2,minmax(0,1fr))}
  .use--title{grid-column:1/-1;aspect-ratio:auto;padding:0 0 10px}
  .profile__pic{max-width:420px}
}
@media (max-width:560px){
  .ph__rings{width:84px}
  .ph__rings span{font-size:24px}
  .news-grid{grid-template-columns:minmax(0,1fr)}
  .products,.products--2{grid-template-columns:minmax(0,1fr)}
  .art-body .gal,.art-body .gal--poster{grid-template-columns:minmax(0,1fr)}
  .contact__info div{grid-template-columns:90px 1fr}
  .equation span{width:min(70vw,240px)}
  .equation i{transform:rotate(90deg)}
  .art-body{border-radius:20px}
  .field label small{display:none}
}

/* =========================================================
   REDESIGN D — tone after carekura.com (shifted)
   overrides the A rules above: white + sky blue + apricot, rounded cards,
   pill tags, circle arrows, and the soft geometric cloud for the page-hero photo
   ========================================================= */
.paper{background:#fff}
.paper--y,.dark{background:var(--soft)}
/* page hero */
.ph{padding:calc(var(--hd) + clamp(30px,4vw,60px)) 0 clamp(50px,6vw,80px)}
.ph__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,4vw,60px);align-items:center}
.ph--plain .ph__inner,.ph--article .ph__inner{grid-template-columns:minmax(0,1fr)}
.crumb{font:400 12px/1 var(--en);color:var(--gray);margin-bottom:26px;gap:10px}
.crumb a{color:var(--blue)}
.ph__en{font:400 clamp(30px,3.2vw,44px)/1.1 var(--en);color:var(--blue);margin-bottom:14px}
.ph__jp h1{font-weight:700;font-size:clamp(24px,2.6vw,34px);line-height:1.6;letter-spacing:.1em}
.ph__sub{margin-top:12px;padding:0;border:0;font-size:14px;color:var(--gray);font-weight:500}
.ph__media{aspect-ratio:16/9;margin:0;clip-path:url(#clip-cloud);border-radius:0;overflow:hidden;background:var(--blue-t)}
.ph__media img{width:100%;height:100%;object-fit:cover;transform:none}
.ph__rings{display:none}
.ph + .sec,.ph + .poem{padding-top:clamp(40px,5vw,70px)}
/* type */
.h-en{font:400 clamp(28px,2.8vw,40px)/1.15 var(--en);color:var(--blue);margin-bottom:10px}
.h-en + .cloudline{--cl-m:10px 0 18px}
.h-jp{font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.7;letter-spacing:.08em;color:var(--ink);margin:0 0 24px}
.lead-xl{font-weight:500;font-size:clamp(20px,2vw,26px);line-height:1.9;letter-spacing:.08em}
.mark,.dark .mark{background:none;color:var(--blue);padding:0}
.photo{border-radius:20px}
.big-quote{font-weight:700;font-size:clamp(17px,1.5vw,20px);line-height:2;border-left:3px solid var(--blue);color:var(--blue-d)}
.label{color:var(--blue)}
/* about */
.poem{background:var(--soft)}
.stanza{border-top:1px solid var(--line)}
.stanza p{font-weight:500;font-size:clamp(15px,1.4vw,18px);line-height:2.2;letter-spacing:.1em}
.stanza__n{font:400 13px/2.6 var(--en);color:var(--blue)}
.stanza--last{border-radius:28px;background:var(--blue);color:#fff;box-shadow:none}
.stanza--last p{font-size:clamp(18px,1.8vw,23px)}
.stanza--last .stanza__n{color:rgba(255,255,255,.8)}
.statement__q{font-weight:500;font-size:clamp(19px,1.9vw,25px);line-height:1.9}
.statement__q em{color:var(--blue);background:none}
.city__pics .photo:nth-child(1){border-radius:24px;aspect-ratio:4/5;width:74%}
.city__pics .photo:nth-child(2){border:6px solid #fff;width:46%;border-radius:999px 999px 24px 24px}
.ordinance{border-radius:20px;background:var(--blue-t);font-weight:500;color:var(--ink)}
.ordinance::before{background:var(--blue)}
.profile__pic{border-radius:50%;aspect-ratio:1;box-shadow:none}
.profile__name{font-weight:700;font-size:clamp(28px,3vw,40px);letter-spacing:.2em}
.profile__name small{font:400 18px/1.2 var(--en);color:var(--blue)}
.profile__role li::before{background:var(--blue)}
/* common */
.equation span{background:var(--blue-t);border:0;font-weight:700;font-size:clamp(17px,1.7vw,22px);color:var(--ink)}
.equation span:last-child{background:var(--blue);color:#fff}
.equation small{font:400 12px/1 var(--en);color:var(--blue)}
.equation span:last-child small{color:rgba(255,255,255,.8)}
.equation i{font:200 52px/1 var(--en);color:var(--blue)}
.collage .photo:nth-child(1){border-radius:999px 999px 24px 24px}
.collage .photo:nth-child(2){border-radius:50%}
.cross b{font-weight:700}
.cross i{border:1.5px solid var(--blue);font:300 20px/1 var(--en);color:var(--blue)}
.plan{border-radius:28px;border:1px solid var(--line);background:#fff}
.plan:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(33,134,201,.5)}
.plan--y{background:var(--blue-t);border-color:transparent}
.plan--k{background:var(--warm-t);color:var(--ink);border-color:transparent}
.plan__tag{border-radius:99px;font:500 11px/1 var(--en);border-color:var(--blue);color:var(--blue);opacity:1}
.plan--k .plan__tag{border-color:var(--warm);color:var(--warm)}
.plan__en{font:400 24px/1.15 var(--en);color:var(--blue)}
.plan--k .plan__en{color:var(--warm)}
.plan__jp{font-weight:700;font-size:20px}
.plan__price,.plan__free{border-top:1px solid var(--line)}
.plan__price b{font:500 clamp(38px,3.4vw,50px)/1 var(--en);color:var(--blue)}
.plan__free{font-weight:700;font-size:18px;color:var(--warm)}
.plan__perk dd,.plan--k .plan__perk dd{border-color:var(--line)}
.plan__perk dd::before,.plan--k .plan__perk dd::before{background:var(--blue)}
.plan__perk dd strong{color:var(--blue-d)}
.plan__go a,.plan--k .plan__go a{border-radius:99px;background:var(--blue);color:#fff;border:0;padding:14px 20px;font-weight:700}
.plan--k .plan__go a{background:var(--warm)}
.plan__go a i{width:auto;height:auto;background:none!important;color:inherit!important;box-shadow:none!important}
.plan__go a+a,.plan--k .plan__go a+a{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.use{background:#fff;border:1px solid var(--line)}
.use__no{font:500 16px/1 var(--en);color:var(--blue)}
.use b{font-weight:700}
.use:hover{background:var(--blue);color:#fff}
.use:hover .use__no{color:#fff}
.use--title{border:0;background:transparent}
.use--title b{font:400 34px/1.1 var(--en);color:var(--blue)}
/* corporate / rebound */
.logo-card{border-radius:24px;border:1px solid var(--line)}
.logo-card:hover{border-color:var(--blue)}
.logo-card__no{font:500 12px/1 var(--en);color:var(--blue)}
.logo-card--empty{border:1.5px dashed var(--blue);background:var(--blue-t)}
.logo-card--empty b{font:400 24px/1.2 var(--en);color:var(--blue)}
.rel time{font:400 14px/1 var(--en);color:var(--gray)}
.rb-intro__big{font-weight:500;font-size:clamp(24px,2.8vw,38px);line-height:1.7}
.rb-intro__big em{color:var(--blue);background:none}
.maker{border-top:1px solid var(--line)}
.maker__no{font:400 13px/1 var(--en)}
.maker__no b{font:500 13px/1 var(--en);color:#fff;background:var(--blue);padding:6px 12px;border-radius:99px}
.maker__name{font:400 clamp(38px,4vw,58px)/1.05 var(--en);color:var(--blue)}
.maker__kind{font-weight:700;font-size:18px}
.maker__pic{border-radius:24px}
.maker__link{font:500 13px/1 var(--en);color:var(--blue)}
.prod{border-radius:24px;border:1px solid var(--line)}
.prod:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(33,134,201,.5)}
.prod__no{font:500 12px/1 var(--en);color:var(--blue)}
.prod__name{font-weight:700;font-size:16px}
.prod__go i{border-radius:50%;width:36px;height:36px;background:var(--blue);color:#fff}
.prod__badge{border-radius:99px;font:500 11px/1 var(--en);background:#fff;color:var(--blue)}
.soon__ttl{font-weight:700;font-size:clamp(34px,4vw,56px);letter-spacing:.16em;color:var(--blue)}
.soon__msg{font-weight:700;font-size:17px;border-top:1px solid var(--line)}
.soon__emblem img{animation:none}
/* news */
.filters button{border-radius:99px;border:1px solid var(--blue);color:var(--blue);font:700 12px/1 var(--jp)}
.filters button.is-on,.filters button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.filters button em{font:500 12px/1 var(--en)}
.ncard__pic{border-radius:16px;border:0}
.ncard__meta time{font:400 13px/1 var(--en);color:var(--gray)}
.ncard__ttl{font-weight:700;letter-spacing:.04em}
.ncard:hover .ncard__ttl{color:var(--blue)}
.ncard--feature .ncard__ttl{font-weight:700;font-size:clamp(18px,1.8vw,23px);color:var(--ink)}
.ncard__pic--none span{font:400 26px/1 var(--en);color:var(--blue)}
.art-h{font-weight:700;font-size:clamp(21px,2.4vw,32px);line-height:1.7;letter-spacing:.06em;color:var(--ink)}
.art-meta time{font:400 15px/1 var(--en);color:var(--gray)}
.art-meta .news__cat{color:#fff}
.article__side .back{border-radius:99px;border:1px solid var(--blue);color:var(--blue);font-weight:700}
.article__side dt{font:500 11px/1 var(--en);color:var(--blue)}
.art-body{border-radius:28px;border:0;background:var(--soft)}
.art-body h2,.art-body h3,.art-body h4{font-weight:700;font-size:18px;color:var(--ink)}
.art-body h2::before,.art-body h3::before,.art-body h4::before{border:0;box-shadow:none;background:var(--blue);width:8px;height:8px}
.art-body a{color:var(--blue-d)}
.art-body strong{background:none;color:var(--blue-d)}
.art-body figure img{border-radius:14px}
.art-body blockquote{border-radius:16px;background:#fff}
.art-pager a{border-radius:18px;border:1px solid var(--line)}
.art-pager a:hover{background:var(--blue-t);border-color:var(--blue)}
.art-pager small{font:500 12px/1 var(--en);color:var(--blue)}
/* contact / legal */
.contact__info dt{font:500 11px/2.4 var(--en);color:var(--blue)}
.form{border-radius:28px;border:0;background:var(--soft);box-shadow:none}
.field label{font-weight:700}
.field label small{font:500 11px/1 var(--en);color:var(--blue)}
.req{border-radius:99px;background:var(--warm);color:#fff;border:0;padding:3px 9px}
.field input,.field select,.field textarea{border-radius:14px;background:#fff;border:1px solid var(--line)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-t)}
.submit{border-radius:99px;background:var(--blue);font-weight:700;letter-spacing:.2em}
.submit i{width:auto;height:auto;background:none;color:#fff;margin-left:0}
.submit:hover{background:var(--blue-d)}
.sent b{font:400 52px/1 var(--en);color:var(--blue)}
.sent .demo{border-radius:99px;background:var(--blue-t)}
.legal{border-radius:28px;border:1px solid var(--line)}
.legal dt{font-weight:700;color:var(--blue-d)}
/* CTA band: blue with cloud bumps on top */
.cta-band{position:relative;background:var(--blue);color:#fff;padding:clamp(70px,8vw,110px) 0;margin-top:clamp(60px,7vw,100px)}
.cta-band::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:clamp(40px,5vw,80px);background:radial-gradient(circle at 50% 100%,var(--blue) 70%,transparent 71%) 0 100%/clamp(120px,14vw,220px) 100% repeat-x}
.cta-band .label{color:#fff}
.cta-band__en{font:400 clamp(34px,3.8vw,54px)/1.15 var(--en);color:#fff}
.cta-band__jp{margin-top:14px;font-weight:700;font-size:clamp(18px,1.8vw,23px);line-height:1.8;color:#fff}
.cta-band .pill{background:#fff;color:var(--ink)}
.cta-band .pill .ca{background:var(--blue)}
.cta-band .pill .ca::after{border-color:#fff}
.pill-btns{display:flex;flex-wrap:wrap;gap:12px}
.pill-btns--col{flex-direction:column;align-items:flex-start}
@media (max-width:860px){
  .ph__inner{grid-template-columns:minmax(0,1fr)}
  .ph__media{aspect-ratio:4/3}
}
.cta-band{overflow:visible}
.cf{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,3vw,36px);margin-top:clamp(40px,5vw,64px);padding:24px clamp(22px,3vw,40px);border-radius:24px;background:var(--blue-t);transition:transform .4s var(--ease-o)}
.cf--ink{background:var(--blue-t)!important}
.cf:hover{transform:translateY(-3px)}
.cf__tag{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;font-size:13px}
.cf__main small{display:block;font-size:12.5px;color:var(--blue);font-weight:700}
.cf__main b{display:block;font-weight:700;font-size:clamp(16px,1.6vw,20px);line-height:1.7}
.cf__go{display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px;white-space:nowrap}
.cf__go i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-style:normal}
.cta-band::before{display:none}
.band-top--cta{margin-top:clamp(60px,7vw,100px)}
.band-top--cta + .cta-band{margin-top:0}

/* page-hero photo: the client's cloud window at its own ratio */
.ph__media{aspect-ratio:562.628/356.247!important;clip-path:url(#clip-cloud)}
.band-top--cta{display:block;width:100%;margin-top:clamp(60px,7vw,100px);margin-bottom:-1px}
.collage .photo:nth-child(1){border-radius:0;clip-path:url(#clip-cloud);aspect-ratio:562.628/356.247;grid-row:auto;grid-column:1/-1}
.city__pics .photo:nth-child(1){border-radius:0;clip-path:url(#clip-cloud);aspect-ratio:562.628/356.247;width:92%}
.profile__pic{border-radius:0;clip-path:url(#clip-cloud);aspect-ratio:562.628/356.247}