.development-stories{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.development-story{background:#F0EBE4;border:1px solid rgba(90,75,58,.12);border-radius:28px;overflow:hidden;box-shadow:var(--glass-sh)}.development-story__photo{position:relative;aspect-ratio:1.9;overflow:hidden;background:#ddd9d4}.development-story__photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.development-story__photo>span{position:absolute;left:22px;top:20px;background:rgba(250,248,245,.93);color:#2A2A30;font-size:10px;font-weight:600;padding:8px 12px;border-radius:20px}.development-story__body{padding:28px}.development-story__period{font-size:10px;color:var(--red-ink);font-weight:700;letter-spacing:.05em}.development-story h3{font-size:29px;line-height:1.2;letter-spacing:-.035em;margin:16px 0 20px}.development-story h4{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin:0 0 16px;max-width:490px}.development-story__intro{font-size:14px;line-height:1.75;color:var(--ink-2);margin:0 0 24px}.development-story__chapters details{border-top:1px solid var(--line)}.development-story__chapters summary{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;padding:18px 0;cursor:pointer;list-style:none}.development-story__chapters summary::-webkit-details-marker{display:none}.development-story__chapters summary>span{font-size:10px;color:var(--red-ink)}.development-story__chapters summary>b{margin-left:auto;color:var(--red-ink);font-size:22px;font-weight:400;transition:transform .2s}.development-story__chapters details[open] summary>b{transform:rotate(45deg)}.development-story__chapters p{font-size:14px;line-height:1.75;color:var(--ink-2);margin:0 0 20px;padding-left:27px}.development-story__result{position:relative;background:rgba(250,248,245,.7);padding:20px 42px 20px 20px;border-radius:18px;border-left:2px solid var(--red-ink);margin-top:20px;display:grid;gap:9px}.development-story__result>span{font-size:10px;color:var(--ink-3)}.development-story__result strong{font-size:16px;line-height:1.5}.development-story__result>.ic{position:absolute;right:16px;top:22px;width:17px;height:17px;color:var(--red-ink)}:root[data-theme="dark"] .development-story{background:#302D29;border-color:var(--line)}:root[data-theme="dark"] .development-story__result{background:rgba(255,255,255,.045)}@media(hover:hover) and (prefers-reduced-motion:no-preference){.development-story__photo:hover img{transform:scale(1.065)}}@media(max-width:800px){.development-stories{grid-template-columns:1fr;gap:24px}.development-story__body{padding:24px}.development-story h3{font-size:27px}.development-story h4{font-size:21px}}@media(prefers-reduced-motion:reduce){.development-story__photo img,.development-story__chapters summary>b{transition:none}}
.development-compact{border:1px solid var(--line);border-radius:20px;background:var(--glass);overflow:hidden;transition:box-shadow .3s,transform .3s}.development-compact>summary{display:grid;grid-template-columns:34% minmax(0,1fr);gap:20px;padding:16px;list-style:none;cursor:pointer;min-height:245px}.development-compact>summary::-webkit-details-marker{display:none}.development-compact__photo{display:block;overflow:hidden;border-radius:12px;min-height:210px}.development-compact__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transition:transform .5s}.development-compact__copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:5px 0}.development-compact__company{font-size:11px;line-height:1.5;color:var(--ink-2);margin-bottom:12px}.development-compact__copy>strong{font-size:21px;line-height:1.2;letter-spacing:-.025em;font-weight:700}.development-compact__result{display:grid;gap:5px;font-size:12px;line-height:1.5;margin:18px 0}.development-compact__result small{color:var(--red-ink);font-size:10px}.development-compact__link{display:flex;align-items:center;gap:15px;font-size:11px;font-weight:600;color:var(--red-ink);margin-top:auto}.development-compact__link>span{font-size:19px;transition:transform .3s}.development-compact__full{padding:22px 26px;border-top:1px solid var(--line)}.development-compact__full p{font-size:13px;line-height:1.8;color:var(--ink-2);margin:12px 0 20px}.development-compact__full h4{font-size:15px;margin:20px 0 0}.development-compact[open] .development-compact__link>span{transform:rotate(90deg)}.development-compact:focus-within{outline:2px solid var(--red-ink);outline-offset:3px}@media(hover:hover) and (prefers-reduced-motion:no-preference){.development-compact:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(210,0,30,.07)}.development-compact:hover .development-compact__photo img{transform:scale(1.035)}.development-compact:hover .development-compact__link>span{transform:translate(3px,-3px)}}@media(max-width:1050px) and (min-width:801px){.development-compact>summary{gap:14px;padding:12px;grid-template-columns:30% 1fr}.development-compact__copy>strong{font-size:18px}}@media(max-width:500px){.development-compact>summary{gap:15px;padding:12px;grid-template-columns:30% 1fr;min-height:240px}.development-compact__copy>strong{font-size:19px}.development-compact__photo{min-height:210px}.development-compact__full{padding:20px}}@media(prefers-reduced-motion:reduce){.development-compact,.development-compact__photo img,.development-compact__link>span{transition:none}}

