/* Islandwise Consulting: one quiet column, white page, ink type, one institutional blue. Single light theme on purpose. */
:root{
  --bg:#FFFFFF; --sunk:#F5F7FA; --ink:#0F1726; --muted:#5A6577; --line:#E4E8EE; --line2:#CDD4DE;
  --blue:#1E5BB8; --blue-soft:#EBF2FC; --on-ink:#FFFFFF;
  --f-display:"Newsreader", Georgia, "Times New Roman", serif;
  --f-body:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover,a:focus-visible{text-decoration:underline}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.wrap{max-width:1040px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
header.top{position:sticky;top:env(safe-area-inset-top,0px);background:#FFFFFF;border-bottom:1px solid var(--line);z-index:5}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:#FFFFFF}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px;flex-wrap:wrap}
.brand{font-family:var(--f-display);font-weight:600;font-size:1.35rem;letter-spacing:0;color:var(--ink);display:inline-flex;align-items:center;gap:10px}
.brand .mark{width:28px;height:28px;flex:none}
.brand span{white-space:nowrap}
.brand em{font-style:normal;color:var(--blue)}
a.brand:hover{text-decoration:none}
footer .brand .mark{width:22px;height:22px}
.owner{font-size:.82rem;color:var(--muted)}
nav.main{display:flex;gap:22px;font-size:.92rem;font-weight:500}
nav.main a{color:var(--muted);white-space:nowrap}
nav.main a:hover{color:var(--ink);text-decoration:none}
nav.main a[aria-current="page"]{color:var(--ink);border-bottom:2px solid var(--blue);padding-bottom:2px}
@media (max-width:760px){
  nav.main{flex-basis:100%;overflow-x:auto;gap:18px;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  nav.main::-webkit-scrollbar{display:none}
  .bar{padding-block:12px 8px}
}
.hero{padding-block:88px 64px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:end}
@media (max-width:760px){.hero{grid-template-columns:1fr;padding-block:56px 40px}}
.page-head{padding-block:64px 8px}
@media (max-width:760px){.page-head{padding-block:40px 4px}}
.page-head h1{font-size:clamp(2rem,4.6vw,3.2rem)}
.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--blue)}
h1{font-family:var(--f-display);font-weight:500;font-size:clamp(2.3rem,5.4vw,3.9rem);line-height:1.06;letter-spacing:-.015em;margin:14px 0 20px;text-wrap:balance}
h1 em{font-style:italic;color:var(--blue)}
.lede{font-size:1.15rem;color:var(--muted);max-width:34em;margin:0}
.hero aside{border-left:2px solid var(--blue);padding-left:20px;color:var(--muted);font-size:.95rem}
.hero aside b{display:block;color:var(--ink);font-weight:600;margin-bottom:4px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:8px;font-weight:600;font-size:.95rem;border:1px solid var(--ink);background:var(--ink);color:var(--on-ink)}
.btn:hover{text-decoration:none;background:#1b2538}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--sunk)}
section{padding-block:56px;border-top:1px solid var(--line)}
section.first{border-top:0;padding-top:28px}
h2{font-family:var(--f-display);font-weight:500;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.01em;margin:10px 0 28px;text-wrap:balance}
.more{margin-top:28px;display:flex;flex-wrap:wrap;gap:22px;font-weight:500}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
@media (max-width:860px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}
.step{border-top:2px solid var(--ink);padding-top:16px;min-width:0}
.step .n{font-family:var(--f-display);font-size:1.6rem;font-weight:500;color:var(--blue);line-height:1}
.step h3{font-size:1.02rem;font-weight:600;margin:10px 0 6px}
.step p{margin:0;color:var(--muted);font-size:.95rem}
.rule{margin-top:28px;padding:18px 22px;background:var(--sunk);border-radius:10px;font-size:1.02rem}
.rule b{font-weight:600}
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;align-items:start}
@media (max-width:760px){.about{grid-template-columns:1fr}}
.about p{margin:0 0 14px;max-width:38em}
.facts{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.facts li{display:flex;gap:12px;align-items:baseline;font-size:.95rem}
.facts li::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--blue);flex:none;transform:translateY(-1px)}
.work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:860px){.work{grid-template-columns:1fr}}
.card{border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0;display:flex;flex-direction:column;gap:10px}
.card .tag{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.card h3{font-family:var(--f-display);font-weight:500;font-size:1.3rem;margin:0;line-height:1.2}
.card h3 .gpmark{width:22px;height:22px;vertical-align:-3px;margin-right:6px}
.card p{margin:0;color:var(--muted);font-size:.95rem}
.card .soon{margin-top:auto;font-size:.85rem;color:var(--blue);font-weight:500}
.card.open{border-style:dashed;background:var(--sunk)}
.card.open .tag{color:var(--blue)}
.card q{font-family:var(--f-display);font-size:1.15rem;line-height:1.35;color:var(--ink);quotes:"\201C" "\201D"}
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:860px){.team{grid-template-columns:1fr}}
.team.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:860px){.team.two{grid-template-columns:1fr}}
.team .card.lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px 40px;align-items:start}
@media (max-width:760px){.team .card.lead{grid-template-columns:1fr}}
.team .card.lead h3{font-size:1.6rem}
section h2+.team{margin-top:-8px}
.team-note{margin-top:22px;color:var(--muted);font-size:.9rem}
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
@media (max-width:760px){.contact{grid-template-columns:1fr}}
.addr{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:1.05rem}
.addr code{font-family:var(--f-body);background:var(--sunk);padding:8px 12px;border-radius:8px;user-select:all}
.copy{font:inherit;font-size:.85rem;font-weight:600;border:1px solid var(--line2);background:#fff;border-radius:8px;padding:7px 12px;cursor:pointer;color:var(--ink)}
.copy:hover{background:var(--sunk)}
footer{border-top:1px solid var(--line);padding-block:28px;color:var(--muted);font-size:.85rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
footer .brand{font-size:1.05rem}
@media (prefers-reduced-motion:no-preference){.card{transition:border-color .2s}.card:hover{border-color:var(--line2)}}
/* Pricing */
.price{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
@media (max-width:760px){.price{grid-template-columns:1fr}}
.base{padding:20px 22px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:10px;margin:0 0 22px}
.base b{display:block;font-family:var(--f-display);font-weight:500;font-size:1.35rem;line-height:1.25;margin-bottom:4px}
.base span{color:var(--muted);font-size:.95rem}
.formula{font-family:var(--f-display);font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.3;margin:0 0 18px}
.formula b{color:var(--blue);font-weight:500}
.ladder{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.ladder li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.95rem;align-items:baseline}
.ladder li b{display:block;font-weight:600}
.ladder li span{color:var(--muted)}
.ladder li em{font-style:normal;white-space:nowrap;color:var(--ink);font-weight:500}
.hours{columns:2;column-gap:32px;margin:0;padding:0;list-style:none}
@media (max-width:560px){.hours{columns:1}}
.hours li{break-inside:avoid;display:flex;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.hours li::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--blue);flex:none;transform:translateY(-1px)}
.calc{background:var(--sunk);border-radius:12px;padding:22px;position:sticky;top:88px}
@media (max-width:760px){.calc{position:static}}
.calc h3{font-family:var(--f-display);font-weight:500;font-size:1.3rem;margin:0 0 6px}
.calc p{margin:0 0 16px;color:var(--muted);font-size:.92rem}
.calc label{display:grid;gap:6px;font-size:.85rem;font-weight:600;margin-bottom:12px}
.calc input,.calc select{font:inherit;font-size:1rem;padding:9px 12px;border:1px solid var(--line2);border-radius:8px;background:#fff;color:var(--ink);width:100%}
.calc .hint{margin:-4px 0 14px;font-size:.85rem;color:var(--muted)}
.calc .out{margin-top:8px;display:grid;gap:8px}
.calc .out div{display:flex;justify-content:space-between;gap:12px;font-size:.95rem;border-top:1px solid var(--line2);padding-top:8px}
.calc .out div b{font-family:var(--f-display);font-size:1.25rem;font-weight:500;color:var(--blue);text-align:right}
.calc .out div.base-row b{font-size:1rem;color:var(--ink)}
.calc small{display:block;margin-top:12px;color:var(--muted);font-size:.8rem}
.case{margin-top:28px;padding:18px 22px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:10px;font-size:.98rem}
.case b{font-weight:600}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;margin:0;padding:0;list-style:none}
@media (max-width:860px){.principles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.principles{grid-template-columns:1fr}}
.principles li{border-top:2px solid var(--ink);padding-top:14px;min-width:0}
.principles li b{display:block;font-weight:600;margin-bottom:4px}
.principles li span{color:var(--muted);font-size:.93rem}

/* v9: bands and photo slots */
main{display:block}
.band{padding-block:56px}
.band.soft{background:var(--blue-soft)}
.band.sky{background:#DCEBF5}
.band.navy{background:var(--ink);color:#fff}
.band.navy .eyebrow{color:#9CC9E8}
.band.navy h2,.band.navy h3{color:#fff}
.band.navy p,.band.navy span,.band.navy li{color:#BFD2EE}
.band.navy b,.band.navy strong{color:#fff}
.band.navy a{color:#fff}
.band.navy .btn{background:#fff;color:var(--ink);border-color:#fff}
.band.navy .btn:hover{background:#EBF2FC}
.band.navy .btn.ghost{background:transparent;color:#fff;border-color:#9CC9E8}
.band.navy .btn.ghost:hover{background:rgba(255,255,255,.08)}
.band + .band{border-top:0}
section.band{border-top:0}
.band.white + .band.white{border-top:1px solid var(--line)}
.hero{padding-block:72px 56px;align-items:center}
.hero .photo{aspect-ratio:4/5;max-height:520px}
@media (max-width:760px){.hero .photo{aspect-ratio:3/2;max-height:none}}
.photo{position:relative;border-radius:14px;overflow:hidden;background:
  linear-gradient(135deg,#1E5BB8 0%,#2F78A8 42%,#9CC9E8 100%);isolation:isolate;min-height:120px}
.photo::before{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(-32deg,rgba(255,255,255,.08) 0 2px,transparent 2px 9px),
  radial-gradient(120% 90% at 85% 10%,rgba(255,255,255,.28),transparent 55%),
  radial-gradient(90% 70% at 10% 95%,rgba(15,23,38,.45),transparent 60%);mix-blend-mode:soft-light}
.photo::after{content:"";position:absolute;left:-12%;bottom:-18%;width:70%;height:60%;border-radius:50% 50% 0 0;background:rgba(15,23,38,.22);filter:blur(1px)}
.photo.warm{background:linear-gradient(135deg,#0F1726 0%,#1E5BB8 55%,#7FB2F0 100%)}
.photo.light{background:linear-gradient(135deg,#9CC9E8 0%,#DCEBF5 60%,#fff 100%)}
.photo.light span{background:rgba(15,23,38,.78)}
.photo span{position:absolute;left:12px;bottom:12px;z-index:1;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(15,23,38,.55);backdrop-filter:blur(4px);padding:6px 10px;border-radius:6px;max-width:calc(100% - 24px);line-height:1.3}
.photo .glyph{position:absolute;right:-6%;top:-8%;width:46%;height:auto;opacity:.16;z-index:0}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.photo.r32{aspect-ratio:3/2}
.photo.r45{aspect-ratio:4/5}
.photo.r21{aspect-ratio:21/9}
.stat{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center}
@media (max-width:760px){.stat{grid-template-columns:1fr}}
.stat .big{font-family:var(--f-display);font-weight:500;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.015em;color:#fff;margin:0 0 8px}
.stat .big em{font-style:italic;color:#9CC9E8}
.stat .num{border-left:2px solid #2F78A8;padding-left:20px}
.stat .num b{display:block;font-family:var(--f-display);font-weight:500;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.1;color:#fff}
.stat .num span{display:block;margin-top:6px;font-size:.95rem}
.who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:860px){.who{grid-template-columns:1fr}}
.who a{color:inherit;display:flex;flex-direction:column;gap:12px;min-width:0}
.who a:hover{text-decoration:none}
.who a:hover .photo{filter:saturate(1.1)}
.who h3{font-family:var(--f-display);font-weight:500;font-size:1.25rem;margin:0;line-height:1.2}
.who p{margin:0;color:var(--muted);font-size:.93rem}
.who .go{font-size:.88rem;font-weight:600;color:var(--blue)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
@media (max-width:760px){.split{grid-template-columns:1fr}}
.band.soft .rule,.band.sky .rule{background:#fff}
.band.navy .calc{position:static;background:#fff;color:var(--ink)}
.band.navy .calc h3{color:var(--ink)}
.band.navy .calc p,.band.navy .calc small,.band.navy .calc label,.band.navy .calc .hint,.band.navy .calc .out div span{color:var(--muted)}
.band.navy .calc label{color:var(--ink)}
.band.navy .calc .out div b{color:var(--blue)}
.band.navy .calc .out div.base-row b{color:var(--ink)}
.band.navy .case{border-color:#2F3B52;color:#fff}
.band.navy .case b{color:#fff}
.band.soft .card,.band.sky .card{background:#fff}
.band.soft .card.open,.band.sky .card.open{background:rgba(255,255,255,.7)}
.portrait{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:40px;align-items:start}
@media (max-width:760px){.portrait{grid-template-columns:1fr}}
.portrait .photo{max-width:360px}
.pull{font-family:var(--f-display);font-size:1.2rem;line-height:1.35;quotes:"\201C" "\201D";display:block}

/* Nov 2026 merge: real images, the merged Islandwise site (consulting + technology), new pricing */
:root{--teal:#1C7C74;--teal-soft:#E4F2F0;--amber:#B8730F;--amber-soft:#FBF2E1;--green:#2E7D4F;--deep:#143F82}
nav.main{gap:20px}
/* image slots: each slot is one file in img/, named for the slot, so a photo can be swapped by replacing that file */
.pic{position:relative;margin:0;border-radius:14px;overflow:hidden;background:var(--sunk);max-width:100%;min-width:0}
.pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pic.r45{aspect-ratio:4/5}.pic.r32{aspect-ratio:3/2}.pic.r21{aspect-ratio:21/9}
.pic .chip{position:absolute;left:12px;bottom:12px;z-index:1;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(15,23,38,.62);padding:5px 9px;border-radius:6px;max-width:calc(100% - 24px);line-height:1.3}
.hero .pic{aspect-ratio:4/5;max-height:540px}
@media (max-width:760px){.hero .pic{aspect-ratio:3/2;max-height:none}.pic.r21{aspect-ratio:3/2}}
.who a:hover .pic img{filter:saturate(1.08)}
.portrait .pic{max-width:360px}
figcaption.cap{font-size:.82rem;color:var(--muted);margin-top:8px;line-height:1.4}
/* footer credits */
footer .credits{flex-basis:100%;margin:0;font-size:.78rem;color:var(--muted);max-width:60em}
footer .credits a{color:var(--muted);text-decoration:underline}
/* home: the story */
.story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
@media (max-width:860px){.story{grid-template-columns:1fr}}
.story>div{border-top:2px solid var(--ink);padding-top:14px;min-width:0;display:flex;flex-direction:column;gap:8px}
.story .who-team{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.story .who-team.tech{color:var(--teal)}
.story h3{font-family:var(--f-display);font-weight:500;font-size:1.3rem;margin:0;line-height:1.2}
.story p{margin:0;color:var(--muted);font-size:.95rem}
.story a{font-weight:600;font-size:.9rem;margin-top:auto}
.proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:8px}
@media (max-width:860px){.proof{grid-template-columns:1fr}}
.proof a{color:inherit;display:flex;flex-direction:column;gap:10px;min-width:0}
.proof a:hover{text-decoration:none}
.proof .frame{border:1px solid var(--line2);border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:var(--sunk)}
.proof .frame img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.proof b{font-family:var(--f-display);font-weight:500;font-size:1.2rem}
.proof span{color:var(--muted);font-size:.92rem}
/* pricing */
.tiers{list-style:none;margin:0 0 18px;padding:0;border-top:1px solid var(--line)}
.tiers li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}
.tiers li span{font-size:1rem}
.tiers li b{font-family:var(--f-display);font-weight:500;font-size:1.6rem;color:var(--deep);font-variant-numeric:tabular-nums;white-space:nowrap}
.credit-note{padding:16px 20px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:10px;margin:0 0 18px;font-size:.98rem}
.credit-note b{font-weight:600}
.ask{font-family:var(--f-display);font-size:clamp(1.25rem,2.4vw,1.55rem);line-height:1.3;margin:0 0 6px}
.rule3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
@media (max-width:860px){.rule3{grid-template-columns:1fr}}
.rule3>div{border-top:2px solid #2F78A8;padding-top:14px;min-width:0}
.rule3 .n{font-family:var(--f-display);font-size:1.6rem;color:#9CC9E8;line-height:1}
.rule3 h3{font-size:1.05rem;font-weight:600;margin:10px 0 6px}
.rule3 p{margin:0;font-size:.95rem}
.big20{font-family:var(--f-display);font-weight:500;font-size:clamp(3rem,8vw,5rem);line-height:1;color:#fff;margin:0 0 6px;letter-spacing:-.02em}
.notbasis{margin-top:28px;padding:16px 20px;border:1px solid #2F3B52;border-radius:10px;font-size:.95rem}
.calc .out div.total b{font-size:1.5rem}
/* how we work: the engine */
.parts{display:grid;gap:56px}
.part{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:44px;align-items:center}
.part.flip{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr)}
.part.flip .ptext{order:2}
@media (max-width:860px){.part,.part.flip{grid-template-columns:1fr;gap:22px}.part.flip .ptext{order:0}}
.ptext{min-width:0;display:flex;flex-direction:column;gap:10px}
.ptext .k{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.ptext h3{font-family:var(--f-display);font-weight:500;font-size:1.55rem;margin:0;line-height:1.2}
.ptext p{margin:0;color:var(--muted);max-width:34em}
.ptext .used{font-size:.88rem;color:var(--ink)}
.ptext .used b{font-weight:600}
.screen{margin:0;min-width:0}
.screen .frame{border:1px solid var(--line2);border-radius:12px;overflow:hidden;background:var(--sunk);box-shadow:0 18px 40px -30px rgba(15,23,38,.55)}
.screen img{display:block;width:100%;height:auto}
.phones2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:520px;width:100%;justify-self:center;margin-inline:auto}
.phones2 .handset{border:7px solid #0F1726;border-radius:26px;overflow:hidden;background:#0F1726;box-shadow:0 18px 40px -26px rgba(15,23,38,.6)}
.phones2 .handset img{display:block;width:100%;height:auto;border-radius:18px}
.stack2{display:grid;gap:14px}
.engine-note{margin-top:8px;padding:18px 22px;background:var(--teal-soft);border-radius:10px;font-size:1rem;max-width:52em}
.engine-note b{font-weight:600}
.split .pic{width:100%}
.method{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:44px;align-items:start}
@media (max-width:760px){.method{grid-template-columns:1fr}}
.method p{margin:0 0 14px;max-width:38em}
/* what we build: partners */
.partners{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:start}
.partners p{margin:0 0 14px;max-width:38em}
.orgchart{overflow-x:auto;background:#fff;border-radius:12px;padding:16px;border:1px solid var(--line);max-width:760px}
.orgchart svg{display:block;width:100%;height:auto}
@media (max-width:520px){.orgchart svg{min-width:470px}}
.credits-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.credits-list li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;align-items:start;border-top:1px solid var(--line);padding-top:18px}
@media (max-width:560px){.credits-list li{grid-template-columns:1fr}}
.credits-list img{width:140px;height:94px;object-fit:cover;border-radius:8px;display:block}
.credits-list p{margin:0 0 4px;font-size:.95rem}
.credits-list code{font-size:.85rem;background:var(--sunk);padding:1px 6px;border-radius:4px}

#shaped .split{align-items:start}
.partners p{max-width:44em}