/* Compact editorial stories: open composition and an illustrated lead. */
.development-stories{gap:30px}.development-compact{background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}.development-compact>summary{grid-template-columns:43% minmax(0,1fr);gap:22px;padding:20px 0;min-height:250px}.development-compact__photo{border-radius:5px;min-height:0;align-self:center;aspect-ratio:1.35;background:transparent}.development-compact__photo img{object-fit:contain}.development-compact__company{font-size:10px;line-height:1.6;letter-spacing:.01em}.development-compact__company>span{color:var(--red-ink);padding:0 4px}.development-compact__copy>strong{font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.15;letter-spacing:-.035em;font-weight:700}.development-compact__result{font-size:11px;margin:16px 0}.development-compact__full{padding:20px 0}.development-compact__full>p:first-of-type{font-size:15px;color:var(--ink);line-height:1.8}.development-compact:hover{box-shadow:none}@media(max-width:1050px) and (min-width:801px){.development-compact>summary{grid-template-columns:40% 1fr;gap:16px}.development-compact__copy>strong{font-size:22px}}@media(max-width:500px){.development-compact>summary{grid-template-columns:40% 1fr;gap:16px;padding:18px 0}.development-compact__copy>strong{font-size:22px}.development-compact__photo{min-height:0}.development-compact__full{padding:20px 0}}

.case-preview{border:1px solid var(--line);border-radius:22px;background:var(--glass);overflow:hidden;transition:transform .3s,box-shadow .3s}.case-preview__open{appearance:none;font:inherit;color:var(--ink);width:100%;border:0;background:none;text-align:left;cursor:pointer;display:grid;grid-template-columns:40% minmax(0,1fr);gap:24px;padding:20px;min-height:280px}.case-preview__image{display:block;align-self:center;border-radius:12px;overflow:hidden;aspect-ratio:1.25;background:#eee8df}.case-preview__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}.case-preview__copy{display:flex;flex-direction:column;align-items:flex-start;padding:3px 0;min-width:0}.case-preview__company{font-size:11px;color:var(--ink-2);line-height:1.5;margin-bottom:14px}.case-preview__copy>strong{font-family:inherit;font-size:22px;line-height:1.18;letter-spacing:-.025em;font-weight:700}.case-preview__result{display:grid;gap:6px;font-size:12px;line-height:1.5;margin:18px 0 22px}.case-preview__result small{color:var(--red-ink);font-size:10px;font-weight:600}.case-preview__action{margin-top:auto;display:flex;gap:18px;align-items:center;font-size:11px;font-weight:600;color:var(--red-ink)}.case-preview__action>span{font-size:21px}.case-preview__open:focus-visible{outline:2px solid var(--red-ink);outline-offset:-5px;border-radius:20px}.case-reader{width:min(760px,calc(100% - 32px));max-height:88dvh;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--bg,#faf8f5);color:var(--ink);overscroll-behavior:contain}.case-reader::backdrop{background:rgba(15,14,13,.65);backdrop-filter:blur(5px)}.case-reader__top{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;background:var(--bg,#faf8f5);z-index:1;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.case-reader__top button{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;background:transparent;color:var(--ink);font-size:25px;cursor:pointer}.case-reader__image{display:block;width:100%;height:auto;max-height:300px;object-fit:cover}.case-reader__body{padding:28px 36px 36px}.case-reader__period{color:var(--red-ink)!important;font-size:11px!important;font-weight:600}.case-reader__body h3{font-size:30px;line-height:1.15;letter-spacing:-.025em;margin:16px 0 22px}.case-reader__body p{font-size:14px;line-height:1.8;color:var(--ink-2);margin:12px 0 24px}.case-reader__body h4{font-size:17px;margin:26px 0 0}.case-reader__result{border-top:1px solid var(--line);padding-top:22px;display:grid;gap:8px}.case-reader__result small{color:var(--red-ink);font-size:11px}.case-reader__result strong{font-size:20px;line-height:1.35}:root[data-theme="dark"] .case-reader,:root[data-theme="dark"] .case-reader__top{background:#282623}@media(hover:hover) and (prefers-reduced-motion:no-preference){.case-preview:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(110,70,50,.1)}.case-preview:hover img{transform:scale(1.035)}}@media(max-width:1100px) and (min-width:801px){.case-preview__open{gap:16px;padding:16px;grid-template-columns:35% 1fr}.case-preview__copy>strong{font-size:20px}}@media(max-width:500px){.case-preview__open{grid-template-columns:32% 1fr;gap:16px;padding:16px;min-height:265px}.case-preview__copy>strong{font-size:20px}.case-reader__body{padding:22px}.case-reader__body h3{font-size:25px}}@media(prefers-reduced-motion:reduce){.case-preview,.case-preview__image img{transition:none}}

/* Essential case facts are visible before opening the full story. */
.case-preview__open{grid-template-columns:42% minmax(0,1fr);min-height:320px;gap:22px}.case-preview__image{aspect-ratio:1.5;background:transparent;border-radius:10px}.case-preview__image img{object-fit:contain;filter:none}.case-preview__company{font-size:13px;font-weight:650;color:var(--ink);margin-bottom:5px}.case-preview__period{font-size:10px;line-height:1.5;color:var(--ink-2);margin-bottom:14px}.case-preview__copy>strong{font-size:20px}.case-preview__task,.case-preview__result{display:grid;gap:5px;font-size:12px;line-height:1.5;margin:14px 0 0}.case-preview__task small{font-size:10px;color:var(--ink-2)}.case-preview__result{border-left:2px solid var(--red-ink);padding-left:11px;font-weight:600;margin-bottom:20px}.case-preview__result small{font-weight:500}.case-preview__action{padding-top:4px}@media(max-width:1100px) and (min-width:801px){.case-preview__open{grid-template-columns:36% 1fr;gap:15px}.case-preview__copy>strong{font-size:18px}}@media(max-width:500px){.case-preview__open{grid-template-columns:1fr;gap:18px;padding:20px}.case-preview__image{max-height:195px;width:100%;aspect-ratio:1.5}.case-preview__image img{object-fit:contain}.case-preview__copy>strong{font-size:21px}}

.case-preview__lead{display:block;font-size:13px;line-height:1.75;color:var(--ink-2);margin:16px 0 20px}.case-preview__facts{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 20px}.case-preview__facts>span{display:flex;align-items:center;gap:8px}.case-preview__facts b{font-size:29px;line-height:1;color:var(--red-ink);letter-spacing:-.04em}.case-preview__facts small{font-size:9px;line-height:1.5;color:var(--ink-2)}.case-preview__open{min-height:340px}.case-preview__action{padding-top:8px}

/* Consistent photographic windows, with a restrained interactive zoom. */
.case-preview__image{position:relative;align-self:start;aspect-ratio:3/2;width:100%;margin-top:3px;border-radius:14px;overflow:hidden;background:#eee7df;isolation:isolate}.case-preview__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transition:transform .75s cubic-bezier(.2,.7,.2,1)}.case-preview__image::after{content:"";position:absolute;inset:0;border:1px solid rgba(80,60,40,.09);border-radius:inherit;pointer-events:none}.case-preview__action>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:18px;transition:background .3s,color .3s,border-color .3s}.case-preview__open{align-items:start}.case-preview__copy{height:100%}@media(hover:hover) and (prefers-reduced-motion:no-preference){.case-preview:hover .case-preview__image img{transform:scale(1.075)}.case-preview:hover .case-preview__action>span{color:#fff;background:var(--red-ink);border-color:var(--red-ink)}}@media(max-width:500px){.case-preview__image{aspect-ratio:3/2;max-height:none;margin-top:0}.case-preview__copy{height:auto}}@media(prefers-reduced-motion:reduce){.case-preview__image img,.case-preview__action>span{transition:none}}

.case-preview--scaling{max-width:1100px}.case-preview--scaling .case-preview__open{grid-template-columns:38% minmax(0,1fr);padding:24px;gap:30px;min-height:0}.case-preview--scaling .case-preview__image{aspect-ratio:16/9}.case-preview--scaling .case-preview__image img{object-fit:cover}.case-preview--scaling .case-preview__copy>strong{font-size:25px;max-width:580px}.case-preview--scaling .case-preview__lead{max-width:620px}.case-preview--scaling .case-preview__facts{gap:24px}@media(max-width:700px){.case-preview--scaling .case-preview__open{grid-template-columns:1fr;padding:20px;gap:20px}.case-preview--scaling .case-preview__copy>strong{font-size:22px}.case-preview--scaling .case-preview__image{max-height:280px}.case-preview--scaling .case-preview__facts{gap:18px}}

/* Full stories preserve the entire original photograph. */
.case-reader__image{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center}

/* One opening sequence, ending on the complete original image. */
.case-reader__reveal{position:relative;overflow:hidden;isolation:isolate}.case-reader__caption{display:block;padding:10px 24px;font-size:10px;line-height:1.5;color:var(--ink-2);border-bottom:1px solid var(--line)}.case-reader[open]{animation:case-window-in .32s cubic-bezier(.2,.7,.2,1) both}.case-reader[open]::backdrop{animation:case-backdrop-in .32s ease both}.case-reader[open] .case-reader__image{transform-origin:center;animation:case-photo-in .7s cubic-bezier(.2,.7,.2,1) both}.case-reader[open] .case-reader__caption{animation:case-copy-in .4s .35s both}.case-reader[open] .case-reader__body{animation:case-copy-in .45s .18s both}@keyframes case-window-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes case-photo-in{from{opacity:.25;transform:scale(1.055)}to{opacity:1;transform:scale(1)}}@keyframes case-copy-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes case-backdrop-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.case-reader[open],.case-reader[open]::backdrop,.case-reader[open] .case-reader__image,.case-reader[open] .case-reader__caption,.case-reader[open] .case-reader__body{animation:none}}

/* Shared case hover glow, matching the site's red accents. */
.case-preview{transition:transform .3s,border-color .35s,box-shadow .35s}.case-preview:focus-within{border-color:rgba(239,0,43,.35);box-shadow:0 0 0 1px rgba(239,0,43,.07),0 12px 38px -12px rgba(239,0,43,.18)}@media(hover:hover){.case-preview:hover{border-color:rgba(239,0,43,.32);box-shadow:0 0 0 1px rgba(239,0,43,.06),0 12px 38px -12px rgba(239,0,43,.2),inset 0 0 34px rgba(239,0,43,.025)}:root[data-theme="dark"] .case-preview:hover{border-color:rgba(255,35,65,.38);box-shadow:0 0 0 1px rgba(255,25,55,.09),0 10px 42px -10px rgba(239,0,43,.25),inset 0 0 38px rgba(239,0,43,.045)}}@media(prefers-reduced-motion:reduce){.case-preview{transition:none}}

/* Glow only: keep the original neutral border, without a red rim. */
.case-preview:focus-within{border-color:var(--line);box-shadow:0 12px 42px -10px rgba(239,0,43,.18)}@media(hover:hover){.case-preview:hover{border-color:var(--line);box-shadow:0 12px 42px -10px rgba(239,0,43,.2)}:root[data-theme="dark"] .case-preview:hover{border-color:var(--line);box-shadow:0 12px 46px -10px rgba(239,0,43,.25)}}

.case-preview__no-photo{display:grid;place-items:center;min-height:170px;padding:20px;background:var(--glass);color:var(--ink-2);font-size:19px;font-weight:600;text-align:center}
