/*
Theme Name: Simply Santanu Das
Theme URI: https://santanudas.com/
Author: Simply Santanu Das
Description: A lightweight cinematic editorial theme for technology, culture, community, and creative work. Companion plugin: SSD Core.
Version: 0.8.51
Requires at least: 6.7
Requires PHP: 8.3
Text Domain: simply-santanu-das
*/

:root{--ink:#170d14;--dark:#23111e;--burgundy:#8f2952;--bright:#ad3869;--gold:#c3a16e;--ivory:#f6ecdf;--muted:#c1acb0;--line:rgba(218,178,126,.22);--sans:'DM Sans',Arial,sans-serif;--serif:'Italiana',Georgia,serif}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:var(--gold)}
button,input,textarea,select{font:inherit}
img{max-width:100%;height:auto}
::selection{background:#bc9a76;color:var(--ink)}
.container{width:min(1330px,calc(100% - 100px));margin:auto}
.eyebrow{color:var(--gold);font-weight:700;font-size:11px;letter-spacing:.24em;text-transform:uppercase;line-height:1.6}
.serif{font-family:var(--serif);font-weight:400}
.section-pad{padding:116px 0}
section[id]{scroll-margin-top:100px}
.section-heading{font:400 clamp(43px,5.2vw,74px)/1.08 var(--serif);letter-spacing:-.018em;margin:18px 0 29px}
.section-heading em{font-style:normal;color:var(--gold)}
.section-lede{max-width:700px;color:var(--muted);line-height:1.9;font-size:15px}
.skip-link{position:fixed;z-index:1000;top:-100px;left:20px;background:var(--gold);color:var(--ink);padding:12px}
.skip-link:focus{top:12px}
.site-header{position:fixed;z-index:90;top:0;left:0;width:100%;padding:19px 0;background:linear-gradient(180deg,rgba(17,10,16,.97),rgba(17,10,16,.79));border-bottom:1px solid rgba(222,187,143,.11);backdrop-filter:blur(12px)}
.admin-bar .site-header{top:32px}
.head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}
.brand-mark{width:48px;height:48px;flex:none;filter:drop-shadow(0 0 12px rgba(193,137,83,.14))}
.brand-name{display:flex;flex-direction:column;gap:3px}
.brand-name span:first-child{font-size:9px;letter-spacing:.38em;color:var(--gold)}
.brand-name span:last-child{font-family:var(--serif);font-size:24px;letter-spacing:.04em;color:var(--ivory)}
.nav{display:flex;align-items:center;gap:25px}
.nav a{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#e2d7cd}
.nav a:hover{color:var(--gold)}
.nav a.nav-cta{padding:16px 18px;background:var(--gold);color:#21141c;font-weight:700;transition:background .2s}
.nav a.nav-cta:hover{background:#ecd0a1}
.menu-toggle{display:none;border:1px solid var(--line);background:transparent;color:var(--ivory);padding:8px 11px;font-size:21px}
.hero{height:870px;min-height:min(970px,100svh);position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#250e1c}
.hero:before{content:'';z-index:-2;position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(42,8,25,.78),rgba(78,15,41,.42) 45%,rgba(28,7,18,.13)),radial-gradient(ellipse at 25% 54%,rgba(160,35,84,.16),transparent 60%),linear-gradient(0deg,#170d14,transparent 26%),url('assets/images/hero-konark.png');background-position:right center;background-size:cover;animation:hero-reveal 7s ease-out both}
.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 48% 46%,transparent 10%,rgba(10,5,11,.25));pointer-events:none}
@keyframes hero-reveal{from{filter:brightness(.7);transform:scale(1.05)}to{filter:brightness(1);transform:scale(1)}}
.hero-content{padding-top:80px}
.hero .eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:28px;color:#ddba85}
.hero .eyebrow:before{content:'';width:43px;height:1px;background:var(--gold)}
.hero h1{font:400 clamp(64px,7.7vw,123px)/.98 var(--serif);max-width:930px;letter-spacing:-.025em;margin:0 0 28px}
.hero h1 em{font-style:normal;color:#dfb982;display:block}
.hero-lede{font-size:16px;font-weight:300;line-height:1.85;color:#e6dcd2;max-width:515px;margin:0 0 34px}
.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.button-gold{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:53px;padding:0 25px;border:1px solid var(--gold);background:var(--gold);color:#201018;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.button-gold:hover{background:transparent;color:var(--gold)}
.text-link{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(215,182,132,.6);padding-bottom:9px}
.hero-foot{position:absolute;bottom:37px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;pointer-events:none}
.hero-foot span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ccb5a6}
.chapter-strip{background:#2b1422;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip-inner{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;padding:25px 0}
.strip-inner span{color:#d7b890;font:19px var(--serif)}
.strip-inner b{color:#81565b;font-size:12px;font-weight:400}
.intro{background:radial-gradient(circle at 8% 50%,rgba(151,37,78,.22),transparent 46%),#1b1019}
.intro-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:10%;align-items:center}
.intro-visual{position:relative;height:560px;background:linear-gradient(140deg,#522138,#1a0d17 70%);border:1px solid var(--line);display:flex;justify-content:center;align-items:center;overflow:hidden}
.intro-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 52% 38%,rgba(212,145,88,.13),transparent 65%);pointer-events:none}
.intro-medallion{width:min(83%,450px);max-height:77%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 9px 22px rgba(0,0,0,.28))}
.intro-visual .plate{position:absolute;z-index:2;left:30px;right:30px;bottom:27px;color:var(--gold)}
.intro-visual .brand-statement{text-align:center;letter-spacing:.04em;font:clamp(21px,2vw,29px)/1.3 var(--serif);text-transform:none}
.intro-copy p{color:#c8b6b9;line-height:1.95;font-size:15px;margin:0 0 24px}
.intro-copy .signoff{margin-top:30px;color:var(--gold);font:28px var(--serif)}
.stats{border-top:1px solid var(--line);margin-top:38px;padding-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.stat strong{display:block;font:34px var(--serif);color:var(--ivory)}
.stat span{display:block;color:#ae969d;font-size:10px;text-transform:uppercase;letter-spacing:.075em;margin-top:8px;line-height:1.5}
.work{background:#e9dfd2;color:#251821}
.work .eyebrow{color:#8e5b30}
.work .section-heading{color:#2b1c25;max-width:940px}
.work .section-lede{color:#706068}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.project-card{background:#24141f;color:var(--ivory);border:1px solid rgba(221,172,119,.18);min-height:385px;position:relative;isolation:isolate;overflow:hidden}
.project-card:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 76% 35%,rgba(155,48,84,.55),transparent 56%),linear-gradient(145deg,#39182c,#140d16)}
.project-card-link{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:385px;padding:28px 29px;color:var(--ivory)}
.project-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;z-index:-1}
.project-category{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:.2em}
.project-card-body{display:flex;flex-direction:column;margin-top:auto}
.project-title{font:38px/1.15 var(--serif);margin-bottom:14px}
.project-excerpt{font-size:13px;line-height:1.75;color:#d3c2bd;margin-bottom:22px}
.project-meta{color:#dfb57f;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.project-card:hover{transform:translateY(-3px);transition:transform .2s}
.empty-editorial{border:1px dashed rgba(71,47,60,.3);padding:38px;background:rgba(255,255,255,.24);margin-top:40px}
.empty-editorial h3{font:32px var(--serif)}
.empty-editorial p{line-height:1.8;max-width:650px}
.discipline-list{display:flex;flex-wrap:wrap;gap:11px;margin-top:36px}
.discipline-list a{color:#472d39;border:1px solid rgba(70,45,58,.22);padding:13px 17px;font-size:11px;letter-spacing:.06em}
.discipline-list a:hover{background:#402236;color:#f6e6db}
.technology{background:linear-gradient(128deg,#15121c,#301b2c 62%,#1a101a);position:relative}
.technology:before{content:'';position:absolute;right:-300px;top:90px;width:600px;height:600px;border:1px solid rgba(209,165,102,.09);border-radius:50%;pointer-events:none}
.tech-intro{display:grid;grid-template-columns:1.08fr .92fr;gap:9%;align-items:end;margin-bottom:45px}
.tech-intro p{color:#c9b8bd;font-size:15px;line-height:1.9;margin:0}
.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.tech-card{border:1px solid var(--line);background:linear-gradient(150deg,rgba(108,43,72,.34),rgba(20,13,22,.68));padding:31px 25px;min-height:230px}
.tech-card:before{content:'';display:block;width:35px;height:1px;background:var(--gold);margin-bottom:36px}
.tech-card h3{font:27px/1.18 var(--serif);margin:0 0 18px}
.tech-card p{font-size:12px;line-height:1.85;color:#c3adb4;margin:0}
.tech-foot{border-top:1px solid var(--line);padding-top:25px;margin-top:35px;color:#c1aab2;font-size:13px;line-height:1.85;display:flex;justify-content:space-between;align-items:center;gap:28px}
.legacy{background:radial-gradient(circle at 90% 80%,rgba(120,30,70,.13),transparent 42%),#20121d}
.legacy-intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:end;margin-bottom:40px}
.legacy-intro p{color:var(--muted);line-height:1.9}
.legacy-row{display:grid;grid-template-columns:175px 1.15fr 1.4fr 25px;align-items:center;gap:16px;padding:31px 0;border-top:1px solid var(--line)}
.legacy-row:last-child{border-bottom:1px solid var(--line)}
.legacy-row .label{font-size:10px;color:var(--gold);letter-spacing:.14em;text-transform:uppercase}
.legacy-row h3{font:30px var(--serif);margin:0}
.legacy-row p{font-size:13px;line-height:1.7;color:#b7a5aa;margin:0}
.legacy-row .arrow{text-align:right;color:var(--gold)}
.services{background:radial-gradient(ellipse at 95% 9%,rgba(161,43,90,.24),transparent 53%),#2b1524}
.services-intro{color:#c8b2b8;line-height:1.8;max-width:680px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.service{border:1px solid var(--line);background:linear-gradient(140deg,#472037,#25131e);padding:33px;min-height:300px}
.service:before{content:'';display:block;height:2px;width:45px;background:var(--bright);margin-bottom:43px}
.service h3{font:30px var(--serif);margin:0 0 16px}
.service p{font-size:13px;color:#c4afb5;line-height:1.85}
.affiliations{background:#171017;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:52px 0}
.aff-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.aff-grid article{border-left:2px solid var(--bright);padding-left:23px}
.aff-grid h3{font:27px var(--serif);margin:0 0 9px}
.aff-grid p{font-size:12px;color:#ae9ca0;line-height:1.8;margin:0}
.contact{background:radial-gradient(circle at 50% 20%,#782948,#3a172a 51%,#170d14 100%);text-align:center}
.contact .container{max-width:880px}
.contact .section-heading{font-size:clamp(46px,6vw,86px)}
.contact .lead{line-height:1.85;color:#d6bec5;max-width:680px;margin:0 auto 32px}
.contact-form{background:rgba(18,10,18,.43);border:1px solid var(--line);padding:30px;max-width:690px;margin:0 auto;text-align:left}
.contact-form label{display:block;font-size:11px;letter-spacing:.06em;color:#eadccf;margin-bottom:7px}
.contact-form input:not([type=checkbox]),.contact-form textarea,.contact-form select{display:block;background:#25121e;border:1px solid rgba(208,167,117,.4);color:var(--ivory);width:100%;padding:13px 14px;font-size:14px;margin:0 0 17px;border-radius:0}
.contact-form textarea{min-height:145px;resize:vertical}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid var(--gold);outline-offset:1px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.contact-form .consent{display:flex;align-items:start;gap:11px;font-size:12px;line-height:1.7;margin:8px 0 20px}
.contact-form .consent input{margin-top:4px}
.form-feedback{background:rgba(222,179,116,.15);border:1px solid var(--gold);padding:18px 20px;margin:0 auto 20px;max-width:690px;text-align:left;line-height:1.6}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{font-size:11px;color:#c7aeb8;line-height:1.75;margin:15px 0 0}
.site-footer{background:#100b10;padding:50px 0 25px;border-top:1px solid var(--line)}
.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:50px}
.footer-intro{font:40px var(--serif);max-width:460px;margin:0}
.footer-intro span{color:var(--gold)}
.footer-links{display:flex;gap:23px;flex-wrap:wrap}
.footer-links a{color:#cdbfc0;text-transform:uppercase;font-size:11px;letter-spacing:.1em}
.footer-links ul{display:flex;list-style:none;gap:22px;margin:0;padding:0;flex-wrap:wrap}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;font-size:10px;color:#a58b95;line-height:1.7}
.archive-hero{padding:205px 0 90px;background:radial-gradient(circle at 80% 30%,#6c2944,transparent 50%),#241321}
.archive-hero h1,.content-hero h1{font:400 clamp(52px,6.5vw,95px)/1.05 var(--serif);margin:20px 0}
.archive-hero p{color:#cab5b9;max-width:750px;line-height:1.8}
.archive-body{background:#e9dfd2;color:#281c23;padding:75px 0 110px}
.archive-body .project-grid{margin:0}
.archive-body .pagination{margin-top:35px;display:flex;gap:14px}
.content-hero{padding:200px 0 75px;background:radial-gradient(circle at 82% 30%,rgba(137,46,78,.6),transparent 47%),#241321}
.content-hero .breadcrumbs{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}
.single-body{background:#f0e5d8;color:#2c2026;padding:80px 0 125px}
.entry-content{max-width:850px;margin:auto;font-size:17px;line-height:1.95;overflow-wrap:break-word}
.entry-content a{color:#802b4e;text-decoration:underline}
.entry-content img{height:auto}
.entry-content h2,.entry-content h3{font-family:var(--serif);font-weight:400;line-height:1.12}
.entry-content h2{font-size:46px}.entry-content h3{font-size:32px}
.entry-meta{display:flex;gap:15px;flex-wrap:wrap;color:#d6b58a;margin-top:25px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.back-link{display:inline-block;margin-top:45px;color:#702d4a;font-size:12px;text-transform:uppercase;letter-spacing:.11em}
.screen-reader-text{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(max-width:1150px){.container{width:min(100% - 56px,1330px)}.nav{gap:13px}.nav a{font-size:10px}.hero{height:780px}.intro-grid{gap:6%}.tech-grid{grid-template-columns:repeat(2,1fr)}.legacy-row{grid-template-columns:130px 1fr 1.1fr 20px}}
@media(max-width:890px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#261321;padding:17px 28px 24px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{font-size:12px;padding:12px 0}.nav a.nav-cta{text-align:center;margin-top:12px}.intro-grid,.tech-intro,.legacy-intro{grid-template-columns:1fr;gap:36px}.intro-visual{height:420px}.project-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}.service{min-height:0}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.site-header{padding:11px 0}.admin-bar .site-header{top:46px}.brand-mark{width:40px;height:40px}.brand-name span:last-child{font-size:20px}.hero{height:750px;min-height:0}.hero:before{background-position:72% center;background-image:linear-gradient(90deg,rgba(43,7,27,.83),rgba(69,16,42,.34)),linear-gradient(0deg,#170d14,transparent 34%),url('assets/images/hero-konark.png')}.hero-content{padding-top:84px}.hero .eyebrow{font-size:9px;letter-spacing:.14em}.hero h1{font-size:clamp(53px,12vw,77px)}.hero-lede{font-size:14px}.hero-foot{bottom:24px}.hero-foot span{font-size:8px}.hero-foot span:last-child{display:none}.section-pad{padding:78px 0}.stats{grid-template-columns:repeat(2,1fr);row-gap:25px}.project-grid,.tech-grid,.aff-grid,.form-grid{grid-template-columns:1fr}.tech-card{min-height:0}.tech-card:before{margin-bottom:22px}.legacy-row{grid-template-columns:1fr 30px;gap:10px}.legacy-row .label{grid-column:1/3}.legacy-row p{grid-column:1/3}.legacy-row .arrow{grid-column:2;grid-row:2}.tech-foot,.footer-top{flex-direction:column;align-items:start}.contact-form{padding:23px}.strip-inner{gap:13px}.strip-inner span{font-size:15px}.strip-inner b{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero:before{animation:none}.project-card:hover{transform:none}}

/* Responsive videos used in articles and Music Archive entries */
.entry-content iframe,.entry-content video{max-width:100%}


/* Homepage Photo Showcase — no external slider library required. */
.photo-showcase{background:linear-gradient(125deg,#37172d 0%,#1c111b 52%,#341a2b 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.photo-showcase-head{display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:end;margin-bottom:35px}
.photo-showcase-head .section-heading{margin-bottom:0}
.photo-showcase-head p{font-size:14px;line-height:1.85;color:#d2bdc0;margin:0}
.ssd-gallery-stage{position:relative;background:#0e0a0e;border:1px solid rgba(218,178,126,.2);overflow:hidden}
.ssd-gallery-main{display:block;width:100%;height:min(63vw,650px);min-height:350px;border:0;background:transparent;cursor:zoom-in;padding:0;position:relative;text-align:left;color:var(--ivory);overflow:hidden}
.ssd-gallery-main:after{content:none}
.ssd-gallery-main-image{display:block;width:100%;height:100%;object-fit:contain;background:#100a12;transition:filter .25s}
.ssd-gallery-main:hover .ssd-gallery-main-image{filter:brightness(1.07)}
.ssd-gallery-zoom{position:absolute;z-index:2;top:20px;right:24px;background:rgba(18,10,17,.65);border:1px solid rgba(225,199,153,.37);backdrop-filter:blur(8px);font-size:11px;letter-spacing:.08em;padding:12px 15px}
.ssd-gallery-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;background:linear-gradient(90deg,#1b1019,#251421);border-top:1px solid rgba(218,178,126,.22)}
.ssd-gallery-info{display:flex;align-items:baseline;flex:1;min-width:0;gap:20px;color:var(--ivory)}
.ssd-gallery-count{flex:none;font-size:11px;font-weight:700;letter-spacing:.17em;color:var(--gold);white-space:nowrap}
.ssd-gallery-caption{min-width:0;font-family:var(--sans);font-size:clamp(13px,1vw,15px);font-weight:400;line-height:1.55;color:#e8d9da;overflow-wrap:anywhere}
.ssd-gallery-controls{position:static;display:flex;gap:8px;flex:none}
.ssd-gallery-controls[hidden]{display:none}
.ssd-gallery-controls button,.ssd-dialog-controls button{background:rgba(25,14,23,.76);border:1px solid rgba(230,198,152,.5);color:#f7e9d6;width:45px;height:45px;cursor:pointer;font-size:20px;transition:background .2s}
.ssd-gallery-controls button:hover,.ssd-dialog-controls button:hover{background:#803052}
.ssd-gallery-filmstrip{display:flex;gap:11px;margin-top:13px;overflow-x:auto;padding:3px 1px 9px;scroll-snap-type:x mandatory}
.ssd-gallery-thumb{border:2px solid transparent;padding:0;background:#1d111a;width:clamp(94px,13vw,172px);height:103px;flex:none;cursor:pointer;opacity:.69;scroll-snap-align:start;transition:opacity .2s,border-color .2s;overflow:hidden}
.ssd-gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.ssd-gallery-thumb:hover,.ssd-gallery-thumb.is-active{opacity:1;border-color:var(--gold)}
.ssd-gallery-thumb:focus-visible,.ssd-gallery-main:focus-visible,.ssd-gallery-controls button:focus-visible,.ssd-dialog-toolbar button:focus-visible{outline:3px solid #f9c682;outline-offset:3px}
.ssd-photo-dialog{position:fixed;inset:0;max-width:min(95vw,1400px);max-height:95vh;width:max-content;border:1px solid #ad805c;background:#130c14;color:var(--ivory);padding:16px 18px;overflow:auto}
.ssd-photo-dialog::backdrop{background:rgba(5,3,7,.92)}
.ssd-photo-dialog img{display:block;max-width:100%;max-height:75vh;width:auto;height:auto;object-fit:contain;margin:auto}
.ssd-dialog-toolbar,.ssd-dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--gold);font-size:12px;padding:5px 0 13px}
.ssd-dialog-toolbar button{width:38px;height:38px;border:1px solid var(--line);color:var(--ivory);background:transparent;cursor:pointer}
.ssd-dialog-bottom{padding:12px 0 0;font-family:var(--sans);font-size:13px;line-height:1.55;color:var(--ivory)}
.ssd-dialog-controls{display:flex;gap:8px;flex:none}
.ssd-gallery-main-image:not([src]){visibility:hidden}
@media(max-width:890px){.photo-showcase-head{grid-template-columns:1fr;gap:18px}.ssd-gallery-main{height:58vw;min-height:285px}}
@media(max-width:650px){.ssd-gallery-main{height:74vw;min-height:235px}.ssd-gallery-meta{padding:12px 14px;gap:12px;align-items:flex-start}.ssd-gallery-info{display:block}.ssd-gallery-count{display:block;margin-bottom:6px}.ssd-gallery-caption{display:block;font-size:13px;line-height:1.5}.ssd-gallery-controls{gap:5px;align-self:center}.ssd-gallery-controls button{width:37px;height:37px}.ssd-gallery-thumb{height:77px}.ssd-gallery-zoom{top:11px;right:11px;padding:9px 10px}.ssd-photo-dialog{padding:10px;width:96vw}.ssd-dialog-bottom{font-size:13px;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.ssd-gallery-main-image,.ssd-gallery-thumb{transition:none}}

/* Administrator-only staging diagnostic when no usable gallery images are configured. */
.ssd-gallery-admin-message{padding:28px 34px;border:1px dashed rgba(221,174,116,.5);background:rgba(143,41,82,.13)}
.ssd-gallery-admin-message .section-heading{font-size:clamp(30px,3vw,46px);margin:8px 0}
.ssd-gallery-admin-message p{max-width:900px;line-height:1.8;color:var(--muted)}

/* Photography service pathway — v0.3.3, below the existing gallery. */
.ssd-photo-cta{margin-top:32px;padding:23px 27px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid rgba(218,178,126,.28);background:linear-gradient(100deg,rgba(108,37,73,.36),rgba(23,13,20,.85))}
.ssd-photo-cta-copy{min-width:0;max-width:750px}
.ssd-photo-cta-kicker{display:block;font:600 10px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.19em;color:var(--gold)}
.ssd-photo-cta-copy p{font-size:clamp(15px,1.24vw,17px);line-height:1.65;color:var(--ivory);margin:8px 0 0}
.ssd-photo-cta-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;justify-content:flex-end;flex:none}
.ssd-photo-services-link{display:inline-block;padding:12px 16px;background:var(--gold);color:#20131b;font:700 11px/1.45 var(--sans);text-transform:uppercase;letter-spacing:.095em;transition:background .2s}
.ssd-photo-services-link:hover{background:#ead0a7;color:#20131b}
.ssd-photo-story-link{display:inline-block;color:var(--ivory);border-bottom:1px solid var(--gold);padding:8px 0;font-size:12px;letter-spacing:.02em}
.ssd-photo-cta a:focus-visible{outline:3px solid #f7d79f;outline-offset:4px}
@media(max-width:960px){.ssd-photo-cta{align-items:flex-start;flex-direction:column}.ssd-photo-cta-actions{justify-content:flex-start}}
@media(max-width:650px){.ssd-photo-cta{padding:19px}.ssd-photo-cta-actions{gap:12px}.ssd-photo-services-link{font-size:10px}}


/* Selected Work — cinematic editorial portfolio, v0.3.4 */
.ssd-work-feature{background:linear-gradient(140deg,#efe4d7 0%,#e7dacb 100%)}
.ssd-work-heading-row{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:7%;margin-bottom:36px}
.ssd-work-heading-row .section-heading{margin-bottom:0;max-width:730px}
.ssd-work-heading-row .section-heading em{color:#8d3454}
.ssd-work-heading-row .section-lede{font-size:15px;line-height:1.75;margin:0;max-width:430px;color:#60525a}
.ssd-featured-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;min-height:596px}
.ssd-featured-layout.ssd-featured-single{grid-template-columns:1fr}
.ssd-featured-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px}
.ssd-featured-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.ssd-feature-card{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 82% 20%,#7d3154,#331b2b 60%,#21141e 100%);color:#fff6e9;min-width:0;min-height:220px}
.ssd-feature-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,10,18,.25) 2%,rgba(18,10,18,.2) 20%,rgba(18,10,18,.91) 100%);pointer-events:none}
.ssd-feature-card>a{display:flex;flex-direction:column;justify-content:space-between;min-height:100%;height:100%;padding:28px;position:relative;z-index:1;color:#fff4e8;outline-offset:-4px;transition:transform .25s ease}
.ssd-feature-card>a:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,10,18,.26) 0%,rgba(18,10,18,.38) 38%,rgba(18,10,18,.93) 100%);pointer-events:none}
.ssd-feature-card>a:focus-visible{outline:3px solid #f1c68b;outline-offset:-4px}
.ssd-feature-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.87);transition:transform .6s ease,filter .25s ease}
.ssd-feature-card:hover .ssd-feature-card-image{transform:scale(1.035);filter:saturate(1)}
.ssd-feature-card-watermark{position:absolute;top:0;right:10%;z-index:-2;font:400 320px/1 var(--serif);color:rgba(236,192,147,.1);transform:rotate(-14deg);pointer-events:none}
.ssd-feature-card-top{display:flex;justify-content:space-between;gap:16px;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#ebc693;line-height:1.5}
.ssd-feature-card-top>span:last-child{font-size:19px;line-height:1}
.ssd-feature-card-content{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:70px;min-width:0}
.ssd-feature-card-meta{font-size:10px;letter-spacing:.13em;line-height:1.5;text-transform:uppercase;color:#e8caab}
.ssd-feature-card-title{font:400 clamp(28px,2.6vw,43px)/1.13 var(--serif);letter-spacing:-.012em;overflow-wrap:break-word}
.ssd-feature-card-summary{font-size:13px;line-height:1.65;color:#e7d6d4;max-width:590px}
.ssd-feature-card-role{border-top:1px solid rgba(235,206,168,.25);padding-top:10px;margin-top:2px;font-size:11px;line-height:1.5;color:#e9d4c9}
.ssd-feature-card-role b{color:#e9bd82;font-weight:600;margin-right:5px}
.ssd-feature-card-action{margin-top:8px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#f2c88b}
.ssd-feature-card--lead{min-height:596px}
.ssd-feature-card--lead>a{padding:38px;min-height:596px}
.ssd-feature-card--lead .ssd-feature-card-title{font-size:clamp(39px,3.6vw,60px);max-width:610px}
.ssd-feature-card--lead .ssd-feature-card-content{gap:14px}
.ssd-feature-card--side{min-height:290px}
.ssd-feature-card--side>a{padding:23px 25px;min-height:290px}
.ssd-feature-card--side .ssd-feature-card-title{font-size:clamp(28px,2vw,36px)}
.ssd-feature-card--side .ssd-feature-card-content{margin-top:28px;gap:8px}
.ssd-feature-card--side .ssd-feature-card-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ssd-feature-card--side .ssd-feature-card-role{display:none}
.ssd-feature-card--compact{min-height:290px}
.ssd-feature-card--compact>a{padding:23px 25px;min-height:290px}
.ssd-feature-card--compact .ssd-feature-card-content{margin-top:25px;gap:8px}
.ssd-feature-card--compact .ssd-feature-card-title{font-size:clamp(28px,2vw,34px)}
.ssd-work-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:29px 0 0;margin-top:24px;border-top:1px solid rgba(67,40,55,.22)}
.ssd-work-bottom-label{font:400 24px var(--serif);color:#503642}
.ssd-work-archive-link{background:#3a2030;color:#f4e5d8;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;padding:15px 20px}
.ssd-work-archive-link:hover{background:#853a58;color:white}
.ssd-work-feature .discipline-list{margin-top:25px}
.ssd-work-feature .discipline-list a{background:rgba(255,255,255,.34);border:1px solid rgba(71,47,60,.22)}
.ssd-work-feature .discipline-list a:hover{background:#402236;color:#f6e6db}
.ssd-work-empty{margin-top:0}
.ssd-editor-only{background:#fff5e7;padding:14px 17px;border-left:3px solid #995069;font-size:12px}
.ssd-editor-only a{color:#7e2a4c;text-decoration:underline}
@media(max-width:1000px){.ssd-work-heading-row{grid-template-columns:1fr;gap:20px}.ssd-work-heading-row .section-lede{max-width:720px}.ssd-featured-layout{grid-template-columns:1.1fr 1fr}.ssd-feature-card--lead,.ssd-feature-card--lead>a{min-height:555px}.ssd-feature-card--side,.ssd-feature-card--side>a{min-height:270px}.ssd-feature-card--side .ssd-feature-card-title{font-size:29px}}
@media(max-width:750px){.ssd-featured-layout{grid-template-columns:1fr;min-height:0}.ssd-featured-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.ssd-featured-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.ssd-feature-card--lead,.ssd-feature-card--lead>a{min-height:480px}.ssd-feature-card--side,.ssd-feature-card--side>a,.ssd-feature-card--compact,.ssd-feature-card--compact>a{min-height:335px}}
@media(max-width:540px){.ssd-featured-side,.ssd-featured-secondary{grid-template-columns:1fr}.ssd-feature-card--lead,.ssd-feature-card--lead>a{min-height:450px}.ssd-feature-card--lead>a{padding:26px}.ssd-feature-card--lead .ssd-feature-card-title{font-size:43px}.ssd-feature-card--side,.ssd-feature-card--side>a,.ssd-feature-card--compact,.ssd-feature-card--compact>a{min-height:310px}.ssd-work-bottom{align-items:flex-start;flex-direction:column}.ssd-work-bottom-label{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ssd-feature-card-image{transition:none}}


/* v0.3.5 — visual clarity system and stable six-discipline navigation */
:root{--ssd-readable-ivory:#f5ece8;--ssd-readable-muted:#e7d9d8;--ssd-readable-gold:#e5c79b}
/* Retain Italiana only on major cinematic section headlines. */
.brand-name span:last-child,.intro-visual .brand-statement,.tech-card h3,.legacy-row h3,.service h3,.aff-grid h3,.project-title,.ssd-feature-card-title,.ssd-work-bottom-label,.strip-inner a,.strip-inner span,.entry-content h2,.entry-content h3,.empty-editorial h3{font-family:var(--sans)}
.site-header .brand-name span:first-child{font:700 11px/1.1 var(--sans);letter-spacing:.23em;color:#e9c99a}
.site-header .brand-name span:last-child{font:650 clamp(20px,1.65vw,25px)/1.16 var(--sans);letter-spacing:.025em;color:#fff8f0}
.site-header .brand{gap:11px}
.site-header .nav a{color:#f5ebe7;font-size:12px;letter-spacing:.055em;font-weight:700}
.site-header .nav{gap:clamp(12px,1.25vw,24px)}
.site-header .nav a.nav-cta{color:#1c1219}
.intro-visual .brand-statement{font-size:clamp(21px,1.9vw,28px);font-weight:600;letter-spacing:.005em;color:#f6e4cb}
.intro-copy p{font-size:clamp(16px,1vw,17px);line-height:1.68;color:var(--ssd-readable-ivory);margin:0 0 16px}
.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px;margin-top:26px;padding-top:23px}
.stat strong{color:#fff5e8;font-size:clamp(29px,2.3vw,38px)}
.stat span{color:#e9d8d5;font-size:clamp(11px,.77vw,13px);font-weight:650;letter-spacing:.01em;line-height:1.5;text-transform:none;margin-top:8px}
/* Every category becomes a real link; clean three-by-two grid prevents orphaned labels. */
.chapter-strip .strip-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;align-items:stretch;padding:20px 0}
.chapter-strip .strip-inner b{display:none}
.chapter-strip .strip-inner a,.chapter-strip .strip-inner span{display:flex;justify-content:center;align-items:center;text-align:center;min-height:47px;padding:9px 10px;border:1px solid rgba(218,178,126,.25);background:rgba(255,244,227,.035);font-size:clamp(14px,1.05vw,18px);line-height:1.3;font-weight:650;letter-spacing:0;color:#f6e8dc}
.chapter-strip .strip-inner a:hover,.chapter-strip .strip-inner a:focus-visible{background:#4b2537;border-color:#e5c79b;color:#fff8f1}
.tech-card h3,.legacy-row h3,.service h3,.aff-grid h3,.project-title,.ssd-feature-card-title,.entry-content h2,.entry-content h3{font-weight:650;letter-spacing:-.015em;line-height:1.28}
.tech-card h3{font-size:clamp(21px,1.5vw,27px);color:#fff4ec}
.tech-card p{font-size:16px;line-height:1.67;color:#efe1df}
.legacy-row h3{font-size:clamp(22px,1.65vw,29px);color:#fff2e7}
.legacy-row h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.legacy-row p{font-size:16px;line-height:1.6;color:#f0e3df}
.legacy-row .label{font-size:12px;letter-spacing:.06em;color:var(--ssd-readable-gold);font-weight:700}
.legacy-row .arrow{font-size:23px;color:var(--ssd-readable-gold)}
.service h3,.aff-grid h3{font-size:clamp(22px,1.65vw,29px)}
.section-lede,.tech-intro p,.legacy-intro p,.photo-showcase-head p,.services-intro,.contact .lead{font-size:17px;line-height:1.68;color:var(--ssd-readable-ivory)}
.work .section-lede,.ssd-work-heading-row .section-lede{color:#49333e}
.ssd-feature-card-title{font-size:clamp(25px,2vw,34px)}
.ssd-feature-card--lead .ssd-feature-card-title{font-size:clamp(32px,2.6vw,44px)}
.ssd-feature-card-summary,.project-excerpt{font-size:15px;color:#f2e6e2;line-height:1.65}
.entry-content h2{font-size:clamp(27px,2.5vw,36px)}.entry-content h3{font-size:clamp(21px,2vw,28px)}
/* Preserve the responsive menu at a width that accommodates a readable brand. */
@media(max-width:1250px){.site-header .menu-toggle{display:block}.site-header .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#261321;padding:17px 28px 24px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.site-header .nav.open{display:flex}.site-header .nav a{font-size:14px;padding:12px 0}.site-header .nav a.nav-cta{text-align:center;margin-top:12px}}
@media(max-width:780px){.chapter-strip .strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.legacy-row{grid-template-columns:1fr 30px}.legacy-row .label,.legacy-row p{grid-column:1/3}.legacy-row .arrow{grid-column:2;grid-row:2}}
@media(max-width:480px){.chapter-strip .strip-inner{grid-template-columns:1fr 1fr;gap:8px}.chapter-strip .strip-inner a{font-size:13px;padding:9px 6px}.site-header .brand-name span:last-child{font-size:19px}.intro-copy p{font-size:16px;line-height:1.65}.stat span{font-size:12px}}

/* Odia Karaoke volume & track archive — readable editorial components */
.ssd-music-hero .eyebrow,.ssd-kicker{letter-spacing:.12em;text-transform:uppercase;font:700 12px/1.5 var(--sans);color:#c3a16e}
.ssd-music-hero p{font-size:17px;color:#f4e8e3;max-width:850px}
.ssd-music-hero h1{max-width:1000px}
.ssd-breadcrumb{margin-bottom:25px;color:#f8e8d1;font:600 14px var(--sans)}
.ssd-music-library{background:#eee4d8;color:#2b1d26}
.ssd-music-intro,.ssd-volume-headline{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:30px}
.ssd-music-intro h2,.ssd-volume-headline h2,.ssd-music-subheading{font:700 clamp(29px,3.5vw,43px)/1.2 var(--sans);letter-spacing:-.03em;color:#2a1823;margin:8px 0 0}
.ssd-music-intro p,.ssd-volume-headline p{color:#5a444e;font:400 17px/1.7 var(--sans)}
.ssd-volume-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 35px}
.ssd-volume-card{display:flex;flex-direction:column;min-height:250px;padding:28px;background:linear-gradient(155deg,#4c2139,#21121f);color:#fff7f0;border:1px solid #765264;transition:transform .2s,box-shadow .2s}
.ssd-volume-card:hover,.ssd-volume-card:focus-visible{transform:translateY(-4px);box-shadow:0 10px 35px rgba(28,8,22,.23);color:#fff}
.ssd-volume-card strong{font:700 clamp(20px,2.2vw,28px)/1.2 var(--sans);margin:24px 0 16px}
.ssd-volume-card>span:nth-last-child(2){color:#efe0db;font-size:14px;line-height:1.55}
.ssd-volume-cta{margin-top:auto;padding-top:22px;font-weight:700;font-size:14px;color:#e4b980}
.ssd-archive-note{margin:30px 0;padding:18px 22px;border-left:4px solid #9a4c63;background:#fff7ef;color:#49333e;font-size:15px;line-height:1.65}
.ssd-music-subheading{margin:60px 0 23px}
.ssd-music-recent{display:grid;gap:10px}
.ssd-music-recent-row{padding:17px 20px;background:#fff8f1;border:1px solid #d7c5b5;display:flex;justify-content:space-between;gap:22px;font:600 15px/1.5 var(--sans)}
.ssd-music-recent-row span:last-child{color:#8a3d59}
.ssd-track-list{display:grid;gap:24px}
.ssd-track{background:#fff9f3;border:1px solid #d7c8b9;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.8fr);gap:28px;color:#291c25}
.ssd-track:not(:has(.ssd-track-player)){grid-template-columns:1fr}
.ssd-track-main{display:flex;gap:22px;align-items:start}
.ssd-track-num{font:700 17px var(--sans);color:#8a4356;background:#f2e3df;padding:12px;min-width:48px;text-align:center}
.ssd-track h3{font:700 clamp(19px,2vw,26px)/1.25 var(--sans);margin:4px 0 10px;color:#21121f}
.ssd-track h3 a:hover{color:#923f63}
.ssd-track-blurb{font-size:14px;line-height:1.6;color:#6b5860;margin:0 0 14px}
.ssd-track-credits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:12px 0 18px}
.ssd-track-credits>div{min-width:0}
.ssd-track-credits dt{font:700 12px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.04em;color:#7c405a}
.ssd-track-credits dd{font:500 15px/1.5 var(--sans);margin:2px 0 0;color:#30222b}
.ssd-track-details,.ssd-video-external{display:inline-block;font:700 14px var(--sans);color:#873c60;text-decoration:underline;text-underline-offset:4px}
.ssd-video-embed{position:relative;aspect-ratio:16/9;width:100%;background:#130d15;overflow:hidden}
.ssd-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ssd-track-player .ssd-video-external{margin-top:10px}
.ssd-music-single .entry-content .ssd-video-embed{margin-bottom:10px}
.ssd-music-single .entry-content .ssd-video-external{margin:5px 0 26px}
.ssd-music-single .ssd-track-credits{max-width:850px}
.ssd-credit-note{font-size:14px;line-height:1.65}
@media(max-width:980px){.ssd-volume-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ssd-track{grid-template-columns:1fr}.ssd-music-intro,.ssd-volume-headline{grid-template-columns:1fr;gap:6px}}
@media(max-width:580px){.ssd-volume-grid{grid-template-columns:1fr}.ssd-volume-card{min-height:175px}.ssd-track{padding:18px}.ssd-track-main{gap:12px}.ssd-track-credits{grid-template-columns:1fr}.ssd-music-recent-row{flex-direction:column}.ssd-track-num{min-width:38px;padding:9px}}

/* v0.3.7 — approved photographic portrait in Behind the Name.
   Intentionally scoped: does not alter header branding, editorial copy,
   Selected Work, milestones, or any other page and plugin styles. */
.intro .intro-grid .intro-visual.ssd-intro-portrait {
    position: relative;
    height: clamp(530px, 46vw, 690px);
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(218,178,126,.38);
    background: #251521;
    box-shadow: 0 24px 48px rgba(0,0,0,.16);
}
.intro .intro-visual.ssd-intro-portrait::before {
    background: linear-gradient(180deg, rgba(24,12,21,0) 67%, rgba(18,9,17,.75) 100%);
    z-index: 1;
}
.intro .intro-visual.ssd-intro-portrait .ssd-intro-portrait-image {
    width: 100%;
    height: 100%;
    display: block;
    max-width: none;
    object-fit: cover;
    object-position: center 33%;
    position: absolute;
    inset: 0;
    z-index: 0;
    filter: none;
}
.intro .intro-visual.ssd-intro-portrait .brand-statement {
    color: #fff0dc;
    font-family: var(--sans);
    font-size: clamp(16px, 1.4vw, 21px);
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1.3;
    bottom: 24px;
    text-shadow: 0 2px 12px rgba(0,0,0,.7);
}
@media (max-width: 890px) {
    .intro .intro-grid .intro-visual.ssd-intro-portrait {
        width: min(100%, 510px);
        height: auto;
        aspect-ratio: 3 / 4;
        justify-self: center;
        margin: 0 auto;
    }
}
@media (max-width: 650px) {
    .intro .intro-grid .intro-visual.ssd-intro-portrait {
        width: min(100%, 440px);
        aspect-ratio: 4 / 5;
    }
    .intro .intro-visual.ssd-intro-portrait .brand-statement {
        bottom: 18px;
        left: 15px;
        right: 15px;
        font-size: 17px;
    }
}


/* v0.3.8 — strong category navigation, technology CTA, single-line technology headings. */
.ssd-work-feature .discipline-list{
    gap:12px;
    row-gap:12px;
}
.ssd-work-feature .discipline-list a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:56px;
    padding:14px 19px;
    background:#402335;
    border:2px solid #785267;
    color:#fff5e8;
    border-radius:3px;
    font-size:13px;
    line-height:1.35;
    font-weight:700;
    letter-spacing:.02em;
    text-align:center;
    box-shadow:0 2px 7px rgba(40,23,36,.12);
    transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ssd-work-feature .discipline-list a:hover{
    background:#e6bf8c;
    color:#281722;
    border-color:#9d7955;
    transform:translateY(-3px);
    box-shadow:0 8px 18px rgba(40,23,36,.2);
}
.ssd-work-feature .discipline-list a:focus-visible{
    outline:3px solid #a34869;
    outline-offset:4px;
    background:#e6bf8c;
    color:#281722;
}
.ssd-work-archive-link{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-height:55px;
    padding:15px 22px;
    background:#382031;
    color:#fff5e8;
    border:2px solid #7e536b;
    border-radius:3px;
    font-size:12px;
    font-weight:750;
    box-shadow:0 3px 10px rgba(31,17,27,.14);
    transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.ssd-work-archive-link:hover{
    background:#e6bf8c;
    color:#281722;
    transform:translateY(-3px);
    box-shadow:0 9px 18px rgba(31,17,27,.18);
}
.ssd-work-archive-link:focus-visible{
    outline:3px solid #a34869;
    outline-offset:4px;
    background:#e6bf8c;
    color:#281722;
}
/* Four consistent, single-line technology titles on desktop. Smaller screens switch
   to two columns before the long headings become cramped. */
.technology .tech-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.technology .tech-card{padding:31px 19px;min-width:0;}
.technology .tech-card h3{
    font-family:var(--sans);
    font-size:clamp(17px,1.25vw,21px);
    font-weight:700;
    letter-spacing:-.025em;
    white-space:nowrap;
    line-height:1.25;
    margin-bottom:21px;
}
.technology .tech-card p{font-size:16px;line-height:1.65;}
.technology .tech-foot{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:30px;
    color:#efdfdc;
}
.technology .tech-foot p{
    margin:0;
    max-width:1040px;
    font-size:16px;
    line-height:1.75;
    color:#f1e2df;
}
.technology .tech-foot .text-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:55px;
    padding:14px 22px;
    background:#e6bf8c;
    border:2px solid #e6bf8c;
    border-radius:3px;
    color:#271620;
    font-size:12px;
    font-weight:800;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    box-shadow:0 3px 12px rgba(10,5,9,.18);
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.technology .tech-foot .text-link:hover{
    background:#fff0dc;
    border-color:#fff0dc;
    color:#20121b;
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(5,3,5,.25);
}
.technology .tech-foot .text-link:focus-visible{
    outline:3px solid #fff4e6;
    outline-offset:4px;
}
@media(max-width:1320px){
    .technology .tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .technology .tech-card h3{font-size:clamp(19px,2vw,23px);}
}
@media(max-width:860px){
    .technology .tech-foot{grid-template-columns:1fr;gap:22px;}
    .technology .tech-foot .text-link{justify-self:start;}
}
@media(max-width:650px){
    .technology .tech-grid{grid-template-columns:1fr;}
    .technology .tech-card h3{font-size:clamp(17px,4.4vw,21px);}
    .ssd-work-feature .discipline-list a{font-size:13px;}
}
@media(max-width:380px){
    .technology .tech-card{padding:26px 14px;}
    .technology .tech-card h3{font-size:16px;}
}
@media(prefers-reduced-motion:reduce){
    .ssd-work-feature .discipline-list a,
    .ssd-work-archive-link,
    .technology .tech-foot .text-link{transition:none;}
    .ssd-work-feature .discipline-list a:hover,
    .ssd-work-archive-link:hover,
    .technology .tech-foot .text-link:hover{transform:none;}
}

/* v0.3.9 — independently editable Technology introduction, industry and invitation copy. */
.technology .tech-foot .tech-copy{min-width:0;max-width:1040px;}
.technology .tech-foot .tech-copy p + p{margin-top:14px;}

/* v0.4.0 — Dedicated Technology portfolio archive. Other archives remain unchanged. */
.ssd-tech-landing .ssd-tech-hero{background:radial-gradient(ellipse at 86% 25%,rgba(142,50,87,.48),transparent 56%),linear-gradient(120deg,#21121f,#3e1d32 75%,#241522);padding:170px 0 94px;}
.ssd-tech-landing .ssd-tech-hero h1{font:400 clamp(54px,7vw,103px)/1.05 var(--serif);letter-spacing:-.025em;margin:24px 0 14px;max-width:1080px;}
.ssd-tech-landing .ssd-tech-hero h1 span{color:#e3ba85;}
.ssd-tech-landing .ssd-tech-hero-tagline{font:400 clamp(24px,3vw,40px)/1.32 var(--serif);margin:0 0 22px;color:#fff2e6;}
.ssd-tech-landing .ssd-tech-hero-tagline em{font-style:normal;color:#e0b880;}
.ssd-tech-landing .ssd-tech-hero-lede{font-size:17px;line-height:1.8;color:#ebd9db;max-width:730px;margin:0 0 30px;}
.ssd-tech-landing .ssd-tech-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:58px;padding:15px 25px;border:2px solid #e8c18e;border-radius:3px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.085em;text-transform:uppercase;line-height:1.4;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s;}
.ssd-tech-landing .ssd-tech-button--gold{background:#e8c18e;color:#271620;}
.ssd-tech-landing .ssd-tech-button--gold:hover{background:#fff0d7;color:#25121b;transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.24);}
.ssd-tech-landing .ssd-tech-button:focus-visible{outline:3px solid #aa476d;outline-offset:4px;}
.ssd-tech-expertise{padding:95px 0 100px;color:#2a1a24;background:#efe4d7;}
.ssd-tech-expertise .eyebrow{color:#875536;}
.ssd-tech-intro-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;align-items:end;margin-bottom:46px;}
.ssd-tech-landing .ssd-tech-expertise h2,.ssd-tech-landing .ssd-tech-projects h2,.ssd-tech-landing .ssd-tech-invitation h2{font:400 clamp(42px,5vw,68px)/1.12 var(--serif);letter-spacing:-.015em;margin:18px 0 0;}
.ssd-tech-landing h2 em{font-style:normal;color:#a27245;}
.ssd-tech-intro-grid > p,.ssd-tech-industry > p{color:#48363e;font-size:17px;line-height:1.85;margin:0;}
.ssd-tech-expertise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.ssd-tech-expertise-card{min-width:0;min-height:250px;padding:31px 19px;color:#fff2e9;background:linear-gradient(140deg,#46243a,#281723);border:1px solid #79556c;}
.ssd-tech-expertise-card:before{content:'';display:block;width:39px;height:2px;background:#d5ad75;margin-bottom:35px;}
.ssd-tech-expertise-card h3{font-family:var(--sans);font-weight:700;font-size:clamp(17px,1.22vw,21px);letter-spacing:-.025em;line-height:1.25;white-space:nowrap;margin:0 0 20px;}
.ssd-tech-expertise-card p{font-size:15px;line-height:1.75;color:#eedfe1;margin:0;}
.ssd-tech-industry{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center;border-top:1px solid rgba(68,40,55,.24);margin-top:60px;padding-top:50px;}
.ssd-tech-industry h2{font-size:clamp(38px,4vw,57px)!important;}
.ssd-tech-projects{background:#e6d9ca;color:#281922;padding:90px 0 100px;}
.ssd-tech-projects .eyebrow{color:#895a3b;}
.ssd-tech-projects > .container > p{color:#534149;font-size:17px;line-height:1.7;margin:20px 0 0;}
.ssd-tech-projects .project-grid{margin-top:36px;}
.ssd-tech-projects .pagination{margin-top:30px;}
.ssd-tech-invitation{padding:92px 0;background:radial-gradient(ellipse at 78% 25%,rgba(145,50,83,.32),transparent 65%),#231320;}
.ssd-tech-invitation-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;}
.ssd-tech-invitation h2 em{color:#dfb683;}
.ssd-tech-invitation p{max-width:950px;font-size:17px;line-height:1.8;color:#e8d7d9;margin:25px 0 0;}
.ssd-tech-invitation .ssd-tech-button{white-space:nowrap;}
@media(max-width:1350px){.ssd-tech-expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ssd-tech-expertise-card h3{font-size:22px;}}
@media(max-width:860px){.ssd-tech-intro-grid,.ssd-tech-industry,.ssd-tech-invitation-inner{grid-template-columns:1fr;gap:26px;}.ssd-tech-invitation .ssd-tech-button{justify-self:start;}.ssd-tech-landing .ssd-tech-hero{padding:145px 0 65px;}.ssd-tech-expertise{padding:75px 0;}}
@media(max-width:650px){.ssd-tech-expertise-grid{grid-template-columns:1fr;}.ssd-tech-expertise-card{min-height:auto;}.ssd-tech-expertise-card h3{font-size:clamp(17px,4.9vw,22px);}.ssd-tech-landing .ssd-tech-hero h1{font-size:clamp(51px,11vw,72px);}.ssd-tech-landing .ssd-tech-hero h1 span{display:block;}.ssd-tech-invitation .ssd-tech-button{white-space:normal;}.ssd-tech-landing .ssd-tech-button{font-size:11px;padding:15px 19px;}}
@media(prefers-reduced-motion:reduce){.ssd-tech-landing .ssd-tech-button{transition:none;}.ssd-tech-landing .ssd-tech-button:hover{transform:none;}}


/* v0.4.2 — Creative Design landing and readable links */
.ssd-creative-landing{font-family:var(--sans)}
.ssd-creative-hero{padding:170px 0 110px;background:radial-gradient(ellipse at 85% 25%,rgba(141,52,84,.37),transparent 55%),linear-gradient(115deg,#21111d,#422034 85%);color:#fff3e9;}
.ssd-creative-hero .eyebrow{color:#e3bc88;}
.ssd-creative-hero h1{font:400 clamp(65px,8vw,118px)/1.03 var(--serif);letter-spacing:-.025em;margin:25px 0 16px;}
.ssd-creative-hero-tagline{font:400 clamp(28px,3vw,43px)/1.28 var(--serif);color:#e7bc83;margin:0 0 25px;}
.ssd-creative-hero-intro{font-size:17px;line-height:1.85;max-width:790px;color:#f0e2df;margin:0 0 32px;}
.ssd-creative-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;text-decoration:none;min-height:55px;padding:14px 23px;border:2px solid #ecc793;border-radius:3px;font-size:12px;font-weight:800;line-height:1.45;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,color .2s,transform .2s,box-shadow .2s;}
.ssd-creative-button--gold{background:#ebc58e;color:#2a1722;}
.ssd-creative-button--outline{background:transparent;color:#f5e7dc;}
.ssd-creative-button:hover{background:#fff0d7;color:#25121b;transform:translateY(-3px);box-shadow:0 9px 22px rgba(0,0,0,.22);}
.ssd-creative-button:focus-visible{outline:3px solid #bb5e7c;outline-offset:4px;}
.ssd-creative-specialties{background:#efe4d8;color:#2a1b24;padding:90px 0 110px;}
.ssd-creative-landing h2{font:400 clamp(42px,5vw,66px)/1.15 var(--serif);margin:17px 0 40px;letter-spacing:-.015em;}
.ssd-creative-specialties .eyebrow,.ssd-creative-showcase .eyebrow,.ssd-creative-projects .eyebrow{color:#845531;}
.ssd-creative-specialties-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;}
.ssd-creative-specialty-card{background:linear-gradient(145deg,#45243a,#261622);color:#fff0e8;padding:29px 24px;min-width:0;min-height:265px;border:1px solid #795668;}
.ssd-creative-specialty-card h3{font:700 clamp(20px,1.55vw,24px)/1.25 var(--sans);letter-spacing:-.025em;margin:0 0 19px;}
.ssd-creative-specialty-card p{font-size:15px;line-height:1.7;color:#f0dee0;margin:0;}
.ssd-creative-showcase{background:#e8d8c7;padding:88px 0;color:#2b1924;}
.ssd-creative-projects{background:#f0e4d8;padding:88px 0;color:#2b1924;}
.ssd-creative-section-copy{font-size:17px;line-height:1.75;max-width:800px;color:#594852;margin-top:-18px;}
.ssd-creative-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:35px;}
.ssd-creative-art-grid figure{background:#fff8ef;margin:0;border:1px solid #d4c1b6;overflow:hidden;}
.ssd-creative-art-grid a{display:block;overflow:hidden;}
.ssd-creative-art-grid img{width:100%;height:290px;object-fit:cover;display:block;transition:transform .25s;}
.ssd-creative-art-grid a:hover img{transform:scale(1.035);}
.ssd-creative-art-grid a:focus-visible{outline:3px solid #a1496d;outline-offset:-3px;}
.ssd-creative-art-grid figcaption{font-size:14px;line-height:1.45;padding:14px 16px;color:#4f3643;}
.ssd-creative-invitation{background:#241320;color:#f7e9e1;padding:100px 0;}
.ssd-creative-invitation-grid{display:grid;grid-template-columns:1fr auto;gap:55px;align-items:center;}
.ssd-creative-invitation-grid h2{margin:14px 0 22px;}
.ssd-creative-invitation-grid p{font-size:17px;line-height:1.75;max-width:760px;color:#ead6d7;margin:0;}
.ssd-creative-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;}
@media(max-width:1180px){.ssd-creative-specialties-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:850px){.ssd-creative-invitation-grid{grid-template-columns:1fr;gap:28px;}.ssd-creative-actions{align-items:flex-start;}}
@media(max-width:650px){.ssd-creative-hero{padding:140px 0 75px;}.ssd-creative-hero h1{font-size:clamp(60px,13vw,76px);}.ssd-creative-specialties-grid,.ssd-creative-art-grid{grid-template-columns:1fr;}.ssd-creative-specialties{padding:74px 0;}.ssd-creative-specialty-card{min-height:0;}.ssd-creative-art-grid img{height:auto;max-height:460px;}.ssd-creative-invitation{padding:75px 0;}.ssd-creative-button{font-size:11px;}}
@media(prefers-reduced-motion:reduce){.ssd-creative-button,.ssd-creative-art-grid img{transition:none;}.ssd-creative-button:hover,.ssd-creative-art-grid a:hover img{transform:none;}}

/* v0.4.3: visual separators in the Creative Design cards without numbered badges. */
.ssd-creative-specialty-card:before{content:"";display:block;width:44px;height:2px;background:#d5ab73;margin:0 0 28px;}
#photography-storytelling{scroll-margin-top:120px;}

/* SSD 2002 track catalog v0.4.4: accessible optional audio players */
.ssd-track-audio { margin: 1rem 0 0; width: 100%; max-width: 600px; }
.ssd-track-audio > span { display:block; color:#c49c6f; font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.45rem; }
.ssd-track-audio audio { width:100%; display:block; }
.ssd-track-audio .ssd-audio-external { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.ssd-track-audio .ssd-audio-external:hover, .ssd-track-audio .ssd-audio-external:focus-visible { color:#c49c6f; }

/* v0.4.5: Compact song/recording detail page */
.ssd-song-detail-wrapper{max-width:1140px;margin:0 auto}.ssd-song-detail-wrapper>.ssd-credit-note{margin:20px 0 34px;color:#69545e;font-size:14px}.ssd-song-story{max-width:900px;margin:28px 0;padding:20px 0}.ssd-song-detail-wrapper>.back-link{display:inline-block;margin:20px 0 45px;color:#873c60;text-decoration:underline;text-underline-offset:4px}.ssd-music-single .ssd-odia-song-detail .ssd-song-card{background:#fffaf5;color:#2d1d2b}.ssd-music-single .ssd-odia-song-detail .ssd-song-card h3{font-size:26px}

/* v0.4.7 — Optional clickable Featured Image for Portfolio detail pages. */
.ssd-detail-featured-image--linked{position:relative}
.ssd-detail-featured-link{position:relative;display:block;overflow:hidden;border-radius:8px;outline-offset:5px;cursor:pointer}
.ssd-detail-featured-link img{display:block;width:100%;height:auto;transition:transform .28s ease,filter .28s ease}
.ssd-detail-featured-link:hover img{transform:scale(1.015);filter:brightness(.90)}
.ssd-detail-featured-link:focus-visible{outline:3px solid #a86e40}
.ssd-detail-featured-link-badge{position:absolute;right:16px;bottom:16px;background:#291725;color:#fff4e4;border:1px solid #d6b27c;border-radius:4px;padding:11px 16px;box-shadow:0 5px 20px rgba(0,0,0,.3);font:700 12px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;transition:background .25s ease,color .25s ease}
.ssd-detail-featured-link:hover .ssd-detail-featured-link-badge,.ssd-detail-featured-link:focus-visible .ssd-detail-featured-link-badge{background:#e1bc86;color:#251622}
@media (prefers-reduced-motion:reduce){.ssd-detail-featured-link img,.ssd-detail-featured-link-badge{transition:none}}

/* v0.4.8 — Literature digital-book cover links (keeps the existing burgundy/gold palette). */
.ssd-inline-book-cover-link{display:inline-block;max-width:100%;text-decoration:none!important;outline-offset:5px}
.ssd-inline-book-cover-link img{display:block;transition:filter .22s ease,transform .22s ease}
.ssd-inline-book-cover-link:hover img{filter:brightness(.88);transform:scale(1.006)}
.ssd-inline-book-cover-link:focus-visible{outline:3px solid #a86e40}
.ssd-literature-pdf-fallback a{display:inline-flex;padding:12px 22px;background:#321927;color:#fff4e6!important;border:1px solid #c6a16a;border-radius:4px;text-decoration:none!important;font-weight:700;transition:background .2s ease,color .2s ease}
.ssd-literature-pdf-fallback a:hover{background:#dfb783;color:#2b1722!important}
.ssd-literature-pdf-fallback a:focus-visible{outline:3px solid #8f2952;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.ssd-inline-book-cover-link img,.ssd-literature-pdf-fallback a{transition:none}}


/* v0.4.9 — Literature & Culture book archive and unified archive headings */
.ssd-literature-archive .ssd-lit-hero{background:radial-gradient(ellipse at 83% 30%,rgba(125,49,81,.53),transparent 54%),#261423;color:#fff0e8;padding:180px 0 88px}
.ssd-literature-archive .ssd-lit-hero h1{font:400 clamp(54px,7.5vw,104px)/1.05 var(--serif);margin:22px 0;letter-spacing:-.02em}
.ssd-literature-archive .ssd-lit-hero p{font-size:18px;line-height:1.8;max-width:840px;color:#f0dfe0;margin:0}
.ssd-lit-archive-body{background:#eee4d8;color:#291a25;padding:80px 0 105px;min-height:370px}
.ssd-lit-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.ssd-lit-head h2{font:400 clamp(36px,4.8vw,60px)/1.15 var(--serif);margin:12px 0 0}
.ssd-lit-head p{font-size:16px;max-width:480px;line-height:1.7;color:#51404b;margin:0}
.ssd-lit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ssd-lit-card{background:#fff8f0;border:1px solid #cbb6ae;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 25px rgba(57,24,43,.06)}
.ssd-lit-card-cover{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#35192a,#6c304a);height:300px;overflow:hidden;text-decoration:none}
.ssd-lit-card-cover img{width:100%;height:100%;object-fit:contain;transition:transform .24s ease}
.ssd-lit-card-cover:hover img{transform:scale(1.025)}
.ssd-lit-card-cover:focus-visible,.ssd-lit-card-actions a:focus-visible{outline:3px solid #a13d68;outline-offset:2px}
.ssd-lit-cover-fallback{font:400 40px/1.2 var(--serif);color:#f2d6ae;text-align:center;padding:25px}
.ssd-lit-card-content{padding:25px 25px 28px;display:flex;flex-direction:column;gap:15px;flex:1}
.ssd-lit-card-content .ssd-lit-card-kicker{font:700 11px/1.4 var(--sans);letter-spacing:.12em;color:#8a5d41;text-transform:uppercase}
.ssd-lit-card-content h3{font:700 clamp(22px,2vw,28px)/1.25 var(--sans);margin:0;color:#2c1c27}
.ssd-lit-card-content p{font-size:15px;line-height:1.7;margin:0;color:#53404a;flex:1}
.ssd-lit-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
.ssd-lit-card-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:11px 17px;border-radius:3px;border:1px solid #573042;background:#3a1f31;color:#fff2e6;font-size:12px;font-weight:700;letter-spacing:.045em;transition:background .2s,color .2s,transform .2s}
.ssd-lit-card-actions a:hover{background:#854263;color:#fff;transform:translateY(-2px)}
.ssd-lit-card-actions a.ssd-lit-pdf{background:#e5bc82;border-color:#ac7f50;color:#261622}
.ssd-lit-card-actions a.ssd-lit-pdf:hover{background:#f5d8a8;color:#261622}
.ssd-lit-archive-body .pagination{margin-top:42px}
.ssd-music-collection-title{font:400 clamp(23px,3.2vw,37px)/1.3 var(--serif);color:#e6bb85!important;margin:0 0 20px!important;max-width:1000px!important}
@media(max-width:1000px){.ssd-lit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ssd-lit-head{display:block}.ssd-lit-head p{margin-top:20px}}
@media(max-width:650px){.ssd-literature-archive .ssd-lit-hero{padding:142px 0 70px}.ssd-lit-grid{grid-template-columns:1fr}.ssd-lit-card-cover{height:300px}.ssd-lit-archive-body{padding:65px 0 80px}}
@media(prefers-reduced-motion:reduce){.ssd-lit-card-cover img,.ssd-lit-card-actions a{transition:none}.ssd-lit-card-cover:hover img,.ssd-lit-card-actions a:hover{transform:none}}


/* v0.5.0 — The 2002 Odia Karaoke origin-story collection CTA. */
.ssd-story-music-cta{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:30px;max-width:760px}
.ssd-story-music-cta-intro{max-width:620px;margin:0;color:#f1ddd2;font:400 clamp(14px,1.25vw,17px)/1.65 var(--sans);letter-spacing:normal;text-transform:none}
.ssd-story-music-button{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;min-height:59px;padding:14px 23px;background:#e7bb7c;border:2px solid #e7bb7c;border-radius:5px;color:#281724;font:750 13px/1.3 var(--sans);letter-spacing:.105em;text-transform:uppercase;text-decoration:none;box-shadow:0 10px 24px rgba(9,4,10,.28);transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.ssd-story-music-button .ssd-story-music-button-arrow{font-size:22px;line-height:1;transition:transform .2s}
.ssd-story-music-button:hover{background:#ffe1ac;border-color:#ffe1ac;color:#261321;transform:translateY(-2px);box-shadow:0 15px 28px rgba(9,4,10,.36)}
.ssd-story-music-button:hover .ssd-story-music-button-arrow{transform:translate(3px,-3px)}
.ssd-story-music-button:focus-visible{outline:3px solid #fff4db;outline-offset:5px}
@media(max-width:650px){.ssd-story-music-cta{margin-top:25px}.ssd-story-music-button{width:100%;min-height:56px;gap:12px;font-size:12px;padding:13px 15px}}
@media(prefers-reduced-motion:reduce){.ssd-story-music-button,.ssd-story-music-button .ssd-story-music-button-arrow{transition:none}.ssd-story-music-button:hover{transform:none}}

/* Homepage organization website links — v0.5.2. */
.aff-grid .ssd-affiliation-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.aff-grid .ssd-affiliation-card h3{margin-bottom:12px}
.aff-grid .ssd-affiliation-card p{font-size:clamp(14px,1.08vw,16px);line-height:1.7;color:#dccbd0;max-width:570px}
.ssd-affiliation-title-link{color:var(--ivory);text-decoration:none;transition:color .18s ease}
.ssd-affiliation-title-link:hover{color:#edc594}
.ssd-affiliation-visit{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:9px 0;color:#edc594;font:700 12px/1.4 var(--sans);letter-spacing:.10em;text-transform:uppercase;border-bottom:1px solid rgba(237,197,148,.7);transition:color .18s ease,border-color .18s ease,transform .18s ease}
.ssd-affiliation-visit:hover{color:#fff0d8;border-color:#fff0d8;transform:translateY(-2px)}
.ssd-affiliation-title-link:focus-visible,.ssd-affiliation-visit:focus-visible{outline:3px solid #efc38c;outline-offset:5px;border-radius:2px}
@media(prefers-reduced-motion:reduce){.ssd-affiliation-title-link,.ssd-affiliation-visit{transition:none}.ssd-affiliation-visit:hover{transform:none}}

/* v0.6.0 — Event Management service positioning, conversion-first homepage and seven-section navigation */
.ssd-business-pathways{background:linear-gradient(115deg,#281624 0%,#3b1b2e 54%,#20121c 100%);padding:66px 0;border-top:1px solid rgba(207,163,103,.17);border-bottom:1px solid rgba(207,163,103,.26)}
.ssd-business-layout{display:grid;grid-template-columns:.82fr 1.5fr;align-items:center;gap:5%}
.ssd-business-heading h2{font:400 clamp(38px,4vw,61px)/1.1 var(--serif);margin:15px 0 18px;color:#fff1e6}
.ssd-business-heading h2 em{font-style:normal;color:#d4a976}
.ssd-business-heading p{font-size:15px;line-height:1.8;color:#ddcad0;max-width:420px}
.ssd-business-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ssd-business-option{padding:25px 23px;border:1px solid rgba(220,176,126,.35);background:linear-gradient(155deg,#50273d,#271724);border-radius:11px;display:flex;flex-direction:column;min-width:0}
.ssd-business-tag{font-size:10px;letter-spacing:.13em;color:#dfb888;font-weight:700;line-height:1.6}
.ssd-business-option h3{font-family:var(--sans);font-size:24px;line-height:1.25;color:#fff3e8;margin:13px 0 10px}
.ssd-business-option p{color:#ebd9d6;font-size:13px;line-height:1.75;flex:1;margin:0 0 25px}
.ssd-business-button{display:block;text-align:center;border-radius:5px;background:#e0b67e;color:#271522;font-size:12px;letter-spacing:.04em;font-weight:750;padding:14px 12px;transition:transform .2s,background .2s}
.ssd-business-button:hover{background:#ffe0ac;color:#271522;transform:translateY(-2px)}
.ssd-business-button:focus-visible,.ssd-business-subtle:focus-visible,.ssd-service-link:focus-visible{outline:3px solid #e5bb8a;outline-offset:3px}
.ssd-business-subtle{font-size:12px;color:#edceb6;text-align:center;text-decoration:underline;text-underline-offset:4px;margin-top:15px}
.ssd-business-subtle:hover{color:#fff5ec}
.ssd-service-link{color:#e9bd8a!important;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.ssd-service-link:hover{color:#fff5dc!important}
/* Four plus three buttons stay balanced across screens, not a cramped seven-column strip */
.chapter-strip .strip-inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.ssd-work-feature .discipline-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ssd-work-feature .discipline-list a{text-align:center;justify-content:center;align-items:center;display:flex;min-height:58px;padding:12px 9px;font-size:12px;line-height:1.35}
@media(max-width:1180px){.ssd-business-layout{grid-template-columns:1fr;gap:28px}.ssd-business-heading p{max-width:760px}.chapter-strip .strip-inner,.ssd-work-feature .discipline-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.ssd-business-options{grid-template-columns:1fr 1fr}.chapter-strip .strip-inner,.ssd-work-feature .discipline-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.ssd-business-pathways{padding:47px 0}.ssd-business-options{grid-template-columns:1fr}.ssd-business-option{padding:23px}.chapter-strip .strip-inner,.ssd-work-feature .discipline-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ssd-work-feature .discipline-list a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ssd-business-button{transition:none}}

@media(max-width:1290px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#261321;padding:18px 28px 24px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{font-size:12px;padding:12px 0}.nav a.nav-cta{text-align:center;margin-top:12px}}


/* v0.6.1 — approved H2 wordmark: exact original monogram and outlined letters. */
.site-header .brand { display:flex; align-items:center; flex:0 0 auto; gap:0; min-width:0; }
.ssd-approved-wordmark { display:block; object-fit:contain; object-position:left center; height:auto; }
.site-header .ssd-approved-wordmark--header { width:clamp(188px,16.75vw,232px); max-height:75px; }
.footer-identity { display:flex; flex-direction:column; align-items:flex-start; max-width:470px; }
.footer-brand-link { display:inline-flex; align-items:center; margin-bottom:20px; }
.site-footer .ssd-approved-wordmark--footer { width:min(290px,73vw); max-height:94px; }
.site-footer .footer-intro { margin:0; font-size:clamp(26px,2.4vw,36px); }
.site-header .brand:focus-visible,.site-footer .footer-brand-link:focus-visible { outline:2px solid #e0b679; outline-offset:5px; }
@media(max-width:1250px){.site-header .ssd-approved-wordmark--header{width:220px}}
@media(max-width:650px){.site-header .ssd-approved-wordmark--header{width:178px;max-height:62px}.site-footer .ssd-approved-wordmark--footer{width:248px}}
@media(max-width:390px){.site-header .ssd-approved-wordmark--header{width:164px}}

/* v0.6.2 readability settings, retained in this service-focused release. */
.ssd-business-pathways .eyebrow{font-size:13px;letter-spacing:.19em}
.ssd-business-heading p{font-size:18px;line-height:1.72;max-width:520px}
.ssd-business-tag{font-size:12px;letter-spacing:.105em;line-height:1.55}
.ssd-business-option p{font-size:17px;line-height:1.66;margin-bottom:27px}
.ssd-business-button{font-size:16px;line-height:1.4;min-height:60px;padding:16px 14px;letter-spacing:.015em}
.ssd-business-subtle{font-size:15px;line-height:1.45;margin-top:17px;text-underline-offset:5px}

/* v0.7.0 — four clear professional-service pathways. */
.ssd-business-pathways{padding:84px 0}
.ssd-business-layout{align-items:start}
.ssd-business-heading{padding-top:20px}
.ssd-business-heading p{max-width:530px}
.ssd-business-relationship{margin-top:27px;padding-left:18px;border-left:2px solid #c69b70;color:#e3c9ce!important;font-size:15px!important;line-height:1.7!important}
.ssd-business-options{gap:17px}
.ssd-business-option{min-height:350px;padding:28px 26px;transition:border-color .2s,transform .2s}
.ssd-business-option:hover{border-color:rgba(231,192,143,.7);transform:translateY(-2px)}
.ssd-business-option h3{font-size:clamp(22px,1.75vw,27px)}
.ssd-business-option p{line-height:1.62}
.ssd-business-button{display:flex;gap:12px;align-items:center;justify-content:center}
.ssd-business-subtle{display:inline-block;align-self:center;max-width:100%;text-align:center}
.ssd-creative-button,.ssd-tech-landing .ssd-tech-button{font-size:15px;letter-spacing:.025em;min-height:59px}
.ssd-creative-specialty-card p,.ssd-tech-expertise-card p{font-size:16px;line-height:1.72}
.ssd-creative-section-copy,.ssd-tech-hero-lede{font-size:18px}
.contact-form label{font-size:14px;letter-spacing:.015em}
.contact-form input:not([type=checkbox]),.contact-form textarea,.contact-form select{font-size:16px}
.contact-form .consent,.form-note{font-size:14px}
@media(max-width:1180px){.ssd-business-heading{padding-top:0}.ssd-business-heading p{max-width:760px}}
@media(max-width:750px){.ssd-business-pathways{padding:65px 0}.ssd-business-option{padding:24px 21px;min-height:335px}.ssd-business-option h3{font-size:23px}.ssd-business-heading p{font-size:17px}.ssd-business-option p{font-size:16px}.ssd-business-button{font-size:15px;min-height:58px}.ssd-business-subtle{font-size:14px}.ssd-creative-button,.ssd-tech-landing .ssd-tech-button{font-size:14px}}
@media(max-width:570px){.ssd-business-option{min-height:0}.ssd-business-relationship{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){.ssd-business-option{transition:none}.ssd-business-option:hover{transform:none}}

/* Show Productions archive: dedicated commercial landing and portfolio proof. */
.ssd-productions-landing{font-family:var(--sans);overflow:hidden}
.ssd-productions-hero{padding:190px 0 110px;background:radial-gradient(ellipse at 83% 30%,rgba(154,57,92,.45),transparent 55%),linear-gradient(125deg,#1b1019,#492237 66%,#20101a);color:#f9efe6}
.ssd-productions-hero .container{max-width:1280px}
.ssd-productions-hero h1{font:400 clamp(55px,6.4vw,99px)/1.04 var(--serif);max-width:1150px;letter-spacing:-.022em;margin:18px 0 23px}
.ssd-productions-hero h1 em,.ssd-productions-expertise h2 em,.ssd-productions-perspective h2 em,.ssd-productions-work h2 em{font-style:normal;color:#d9aa72}
.ssd-productions-tagline{font-size:clamp(22px,2.15vw,33px);font-weight:600;color:#f5d6af;margin:0 0 20px;line-height:1.3}
.ssd-productions-intro{font-size:18px;line-height:1.78;color:#f2dfe2;max-width:900px;margin:0}
.ssd-productions-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:33px}
.ssd-productions-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:15px 23px;border:2px solid #e6bc83;border-radius:4px;font-size:15px;line-height:1.4;font-weight:750;letter-spacing:.02em;text-decoration:none;transition:background .2s,transform .2s}
.ssd-productions-button--gold{background:#e6bc83;color:#291723}
.ssd-productions-button--outline{background:transparent;color:#f8e7d8}
.ssd-productions-button:hover{background:#fff0d2;color:#291723;transform:translateY(-2px)}
.ssd-productions-button:focus-visible{outline:3px solid #f7d6a1;outline-offset:4px}
.ssd-productions-expertise{background:#f0e5da;color:#30212a;padding:93px 0 106px}
.ssd-productions-expertise .eyebrow,.ssd-productions-work .eyebrow{color:#8b542f}
.ssd-productions-section-lead{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end;margin:12px 0 39px}
.ssd-productions-section-lead h2,.ssd-productions-perspective h2,.ssd-productions-work h2,.ssd-productions-invitation h2{font:400 clamp(36px,4.1vw,61px)/1.12 var(--serif);margin:0;letter-spacing:-.012em}
.ssd-productions-expertise h2 em,.ssd-productions-work h2 em{color:#90465f}
.ssd-productions-section-lead p{font-size:17px;line-height:1.75;margin:0;color:#56424d}
.ssd-productions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.ssd-productions-card{background:#fff9f1;border:1px solid rgba(116,68,85,.2);padding:29px 25px;min-width:0;box-shadow:0 12px 30px rgba(48,25,37,.055)}
.ssd-productions-rule{display:block;width:42px;height:2px;background:#9c3d63;margin-bottom:25px}
.ssd-productions-card h3{font:700 clamp(20px,1.52vw,25px)/1.28 var(--sans);color:#30212a;margin:0 0 14px}
.ssd-productions-card p{font-size:16px;line-height:1.72;color:#564751;margin:0}
.ssd-productions-perspective{background:radial-gradient(circle at 10% 70%,rgba(143,38,82,.19),transparent 45%),#241421;color:#fff0e5;padding:92px 0}
.ssd-productions-perspective-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%}
.ssd-productions-perspective-copy p{font-size:17px;line-height:1.78;color:#ecdae0;margin:0 0 19px}
.ssd-productions-work{background:#ebe0d5;color:#31212a;padding:92px 0}
.ssd-productions-work h2 em{color:#8f3b60}
.ssd-productions-work-intro{font-size:17px;line-height:1.7;margin:22px 0 32px;color:#554450}
.ssd-productions-work .pagination{margin-top:25px}
.ssd-productions-invitation{padding:92px 0 105px;color:#fff0e7;background:linear-gradient(120deg,#3c1a2d,#6a2948 60%,#2b1524)}
.ssd-productions-invitation-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:6%;align-items:center}
.ssd-productions-invitation h2{margin:13px 0 21px}
.ssd-productions-invitation p{font-size:18px;line-height:1.75;color:#efdce1;max-width:760px;margin:0}
.ssd-productions-invitation-actions{display:flex;flex-direction:column;gap:15px;align-items:stretch}
@media(max-width:1180px){.ssd-productions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.ssd-productions-section-lead,.ssd-productions-perspective-grid,.ssd-productions-invitation-grid{grid-template-columns:1fr;gap:27px}.ssd-productions-hero{padding:155px 0 82px}.ssd-productions-invitation-actions{align-items:flex-start}}
@media(max-width:570px){.ssd-productions-hero h1{font-size:clamp(49px,12vw,68px)}.ssd-productions-hero h1 em{display:block}.ssd-productions-hero,.ssd-productions-expertise,.ssd-productions-perspective,.ssd-productions-work,.ssd-productions-invitation{padding-top:72px;padding-bottom:75px}.ssd-productions-hero{padding-top:145px}.ssd-productions-grid{grid-template-columns:1fr}.ssd-productions-actions,.ssd-productions-invitation-actions{align-items:stretch;flex-direction:column}.ssd-productions-button{width:100%;font-size:14px}.ssd-productions-intro,.ssd-productions-invitation p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ssd-productions-button{transition:none}.ssd-productions-button:hover{transform:none}}

/* v0.7.1 — compact editorial rhythm, without reversing the v0.6.2 readability upgrade.
   Keep body and button text large; reduce excessive line leading, section whitespace,
   heading-to-copy distance, and fixed service-card height instead. */
.section-pad{padding:94px 0}
.section-heading{line-height:1.04;margin:12px 0 20px}
.section-lede,.tech-intro p,.legacy-intro p,.photo-showcase-head p,
.services-intro,.contact .lead{line-height:1.56}
.intro-copy p{line-height:1.56;margin-bottom:15px}
.intro-copy .signoff{margin-top:19px}
.stats{margin-top:23px;padding-top:20px}
.tech-card p,.technology .tech-card p,.service p{line-height:1.54}
.technology .tech-foot p,.tech-foot{line-height:1.56}
.entry-content{line-height:1.63}
.archive-hero p,.ssd-literature-archive .ssd-lit-hero p{line-height:1.58}
.ssd-lit-head p,.ssd-lit-card-content p{line-height:1.55}

/* Homepage: the four pathways are the primary enquiry-generating feature. */
.ssd-business-pathways{padding:62px 0}
.ssd-business-layout{gap:4.5%}
.ssd-business-heading{padding-top:6px}
.ssd-business-heading h2{
    font-size:clamp(39px,3.85vw,58px);
    line-height:1.025;
    letter-spacing:-.025em;
    margin:11px 0 18px;
}
.ssd-business-heading p{font-size:18px;line-height:1.51;margin:0}
.ssd-business-heading p.ssd-business-relationship{
    font-size:16px!important;
    line-height:1.5!important;
    margin:18px 0 0;
    padding-left:16px;
}
.ssd-business-options{gap:14px}
.ssd-business-option{min-height:316px;padding:23px 23px}
.ssd-business-tag{line-height:1.4}
.ssd-business-option h3{line-height:1.2;margin:10px 0 8px}
.ssd-business-option p{line-height:1.51;margin-bottom:18px}
.ssd-business-button{min-height:55px;line-height:1.3;padding:13px 14px}
.ssd-business-subtle{line-height:1.35;margin-top:12px}

/* Service detail pages: match the homepage's more deliberate text rhythm. */
.ssd-productions-hero{padding:168px 0 78px}
.ssd-productions-hero h1{line-height:1.015;margin:14px 0 20px}
.ssd-productions-intro,.ssd-productions-invitation p{line-height:1.57}
.ssd-productions-tagline{margin-bottom:14px}
.ssd-productions-expertise,.ssd-productions-perspective,.ssd-productions-work,
.ssd-productions-invitation{padding-top:76px;padding-bottom:80px}
.ssd-productions-section-lead{margin:8px 0 28px}
.ssd-productions-section-lead p,.ssd-productions-card p,
.ssd-productions-perspective-copy p,.ssd-productions-work-intro{line-height:1.56}
.ssd-productions-perspective-copy p{margin-bottom:15px}
.ssd-productions-card{padding:24px 22px}
.ssd-productions-rule{margin-bottom:18px}
.ssd-productions-card h3{margin-bottom:10px}
.ssd-productions-work-intro{margin:16px 0 25px}
.ssd-productions-invitation h2{margin:11px 0 15px}

.ssd-tech-landing .ssd-tech-hero{padding-top:157px;padding-bottom:76px}
.ssd-tech-landing .ssd-tech-hero-lede,.ssd-tech-intro-grid > p,
.ssd-tech-industry > p,.ssd-tech-invitation p{line-height:1.56}
.ssd-tech-expertise,.ssd-tech-projects,.ssd-tech-invitation{padding-top:76px;padding-bottom:80px}
.ssd-tech-intro-grid{margin-bottom:31px}
.ssd-tech-expertise-card{min-height:0;padding:25px 19px}
.ssd-tech-expertise-card:before{margin-bottom:22px}
.ssd-tech-expertise-card h3{margin-bottom:13px}
.ssd-tech-expertise-card p{line-height:1.54}
.ssd-tech-industry{margin-top:43px;padding-top:35px}
.ssd-tech-invitation p{margin-top:17px}

.ssd-creative-hero{padding-top:157px;padding-bottom:80px}
.ssd-creative-hero-intro,.ssd-creative-section-copy,
.ssd-creative-invitation-grid p{line-height:1.56}
.ssd-creative-specialties,.ssd-creative-showcase,.ssd-creative-projects,
.ssd-creative-invitation{padding-top:76px;padding-bottom:80px}
.ssd-creative-specialty-card{min-height:0;padding:25px 22px}
.ssd-creative-specialty-card p{line-height:1.54}
.ssd-creative-section-copy{margin-top:-8px}

@media(max-width:1180px){
    .ssd-business-heading{padding-top:0}
    .ssd-business-heading p{max-width:760px}
}
@media(max-width:750px){
    .section-pad{padding:72px 0}
    .ssd-business-pathways{padding:55px 0}
    .ssd-business-option{min-height:0;padding:22px 20px}
    .ssd-business-heading h2{font-size:clamp(39px,6.2vw,55px)}
    .ssd-business-heading p{font-size:17px;line-height:1.52}
    .ssd-business-option p{font-size:16px;line-height:1.52}
    .ssd-productions-hero,.ssd-tech-landing .ssd-tech-hero,
    .ssd-creative-hero{padding-top:140px;padding-bottom:65px}
}

/* v0.8.1 — cinematic, visual-first Work With Me experience. */
.ssd-cinema-services{position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,6vw,104px) 0;background:radial-gradient(ellipse at 3% 18%,#4c1f3e 0%,transparent 45%),radial-gradient(ellipse at 94% 82%,#3a2345 0%,transparent 47%),linear-gradient(130deg,#20101e,#2b1528 58%,#140e1b)}
.ssd-cinema-services .ssd-cinema-atmosphere{position:absolute;inset:-22%;z-index:-1;pointer-events:none;opacity:.38;background:conic-gradient(from 105deg at 48% 53%,transparent 0deg,rgba(201,139,118,.15) 31deg,transparent 73deg,transparent 195deg,rgba(100,83,162,.14) 229deg,transparent 265deg);filter:blur(38px)}
.ssd-cinema-services:before{content:"";position:absolute;z-index:0;left:4%;top:12%;width:260px;height:260px;border:1px solid rgba(229,180,126,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(224,183,127,.018),0 0 0 138px rgba(224,183,127,.009);pointer-events:none}
.ssd-cinema-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(285px,.75fr) minmax(0,1.55fr);gap:clamp(35px,4.5vw,96px);align-items:center}
.ssd-cinema-intro{min-width:0;position:relative}
.ssd-cinema-kicker{display:flex;align-items:center;gap:13px;color:#e5c08f;letter-spacing:.2em;font-size:13px;font-weight:750;text-transform:uppercase}
.ssd-cinema-kicker-line{display:inline-block;width:31px;height:2px;background:linear-gradient(90deg,#f0c88e,transparent)}
.ssd-cinema-intro h2{margin:22px 0 19px;color:#fff1e7;font:400 clamp(53px,5.7vw,92px)/1.03 var(--serif);letter-spacing:-.025em}
.ssd-cinema-intro h2 em{font-style:normal;color:#d9a872}
.ssd-cinema-lede{font-size:clamp(18px,1.5vw,22px);line-height:1.53;color:#e4cfd7;max-width:565px;margin:0 0 27px}
.ssd-cinema-verbs{display:flex;flex-wrap:wrap;gap:8px 11px;max-width:480px;margin-bottom:28px}
.ssd-cinema-verbs span{display:inline-flex;align-items:center;min-height:37px;padding:8px 12px;border:1px solid rgba(235,187,137,.4);border-radius:30px;color:#f2d6b5;font-size:12px;font-weight:700;letter-spacing:.035em;background:rgba(111,65,91,.22)}
.ssd-cinema-note{position:relative;max-width:490px;padding:14px 0 0 16px;border-left:2px solid #c39466;color:#d6c2c9;font-size:15px;line-height:1.52;margin:0}
.ssd-cinema-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(13px,1.2vw,20px)}
.ssd-cinema-card{--cinema-highlight:#e8bc83;position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:315px;padding:19px 22px 21px;display:flex;flex-direction:column;background:linear-gradient(152deg,rgba(97,48,77,.8),rgba(34,20,34,.96) 79%);border:1px solid rgba(219,165,125,.4);border-radius:15px;box-shadow:0 16px 31px rgba(10,5,14,.16);transition:border-color .3s,transform .35s,box-shadow .35s}
.ssd-cinema-card:before{content:"";position:absolute;z-index:-1;inset:-20%;background:radial-gradient(ellipse at 60% 10%,var(--cinema-glow),transparent 55%);opacity:.9;pointer-events:none}
.ssd-cinema-card:after{content:"";position:absolute;z-index:-1;top:-42%;left:-60%;height:195%;width:65%;background:linear-gradient(90deg,transparent,rgba(255,247,232,.06),transparent);transform:rotate(19deg) translateX(-100%);transition:transform .85s ease;pointer-events:none}
.ssd-cinema-card:hover,.ssd-cinema-card:focus-within{transform:translateY(-4px);border-color:var(--cinema-highlight);box-shadow:0 24px 46px rgba(8,4,13,.36)}
.ssd-cinema-card:hover:after,.ssd-cinema-card:focus-within:after{transform:rotate(19deg) translateX(400%)}
.ssd-cinema-card--show{--cinema-highlight:#e3bb87;--cinema-glow:rgba(227,152,110,.26)}
.ssd-cinema-card--event{--cinema-highlight:#f1b9a7;--cinema-glow:rgba(203,104,129,.28)}
.ssd-cinema-card--creative{--cinema-highlight:#d8beec;--cinema-glow:rgba(130,102,184,.32)}
.ssd-cinema-card--tech{--cinema-highlight:#8ccad6;--cinema-glow:rgba(68,157,174,.25)}
.ssd-cinema-art{position:relative;display:grid;place-items:center;width:100%;height:143px;min-height:143px;margin:-6px auto 1px;overflow:visible;color:var(--cinema-highlight)}
.ssd-cinema-art:before{content:"";position:absolute;width:180px;height:112px;background:radial-gradient(ellipse,var(--cinema-glow),transparent 72%);filter:blur(12px);pointer-events:none}
.ssd-cinema-svg{position:relative;z-index:1;display:block;width:min(100%,310px);height:142px;overflow:visible;stroke:currentColor;filter:drop-shadow(0 3px 9px rgba(0,0,0,.22))}
.ssd-cinema-card-copy{min-height:95px;margin-top:1px}
.ssd-cinema-card-kicker{display:block;color:var(--cinema-highlight);font-size:10px;line-height:1.4;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.ssd-cinema-card h3{margin:7px 0 6px;font:750 clamp(22px,2.3vw,29px)/1.22 var(--sans);letter-spacing:-.02em;color:#fff5ed}
.ssd-cinema-card-copy p{font-size:clamp(13px,1.05vw,16px);line-height:1.42;color:#ddcbd4;margin:0}
.ssd-cinema-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px 12px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(235,187,143,.25)}
.ssd-cinema-card-actions a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:13px;line-height:1.38;font-weight:750;min-height:35px}
.ssd-cinema-card-primary{color:#201321!important;background:var(--cinema-highlight);border-radius:7px;padding:8px 12px;transition:background .2s}
.ssd-cinema-card-primary:hover{background:#fff0d2;color:#201321!important}
.ssd-cinema-card-secondary{color:#ead2d1!important;text-decoration:underline!important;text-underline-offset:4px}
.ssd-cinema-card-secondary:hover{color:#fff2df!important}
.ssd-cinema-card-actions a:focus-visible{outline:3px solid #fff0ce;outline-offset:3px}
.ssd-cinema-motion .ssd-cinema-stage-beam--left{transform-origin:107px 48px;animation:ssdCinemaBeamLeft 7.2s ease-in-out infinite alternate}
.ssd-cinema-motion .ssd-cinema-stage-beam--right{transform-origin:311px 48px;animation:ssdCinemaBeamRight 8s ease-in-out infinite alternate}
.ssd-cinema-motion .ssd-cinema-stage-microphone{animation:ssdCinemaFloat 5.6s ease-in-out infinite}
.ssd-cinema-motion .ssd-cinema-event-rings{transform-origin:210px 109px;animation:ssdCinemaFloat 5.7s ease-in-out infinite}
.ssd-cinema-motion .ssd-cinema-event-sparks,.ssd-cinema-motion .ssd-cinema-creative-spark{animation:ssdCinemaTwinkle 3.6s ease-in-out infinite alternate}
.ssd-cinema-motion .ssd-cinema-creative-front{animation:ssdCinemaFloat 6.6s ease-in-out infinite}
.ssd-cinema-motion .ssd-cinema-creative-back{animation:ssdCinemaCreative 7.5s ease-in-out infinite alternate}
.ssd-cinema-motion .ssd-cinema-tech-orbit{transform-origin:211px 98px;animation:ssdCinemaOrbit 19s linear infinite}
.ssd-cinema-motion .ssd-cinema-tech-nodes{animation:ssdCinemaTwinkle 4.3s ease-in-out infinite alternate}
.ssd-cinema-motion .ssd-cinema-glint{animation:ssdCinemaTwinkle 4.2s ease-in-out infinite alternate}
@keyframes ssdCinemaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes ssdCinemaBeamLeft{0%{transform:rotate(-3deg)}100%{transform:rotate(4deg)}}
@keyframes ssdCinemaBeamRight{0%{transform:rotate(4deg)}100%{transform:rotate(-4deg)}}
@keyframes ssdCinemaTwinkle{0%,100%{opacity:1}50%{opacity:.38}}
@keyframes ssdCinemaCreative{0%{transform:translate(-3px,0)}100%{transform:translate(3px,-5px)}}
@keyframes ssdCinemaOrbit{to{transform:rotate(360deg)}}
.ssd-cinema-reveal-ready .ssd-cinema-card:not(.ssd-cinema-in-view){opacity:0;transform:translateY(20px) scale(.986)}
.ssd-cinema-reveal-ready .ssd-cinema-card.ssd-cinema-in-view{opacity:1;transition:opacity .7s ease,transform .7s cubic-bezier(.17,.8,.3,1),border-color .3s,box-shadow .35s}
.ssd-cinema-reveal-ready .ssd-cinema-card:nth-child(2).ssd-cinema-in-view{transition-delay:.09s}
.ssd-cinema-reveal-ready .ssd-cinema-card:nth-child(3).ssd-cinema-in-view{transition-delay:.13s}
.ssd-cinema-reveal-ready .ssd-cinema-card:nth-child(4).ssd-cinema-in-view{transition-delay:.2s}
.ssd-cinema-reveal-ready .ssd-cinema-card.ssd-cinema-in-view:hover{transform:translateY(-4px)}
@media(max-width:1350px){
  .ssd-cinema-layout{grid-template-columns:minmax(250px,.7fr) minmax(0,1.5fr);gap:clamp(24px,3vw,57px)}
  .ssd-cinema-card{padding:16px 17px 19px;min-height:304px}
  .ssd-cinema-art{height:126px;min-height:126px}.ssd-cinema-svg{height:127px}
  .ssd-cinema-card h3{font-size:clamp(21px,2vw,25px)}
  .ssd-cinema-card-actions a{font-size:12px}
}
@media(max-width:1150px){
  .ssd-cinema-layout{grid-template-columns:1fr;gap:35px}
  .ssd-cinema-intro h2{font-size:clamp(55px,8vw,78px)}
  .ssd-cinema-note{max-width:760px}
}
@media(max-width:720px){
  .ssd-cinema-services{padding:65px 0}
  .ssd-cinema-cards{grid-template-columns:1fr;gap:14px}
  .ssd-cinema-card{min-height:285px;padding:18px 19px}
  .ssd-cinema-card-copy{min-height:78px}
  .ssd-cinema-art{height:129px;min-height:129px}.ssd-cinema-svg{height:135px}
  .ssd-cinema-intro h2{font-size:clamp(54px,11vw,75px)}
  .ssd-cinema-note{font-size:14px}
}
@media(max-width:420px){
  .ssd-cinema-intro h2{font-size:clamp(49px,12vw,58px)}
  .ssd-cinema-card h3{font-size:24px}
  .ssd-cinema-card-actions a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .ssd-cinema-services *, .ssd-cinema-services *:before, .ssd-cinema-services *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .ssd-cinema-reveal-ready .ssd-cinema-card{opacity:1!important;transform:none!important}
  .ssd-cinema-card:hover,.ssd-cinema-card:focus-within{transform:none}
}
@media print{.ssd-cinema-reveal-ready .ssd-cinema-card{opacity:1!important;transform:none!important}}

/* v0.8.0 — Visual Stories discovery across portfolio, production and creative pages. */
.site-header .nav .ssd-nav-portfolio{position:relative;flex:0 0 auto}
.site-header .ssd-nav-portfolio>summary{list-style:none;cursor:pointer;color:#f5ebe7;font-size:12px;font-weight:700;letter-spacing:.055em;line-height:1.4;text-transform:uppercase;white-space:nowrap;padding:10px 0}
.site-header .ssd-nav-portfolio>summary::-webkit-details-marker{display:none}
.site-header .ssd-nav-portfolio>summary span{font-size:16px;color:#d5ab77;margin-left:4px}
.site-header .ssd-nav-portfolio>summary:hover,.site-header .ssd-nav-portfolio[open]>summary{color:#e6bd89}
.site-header .ssd-nav-portfolio>summary:focus-visible{outline:3px solid #e5b782;outline-offset:4px}
.site-header .ssd-nav-portfolio-list{position:absolute;top:calc(100% + 13px);left:-16px;z-index:100;min-width:236px;padding:11px 12px;background:#291723;border:1px solid rgba(230,182,124,.46);border-radius:10px;box-shadow:0 16px 34px rgba(8,4,10,.55)}
.site-header .ssd-nav-portfolio-list a{display:block;padding:12px 11px!important;color:#f5e9e5!important;font-size:12px!important;line-height:1.3;letter-spacing:.02em!important;text-transform:none;white-space:normal;border-radius:5px}
.site-header .ssd-nav-portfolio-list a:hover,.site-header .ssd-nav-portfolio-list a:focus-visible{background:#56314a;color:#ffe0ab!important}

.ssd-story-teaser{padding:clamp(28px,4vw,58px) 0;background:linear-gradient(180deg,#21131e,#1b101b)}
.ssd-story-teaser-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(25px,4vw,65px);padding:clamp(26px,3.8vw,53px);border:1px solid rgba(219,166,116,.45);border-radius:19px;background:radial-gradient(circle at 80% 3%,rgba(155,68,105,.28),transparent 53%),linear-gradient(120deg,#382032,#261625);box-shadow:0 16px 37px rgba(0,0,0,.12)}
.ssd-story-teaser-copy{min-width:0}
.ssd-story-teaser-eyebrow{font-size:12px;font-weight:750;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:#e3bc87}
.ssd-story-teaser-copy h2{margin:13px 0 12px;color:#fff3e7;font:400 clamp(48px,5.4vw,78px)/1.05 var(--serif);letter-spacing:-.025em}
.ssd-story-teaser-copy h2 em{font-style:normal;color:#ddb280}
.ssd-story-teaser-copy h3{font:750 clamp(19px,2vw,25px)/1.3 var(--sans);color:#e8bc89;margin:0 0 13px}
.ssd-story-teaser-copy p{font-size:clamp(16px,1.4vw,18px);line-height:1.58;color:#ebd7d7;max-width:670px;margin:0}
.ssd-story-teaser-actions{display:flex;flex-wrap:wrap;gap:12px 17px;margin-top:24px;align-items:center}
.ssd-story-teaser-actions a{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 18px;border-radius:7px;font-size:15px;font-weight:750;line-height:1.3;text-decoration:none;transition:background .2s}
.ssd-story-teaser-actions .ssd-story-teaser-primary{background:#e0b781;color:#261521}
.ssd-story-teaser-actions .ssd-story-teaser-primary:hover{background:#ffe0af;color:#261521}
.ssd-story-teaser-actions .ssd-story-teaser-secondary{border:1px solid #c79f7b;color:#f6ddbe;background:transparent}
.ssd-story-teaser-actions .ssd-story-teaser-secondary:hover{background:#5a304a;color:#fff4e7}
.ssd-story-teaser-actions a:focus-visible,.ssd-story-teaser-media:focus-visible{outline:3px solid #ffe2ae;outline-offset:4px}
.ssd-story-teaser-media{position:relative;display:grid;grid-template-columns:1.13fr .87fr;grid-template-rows:1fr 1fr;gap:10px;min-height:306px;height:clamp(280px,27vw,385px);padding:10px;background:radial-gradient(circle at 48% 43%,#855068,#342035 72%);border:1px solid rgba(240,200,153,.53);border-radius:14px;overflow:hidden}
.ssd-story-teaser-photo{display:block;overflow:hidden;min-width:0;min-height:0;border-radius:7px;background:#573048}
.ssd-story-teaser-photo:first-child{grid-row:span 2}
.ssd-story-teaser-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.ssd-story-teaser-media:hover .ssd-story-teaser-photo img{transform:scale(1.045);filter:saturate(1.07)}
.ssd-story-teaser-media--count-1 .ssd-story-teaser-photo{grid-column:1/-1;grid-row:1/-1}
.ssd-story-teaser-media--count-2 .ssd-story-teaser-photo{grid-row:1/-1}
.ssd-story-teaser-media-label{position:absolute;z-index:2;left:20px;bottom:19px;padding:9px 12px;background:rgba(28,14,27,.86);border:1px solid rgba(242,201,148,.71);border-radius:6px;color:#ffe0b3;font:750 12px/1.3 var(--sans);letter-spacing:.12em}
.ssd-story-teaser-media-label span{margin-left:8px}
.ssd-story-teaser-media--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:radial-gradient(circle,#69415b,#2c1a2a 68%)}
.ssd-story-teaser-empty-ornament{font:400 135px/1 var(--serif);color:rgba(233,185,125,.7)}
.ssd-story-teaser-empty-copy{font:400 24px/1.35 var(--serif);color:#f4dbc4;text-align:center}
.ssd-story-teaser--show{background:#1f111c}
.ssd-story-teaser--creative{background:#21121f}
.ssd-story-teaser--show .ssd-story-teaser-panel,.ssd-story-teaser--creative .ssd-story-teaser-panel{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}
.ssd-story-teaser--show .ssd-story-teaser-copy h2,.ssd-story-teaser--creative .ssd-story-teaser-copy h2{font-size:clamp(42px,4.8vw,64px)}
.ssd-story-teaser--show .ssd-story-teaser-media,.ssd-story-teaser--creative .ssd-story-teaser-media{height:290px;min-height:270px}
@media(max-width:1290px){
  .site-header .ssd-nav-portfolio>summary{padding:12px 0;font-size:14px}
  .site-header .ssd-nav-portfolio-list{position:static;min-width:0;box-shadow:none;margin:1px 0 9px 8px;background:#382137;border-left:2px solid #e0b781}
  .site-header .ssd-nav-portfolio-list a{padding:11px 10px!important;font-size:13px!important}
}
@media(max-width:920px){
  .ssd-story-teaser-panel,.ssd-story-teaser--show .ssd-story-teaser-panel,.ssd-story-teaser--creative .ssd-story-teaser-panel{grid-template-columns:1fr;gap:23px}
  .ssd-story-teaser-media{height:310px;min-height:260px}
}
@media(max-width:600px){
  .ssd-story-teaser{padding:30px 0}
  .ssd-story-teaser-panel{padding:26px 18px;border-radius:13px}
  .ssd-story-teaser-copy h2{font-size:clamp(49px,12vw,70px)}
  .ssd-story-teaser--show .ssd-story-teaser-copy h2,.ssd-story-teaser--creative .ssd-story-teaser-copy h2{font-size:clamp(39px,10vw,52px)}
  .ssd-story-teaser-copy p{font-size:16px;line-height:1.55}
  .ssd-story-teaser-actions{gap:10px}
  .ssd-story-teaser-actions a{font-size:14px;min-height:50px}
  .ssd-story-teaser-media,.ssd-story-teaser--show .ssd-story-teaser-media,.ssd-story-teaser--creative .ssd-story-teaser-media{min-height:210px;height:230px;gap:6px;padding:7px}
  .ssd-story-teaser-media-label{font-size:10px;left:13px;bottom:13px}
}
@media(prefers-reduced-motion:reduce){.ssd-story-teaser-photo img,.ssd-story-teaser-actions a{transition:none}.ssd-story-teaser-media:hover .ssd-story-teaser-photo img{transform:none}}
@media(max-width:570px){
    .section-pad{padding:65px 0}
    .ssd-business-pathways{padding:47px 0}
    .ssd-business-heading h2{font-size:clamp(41px,9.6vw,55px)}
    .ssd-business-heading p.ssd-business-relationship{font-size:15px!important}
    .ssd-business-option{padding:22px 20px}
    .ssd-productions-expertise,.ssd-productions-perspective,.ssd-productions-work,
    .ssd-productions-invitation,.ssd-tech-expertise,.ssd-tech-projects,
    .ssd-tech-invitation,.ssd-creative-specialties,.ssd-creative-showcase,
    .ssd-creative-projects,.ssd-creative-invitation{padding-top:62px;padding-bottom:67px}
    .ssd-productions-hero,.ssd-tech-landing .ssd-tech-hero,
    .ssd-creative-hero{padding-top:140px;padding-bottom:65px}
}

/* v0.8.2 — illustrative cinematic service motion posters, not past-event documentation. */
.ssd-cinema-services{background:radial-gradient(ellipse at 3% 22%,#542342 0%,transparent 43%),radial-gradient(ellipse at 95% 72%,#34284b 0%,transparent 43%),linear-gradient(128deg,#25121f,#2b162b 57%,#17101c)}
.ssd-cinema-layout{align-items:center;grid-template-columns:minmax(270px,.71fr) minmax(0,1.54fr);gap:clamp(30px,4.1vw,82px)}
.ssd-cinema-intro h2{font-size:clamp(53px,5.35vw,88px);line-height:1.025;margin:21px 0 18px}
.ssd-cinema-lede{font-size:clamp(18px,1.35vw,21px);line-height:1.5;max-width:510px;margin-bottom:25px}
.ssd-cinema-verbs{margin-bottom:23px}
.ssd-cinema-note{font-size:14px;line-height:1.5;max-width:440px}
.ssd-cinema-cards{gap:clamp(13px,1.35vw,21px)}
.ssd-cinema-card{min-height:356px;padding:0;border:1px solid rgba(225,173,130,.46);border-radius:17px;background:#1c101c;box-shadow:0 19px 47px rgba(6,2,9,.27);justify-content:flex-end;transform:translateZ(0);transition:transform .45s cubic-bezier(.2,.85,.18,1),border-color .35s,box-shadow .35s}
.ssd-cinema-card:before{display:none}
.ssd-cinema-card:after{z-index:2;top:-45%;left:-74%;height:145%;width:52%;background:linear-gradient(95deg,transparent,rgba(255,241,214,.14),transparent);mix-blend-mode:screen;transform:rotate(16deg) translateX(-100%);transition:transform 1.2s ease}
.ssd-cinema-card:hover:after,.ssd-cinema-card:focus-within:after{transform:rotate(16deg) translateX(460%)}
.ssd-cinema-card:hover,.ssd-cinema-card:focus-within{transform:translateY(-5px);box-shadow:0 29px 65px rgba(5,1,9,.48),0 0 0 1px var(--cinema-highlight)}
.ssd-cinema-art{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;margin:0;overflow:hidden;isolation:isolate;color:var(--cinema-highlight)}
.ssd-cinema-art:before{content:"";position:absolute;inset:0;width:auto;height:auto;z-index:1;filter:none;pointer-events:none;background:linear-gradient(180deg,rgba(14,7,19,.15) 0%,rgba(16,8,21,.12) 28%,rgba(26,10,25,.55) 59%,rgba(22,11,24,.95) 78%,#180e1b 100%)}
.ssd-cinema-art:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 57% 19%,transparent 27%,rgba(11,4,14,.26) 100%)}
.ssd-cinema-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.04);filter:saturate(1.06) contrast(1.05);transition:transform 1.25s cubic-bezier(.2,.8,.2,1),filter .75s ease;will-change:transform}
.ssd-cinema-card:hover .ssd-cinema-card-image,.ssd-cinema-card:focus-within .ssd-cinema-card-image{transform:scale(1.135);filter:saturate(1.2) contrast(1.05)}
.ssd-cinema-card-copy{position:relative;z-index:2;min-height:0;margin-top:auto;padding:178px 24px 9px;pointer-events:none}
.ssd-cinema-card-kicker{font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.15em;text-shadow:0 1px 5px #160a18}
.ssd-cinema-card h3{font-size:clamp(22px,1.65vw,28px);line-height:1.16;letter-spacing:-.025em;margin:7px 0 5px;text-shadow:0 2px 12px rgba(0,0,0,.72)}
.ssd-cinema-card-copy p{font-size:clamp(13px,.91vw,15px);color:#f2dfe5;line-height:1.36;text-shadow:0 1px 7px rgba(0,0,0,.7);margin:0}
.ssd-cinema-card-actions{position:relative;z-index:3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 10px;margin:0;padding:12px 24px 19px;background:linear-gradient(180deg,rgba(24,14,27,.95),#180e1b 65%);border:0}
.ssd-cinema-card-actions a{font-size:14px;line-height:1.28;font-weight:750;min-height:40px}
.ssd-cinema-card-primary{padding:8px 12px;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.ssd-cinema-card-secondary{color:#f5dfe4!important}
.ssd-cinema-motion .ssd-cinema-card-image{animation:ssdCinemaPosterDrift 22s ease-in-out infinite alternate}
.ssd-cinema-motion .ssd-cinema-card--event .ssd-cinema-card-image{animation-duration:26s;animation-delay:-8s}
.ssd-cinema-motion .ssd-cinema-card--creative .ssd-cinema-card-image{animation-duration:24s;animation-delay:-12s}
.ssd-cinema-motion .ssd-cinema-card--tech .ssd-cinema-card-image{animation-duration:28s;animation-delay:-5s}
.ssd-cinema-motion .ssd-cinema-card:hover .ssd-cinema-card-image,.ssd-cinema-motion .ssd-cinema-card:focus-within .ssd-cinema-card-image{animation:none}
@keyframes ssdCinemaPosterDrift{0%{transform:scale(1.04) translate3d(-.9%,0,0)}100%{transform:scale(1.13) translate3d(.9%,-.8%,0)}}
@media(max-width:1350px){
  .ssd-cinema-layout{grid-template-columns:minmax(240px,.7fr) minmax(0,1.5fr);gap:clamp(24px,2.8vw,55px)}
  .ssd-cinema-card{min-height:328px}
  .ssd-cinema-card-copy{padding:150px 19px 8px}
  .ssd-cinema-card-actions{padding:11px 19px 18px}
  .ssd-cinema-card h3{font-size:clamp(21px,1.75vw,25px)}
}
@media(max-width:1150px){
  .ssd-cinema-layout{grid-template-columns:1fr;gap:34px}
  .ssd-cinema-intro{max-width:850px}
  .ssd-cinema-intro h2{font-size:clamp(52px,7vw,75px)}
  .ssd-cinema-card{min-height:355px}
  .ssd-cinema-card h3{font-size:clamp(24px,2.5vw,29px)}
}
@media(max-width:720px){
  .ssd-cinema-services{padding:54px 0}
  .ssd-cinema-cards{grid-template-columns:1fr}
  .ssd-cinema-card{min-height:370px}
  .ssd-cinema-card-copy{padding:175px 22px 10px}
  .ssd-cinema-card-actions{padding:11px 22px 19px}
  .ssd-cinema-card h3{font-size:27px}
}
@media(max-width:420px){
  .ssd-cinema-card{min-height:344px}
  .ssd-cinema-card-copy{padding:146px 18px 7px}
  .ssd-cinema-card-actions{padding:10px 18px 16px}
  .ssd-cinema-card-actions a{font-size:13px}
  .ssd-cinema-card h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  .ssd-cinema-card-image,.ssd-cinema-motion .ssd-cinema-card-image{animation:none!important;transform:none!important;will-change:auto;transition:none!important}
  .ssd-cinema-card:hover .ssd-cinema-card-image,.ssd-cinema-card:focus-within .ssd-cinema-card-image{transform:none!important}
  .ssd-cinema-card:after{display:none}
}
@media print{.ssd-cinema-card-image{animation:none!important;transform:none!important}}


/* v0.8.3 — cinematic depth and restrained motion for selected work. */
.ssd-work-feature{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 9% 4%,rgba(255,252,244,.9),transparent 35%),radial-gradient(ellipse at 93% 78%,rgba(166,92,111,.15),transparent 40%),linear-gradient(138deg,#eee1d3,#e4d4c8)}
.ssd-work-feature:before{content:"";position:absolute;z-index:-1;inset:-18% -8%;background:conic-gradient(from 190deg at 48% 52%,transparent 0deg,rgba(126,59,87,.055) 48deg,transparent 88deg,transparent 195deg,rgba(213,169,121,.085) 244deg,transparent 279deg);filter:blur(58px);pointer-events:none}
.ssd-work-feature>.container{position:relative;z-index:1}
.ssd-work-heading-row{margin-bottom:28px}
.ssd-work-heading-row .eyebrow{display:flex;align-items:center;gap:17px}
.ssd-work-heading-row .eyebrow:after{content:"";height:1px;width:65px;background:linear-gradient(90deg,#aa6780,transparent)}
.ssd-featured-layout,.ssd-featured-side,.ssd-featured-secondary{gap:18px}
.ssd-feature-card{border:1px solid rgba(118,52,82,.27);border-radius:15px;box-shadow:0 18px 41px rgba(52,23,44,.18);transition:transform .45s cubic-bezier(.2,.85,.2,1),box-shadow .45s,border-color .45s}
.ssd-feature-card:hover,.ssd-feature-card:focus-within{transform:translateY(-5px);border-color:rgba(221,163,103,.83);box-shadow:0 29px 56px rgba(43,16,31,.35),0 0 0 1px rgba(242,200,143,.32)}
.ssd-feature-card:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(116deg,transparent 34%,rgba(255,225,177,.08) 47%,transparent 63%);opacity:0;transform:translateX(-20%);pointer-events:none;transition:opacity .7s,transform 1.1s}
.ssd-feature-card:hover:after,.ssd-feature-card:focus-within:after{opacity:1;transform:translateX(21%)}
.ssd-feature-card>a:before{background:linear-gradient(180deg,rgba(20,8,17,.26) 0%,rgba(20,8,17,.09) 28%,rgba(20,8,17,.48) 51%,rgba(18,7,18,.93) 100%),linear-gradient(105deg,rgba(56,19,39,.13),transparent 63%)}
.ssd-feature-card>a{box-shadow:inset 0 0 0 1px rgba(255,232,200,.1),inset 0 -20px 66px rgba(15,6,17,.16)}
.ssd-feature-card-image{filter:saturate(.99) contrast(1.06);transform:scale(1.045);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .7s ease;will-change:transform}
.ssd-feature-card:hover .ssd-feature-card-image,.ssd-feature-card:focus-within .ssd-feature-card-image{transform:scale(1.12);filter:saturate(1.14) contrast(1.06)}
.ssd-feature-card-top{font-size:12px;letter-spacing:.14em;color:#f9d49b;text-shadow:0 1px 11px #160816}
.ssd-feature-card-top>span:first-child{background:rgba(31,14,29,.49);border:1px solid rgba(246,208,157,.32);border-radius:30px;padding:7px 12px;backdrop-filter:blur(7px)}
.ssd-feature-card-content{filter:drop-shadow(0 2px 10px rgba(0,0,0,.25))}
.ssd-feature-card-summary{font-size:15px;line-height:1.56;color:#fff0ed}
.ssd-feature-card-action{font-size:12px;letter-spacing:.14em;color:#f6ca89}
.ssd-work-archive-link{border-radius:7px;box-shadow:0 8px 17px rgba(50,25,40,.17)}
.ssd-work-feature .discipline-list a{border-radius:7px;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.ssd-work-feature .discipline-list a:hover,.ssd-work-feature .discipline-list a:focus-visible{transform:translateY(-2px);box-shadow:0 10px 22px rgba(55,27,41,.18)}
@media(prefers-reduced-motion:no-preference){
  .ssd-feature-card.has-image .ssd-feature-card-image{animation:ssdWorkCameraDrift 21s ease-in-out infinite alternate}
  .ssd-feature-card--lead.has-image .ssd-feature-card-image{animation-duration:27s}
  .ssd-feature-card--side:nth-child(even).has-image .ssd-feature-card-image{animation-duration:25s;animation-delay:-8s}
  .ssd-feature-card:hover .ssd-feature-card-image,.ssd-feature-card:focus-within .ssd-feature-card-image{animation:none}
}
@keyframes ssdWorkCameraDrift{0%{transform:scale(1.045) translate3d(-.7%,0,0)}100%{transform:scale(1.125) translate3d(.8%,-.6%,0)}}
@media(max-width:750px){.ssd-featured-layout,.ssd-featured-side,.ssd-featured-secondary{gap:14px}.ssd-feature-card-top{font-size:11px}}
@media(prefers-reduced-motion:reduce){
  .ssd-feature-card,.ssd-feature-card:after,.ssd-feature-card-image,.ssd-work-feature .discipline-list a{animation:none!important;transition:none!important;will-change:auto}
  .ssd-feature-card:hover,.ssd-feature-card:focus-within,.ssd-feature-card:hover .ssd-feature-card-image,.ssd-feature-card:focus-within .ssd-feature-card-image,.ssd-work-feature .discipline-list a:hover{transform:none!important}
}
@media print{.ssd-feature-card-image{animation:none!important;transform:none!important}}

/* v0.8.4 — cinematic, photo-led Show Productions landing only. */
.ssd-productions-landing{--show-champagne:#f0c38c;--show-ivory:#fff2e7}
.ssd-productions-landing .ssd-productions-hero{isolation:isolate;position:relative;display:flex;align-items:center;min-height:clamp(700px,83vh,885px);overflow:hidden;padding:170px 0 100px;background:#230d20}
.ssd-productions-hero-media{position:absolute;inset:0;z-index:-3;overflow:hidden}
.ssd-productions-hero-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:52% center;filter:saturate(1.06) contrast(1.05);transform:scale(1.035);animation:ssdShowStageDrift 25s ease-in-out infinite alternate;will-change:transform}
.ssd-productions-landing .ssd-productions-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(25,7,21,.83) 0%,rgba(37,10,30,.78) 23%,rgba(35,9,28,.48) 49%,rgba(20,5,15,.06) 90%),linear-gradient(0deg,rgba(21,6,18,.74),transparent 22%,transparent 71%,rgba(18,5,15,.27));pointer-events:none}
.ssd-productions-hero-glow{position:absolute;z-index:-1;pointer-events:none;width:61vw;height:70vw;left:-35vw;top:-23vw;border-radius:50%;background:radial-gradient(circle,rgba(153,42,99,.29),rgba(104,30,71,.1) 42%,transparent 69%);filter:blur(25px);animation:ssdShowLightBreathe 10s ease-in-out infinite alternate}
.ssd-productions-landing .ssd-productions-hero-content{position:relative;z-index:1;padding-bottom:55px}
.ssd-productions-landing .ssd-productions-hero .eyebrow{font-size:clamp(11px,.9vw,14px);font-weight:750;letter-spacing:.23em;color:#ebc592;margin-bottom:20px;text-shadow:0 3px 12px rgba(0,0,0,.5)}
.ssd-productions-landing .ssd-productions-hero h1{font:400 clamp(63px,6.1vw,102px)/.99 var(--serif);letter-spacing:-.028em;color:#fff4ec;max-width:920px;margin:0 0 29px;text-shadow:0 4px 23px rgba(21,5,14,.38);text-wrap:balance;animation:ssdShowContentReveal .9s cubic-bezier(.22,.8,.2,1) both}
.ssd-productions-landing .ssd-productions-hero h1 em{display:block;color:#edb981;font-style:normal}
.ssd-productions-landing .ssd-productions-tagline{font-size:clamp(21px,2vw,30px);font-weight:630;color:#fbe2bd;line-height:1.35;max-width:750px;margin:0 0 34px;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.ssd-productions-landing .ssd-productions-actions{gap:13px;margin:0}
.ssd-productions-landing .ssd-productions-button{border-radius:4px;min-height:57px;font-size:14px;padding:14px 23px;box-shadow:0 7px 28px rgba(18,3,15,.24)}
.ssd-productions-landing .ssd-productions-button--gold{background:#efc18b;border-color:#efc18b}
.ssd-productions-landing .ssd-productions-button--outline{background:rgba(25,7,21,.24);backdrop-filter:blur(12px);border-color:rgba(255,229,194,.85)}
.ssd-productions-hero-foot{position:absolute;left:0;bottom:-100px;right:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;border-top:1px solid rgba(255,216,171,.42);font-size:11px;letter-spacing:.17em;font-weight:750;color:#f7cfa0;text-shadow:0 2px 9px rgba(0,0,0,.5)}
.ssd-productions-scroll-cue{display:inline-block;margin-left:5px;font-size:20px;animation:ssdShowScrollPulse 2.7s ease-in-out infinite}

/* Production capabilities now read as four crafted lighting/control panels. */
.ssd-productions-landing .ssd-productions-expertise{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 8% 8%,rgba(255,251,247,.94),transparent 41%),radial-gradient(ellipse at 92% 79%,rgba(170,83,117,.12),transparent 46%),linear-gradient(145deg,#f1e5db,#eaddd4);padding:94px 0 87px}
.ssd-productions-landing .ssd-productions-expertise:before{content:"";position:absolute;z-index:-1;top:-100px;right:-150px;width:600px;height:600px;border:1px solid rgba(150,79,105,.09);border-radius:50%;box-shadow:0 0 0 100px rgba(150,79,105,.025),0 0 0 220px rgba(150,79,105,.015);pointer-events:none}
.ssd-productions-landing .ssd-productions-expertise .eyebrow{letter-spacing:.22em;color:#955169}
.ssd-productions-landing .ssd-productions-section-lead{align-items:end;margin:15px 0 35px;grid-template-columns:1.05fr .95fr}
.ssd-productions-landing .ssd-productions-section-lead h2{font-size:clamp(42px,4.2vw,64px);line-height:1.065;color:#33202d}
.ssd-productions-landing .ssd-productions-section-lead p{font-size:clamp(16px,1.2vw,18px);max-width:560px;line-height:1.55}
.ssd-productions-landing .ssd-productions-grid{gap:17px}
.ssd-productions-landing .ssd-productions-card{position:relative;isolation:isolate;overflow:hidden;min-height:340px;display:flex;flex-direction:column;padding:25px 23px 26px;background:linear-gradient(142deg,#563049,#2b1a2c 73%);border:1px solid rgba(205,154,130,.54);border-radius:14px;box-shadow:0 18px 40px rgba(59,25,46,.17);transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s,border-color .38s}
.ssd-productions-landing .ssd-productions-card:before{content:"";position:absolute;inset:-35% -25%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 78% 17%,rgba(229,157,124,.26),transparent 48%);opacity:.73;transition:opacity .4s}
.ssd-productions-landing .ssd-productions-card:after{content:"";position:absolute;top:-90%;left:-80%;width:48%;height:220%;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,235,214,.075),transparent);transform:rotate(18deg) translateX(0);transition:transform 1.1s ease}
.ssd-productions-landing .ssd-productions-card:hover,.ssd-productions-landing .ssd-productions-card:focus-within{transform:translateY(-6px);border-color:#e9bb94;box-shadow:0 28px 55px rgba(46,16,35,.3)}
.ssd-productions-landing .ssd-productions-card:hover:after,.ssd-productions-landing .ssd-productions-card:focus-within:after{transform:rotate(18deg) translateX(440%)}
.ssd-productions-card-art{height:95px;min-height:95px;margin:0 0 6px;display:flex;align-items:start;color:#e9be95}
.ssd-productions-card-art svg{width:126px;max-height:92px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(244,182,120,.18));transition:transform .5s ease,filter .5s ease}
.ssd-productions-landing .ssd-productions-card:hover .ssd-productions-card-art svg{transform:translateY(-4px) scale(1.04);filter:drop-shadow(0 0 15px rgba(244,182,120,.32))}
.ssd-productions-landing .ssd-productions-rule{margin-bottom:19px;background:#d7a479;width:43px}
.ssd-productions-landing .ssd-productions-card h3{font-size:clamp(18px,1.45vw,24px);line-height:1.19;margin:0 0 12px;color:#fff0e8}
.ssd-productions-landing .ssd-productions-card p{font-size:15px;line-height:1.59;color:#e8d3dc;margin:0}
.ssd-productions-approach-note{max-width:1110px;margin:30px auto 0;text-align:center;border-top:1px solid #d4b7b4;padding:21px 24px 0;color:#5c4150;font-size:16px;line-height:1.6}

/* Technical artistry: an immersive backstage editorial image with grounded copy. */
.ssd-productions-landing .ssd-productions-perspective{position:relative;overflow:hidden;background:radial-gradient(ellipse at 8% 50%,rgba(110,40,78,.27),transparent 55%),linear-gradient(115deg,#20101c,#382037);padding:86px 0}
.ssd-productions-landing .ssd-productions-perspective-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(34px,5.4vw,93px);align-items:center}
.ssd-productions-perspective-text .eyebrow{letter-spacing:.18em;color:#dfb283}
.ssd-productions-landing .ssd-productions-perspective h2{font-size:clamp(42px,4vw,64px);line-height:1.08;margin:14px 0 29px}
.ssd-productions-landing .ssd-productions-perspective-copy{border-left:2px solid rgba(224,176,130,.77);padding-left:22px}
.ssd-productions-landing .ssd-productions-perspective-copy p{font-size:clamp(15px,1.12vw,17px);line-height:1.62;margin:0 0 17px;color:#ead7df}
.ssd-productions-landing .ssd-productions-perspective-copy p:last-child{margin-bottom:0}
.ssd-productions-backstage{position:relative;overflow:hidden;min-height:440px;height:clamp(440px,39vw,570px);margin:0;border:1px solid rgba(228,175,133,.47);border-radius:18px;box-shadow:0 25px 65px rgba(9,3,12,.37)}
.ssd-productions-backstage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(20,5,19,.84),transparent 31%,transparent 79%,rgba(21,6,18,.12))}
.ssd-productions-backstage-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.98) contrast(1.05);transform:scale(1.02);transition:transform 1.5s cubic-bezier(.18,.8,.25,1)}
.ssd-productions-backstage:hover .ssd-productions-backstage-photo{transform:scale(1.075)}
.ssd-productions-backstage figcaption{position:absolute;bottom:25px;left:28px;right:28px;z-index:2;color:#f7d0a0;font-size:11px;letter-spacing:.14em;font-weight:800;display:flex;align-items:center;gap:10px;text-shadow:0 2px 11px rgba(0,0,0,.7)}
.ssd-productions-backstage figcaption span{color:#eeb789}

@keyframes ssdShowStageDrift{0%{transform:scale(1.035) translate3d(-.3%,0,0)}100%{transform:scale(1.105) translate3d(.9%,-.45%,0)}}
@keyframes ssdShowLightBreathe{from{opacity:.58;transform:translateX(-3%)}to{opacity:1;transform:translateX(3%)}}
@keyframes ssdShowContentReveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes ssdShowScrollPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:1180px){.ssd-productions-landing .ssd-productions-hero{min-height:690px}.ssd-productions-landing .ssd-productions-hero h1{font-size:clamp(61px,7.4vw,90px)}.ssd-productions-landing .ssd-productions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ssd-productions-landing .ssd-productions-card{min-height:290px}}
@media(max-width:850px){.ssd-productions-landing .ssd-productions-hero{min-height:680px;padding:145px 0 76px}.ssd-productions-landing .ssd-productions-hero:before{background:linear-gradient(90deg,rgba(25,7,21,.88),rgba(36,10,30,.67) 64%,rgba(23,7,21,.17)),linear-gradient(0deg,rgba(21,6,18,.74),transparent 32%)}.ssd-productions-landing .ssd-productions-hero h1{font-size:clamp(59px,8.6vw,79px)}.ssd-productions-hero-foot{bottom:-77px}.ssd-productions-landing .ssd-productions-section-lead{grid-template-columns:1fr;gap:22px}.ssd-productions-landing .ssd-productions-perspective-grid{grid-template-columns:1fr}.ssd-productions-backstage{height:450px;min-height:0}}
@media(max-width:570px){.ssd-productions-landing .ssd-productions-hero{min-height:670px;padding:142px 0 70px}.ssd-productions-hero-photo{object-position:64% center}.ssd-productions-landing .ssd-productions-hero:before{background:linear-gradient(90deg,rgba(25,7,21,.9),rgba(37,10,30,.74)),linear-gradient(0deg,rgba(21,6,18,.75),transparent 44%)}.ssd-productions-landing .ssd-productions-hero h1{font-size:clamp(46px,11.2vw,64px);line-height:1.04;max-width:100%}.ssd-productions-landing .ssd-productions-hero .eyebrow{font-size:10px;letter-spacing:.12em}.ssd-productions-landing .ssd-productions-tagline{font-size:21px;margin-bottom:27px}.ssd-productions-landing .ssd-productions-actions{flex-direction:column}.ssd-productions-landing .ssd-productions-button{width:100%;font-size:13px}.ssd-productions-hero-foot{bottom:-57px;font-size:9px;letter-spacing:.1em}.ssd-productions-hero-foot span:last-child{display:none}.ssd-productions-landing .ssd-productions-expertise,.ssd-productions-landing .ssd-productions-perspective{padding:66px 0}.ssd-productions-landing .ssd-productions-grid{grid-template-columns:1fr}.ssd-productions-landing .ssd-productions-card{min-height:0;padding:24px 22px 28px}.ssd-productions-landing .ssd-productions-section-lead h2,.ssd-productions-landing .ssd-productions-perspective h2{font-size:clamp(39px,10vw,55px)}.ssd-productions-backstage{height:340px;border-radius:12px}.ssd-productions-backstage figcaption{left:18px;right:18px;bottom:17px;font-size:9px}.ssd-productions-approach-note{text-align:left;padding:19px 0 0}}
@media(prefers-reduced-motion:reduce){.ssd-productions-hero-photo,.ssd-productions-hero-glow,.ssd-productions-landing .ssd-productions-hero h1,.ssd-productions-scroll-cue{animation:none!important;transform:none!important;will-change:auto}.ssd-productions-landing .ssd-productions-card,.ssd-productions-landing .ssd-productions-card:after,.ssd-productions-card-art svg,.ssd-productions-backstage-photo{transition:none!important}.ssd-productions-landing .ssd-productions-card:hover,.ssd-productions-backstage:hover .ssd-productions-backstage-photo{transform:none}}
@media print{.ssd-productions-hero-photo,.ssd-productions-scroll-cue{animation:none!important;transform:none!important}}

/* v0.8.5 — illustrated eight-tile cinematic chapter explorer. */
.chapter-strip.ssd-chapter-explorer{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% -40%,rgba(126,48,86,.33),transparent 57%),radial-gradient(ellipse at 95% 130%,rgba(105,62,109,.21),transparent 56%),linear-gradient(130deg,#25121f,#301929 52%,#211120);border-top:1px solid rgba(227,170,135,.22);border-bottom:1px solid rgba(227,170,135,.26)}
.chapter-strip.ssd-chapter-explorer:before{content:"";position:absolute;z-index:-1;inset:-20%;pointer-events:none;opacity:.38;background:conic-gradient(from 176deg at 47% 55%,transparent 0deg,rgba(219,137,119,.1) 38deg,transparent 72deg,transparent 183deg,rgba(107,78,165,.11) 245deg,transparent 274deg);filter:blur(34px)}
.ssd-chapter-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:31px 0 0}
.ssd-chapter-intro span:first-child{font-size:12px;font-weight:800;letter-spacing:.22em;color:#e4b989;display:inline-flex;align-items:center;gap:12px}
.ssd-chapter-intro span:first-child:before{content:"";display:inline-block;width:34px;height:1px;background:linear-gradient(90deg,#edc18f,transparent)}
.ssd-chapter-intro span:last-child{font-size:13px;line-height:1.4;color:#cfb5c1;font-weight:500;letter-spacing:.012em}
.chapter-strip.ssd-chapter-explorer .strip-inner{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 0 36px;align-items:stretch}
.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile{--tile-glow:rgba(224,159,124,.23);position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;text-align:left;min-width:0;min-height:126px;gap:16px;padding:20px 37px 20px 19px;border:1px solid rgba(224,176,142,.39);border-radius:13px;background:linear-gradient(150deg,rgba(101,52,80,.55),rgba(42,24,42,.88) 67%);box-shadow:0 12px 29px rgba(9,4,13,.19);color:#fdf1e9;text-decoration:none;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s,background .4s}
.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile:before{content:"";position:absolute;inset:-38%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 11% 15%,var(--tile-glow),transparent 57%);opacity:.9;transition:opacity .4s,transform .5s}
.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile:after{content:"";position:absolute;top:-80%;left:-56%;width:34%;height:270%;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,247,230,.095),transparent);transform:rotate(19deg) translateX(-120%);transition:transform .95s ease}
.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile:hover,.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile:focus-visible{transform:translateY(-5px);border-color:#edc18e;box-shadow:0 22px 41px rgba(10,3,14,.38),0 0 0 1px rgba(238,194,143,.18);background:linear-gradient(150deg,rgba(114,58,86,.76),rgba(49,26,46,.94) 70%)}
.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile:hover:after,.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile:focus-visible:after{transform:rotate(19deg) translateX(525%)}
.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile:focus-visible{outline:3px solid #efc28d;outline-offset:3px}
.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile span{min-height:0;padding:0;border:0;background:none;line-height:1.2;letter-spacing:normal;box-shadow:none}
.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-icon{display:grid;place-items:center;flex:0 0 69px;width:69px;height:69px;border:1px solid rgba(245,205,157,.25);border-radius:12px;background:radial-gradient(circle at 30% 18%,rgba(251,217,177,.12),rgba(69,35,53,.4) 70%);color:#f0c796}
.ssd-chapter-icon svg{width:57px;height:57px;max-width:100%;max-height:100%;display:block;filter:drop-shadow(0 2px 7px rgba(244,174,113,.1));transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s}
.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile:hover .ssd-chapter-icon svg{transform:translateY(-3px) scale(1.06);filter:drop-shadow(0 0 10px rgba(244,174,113,.31))}
.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-text{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-title{display:block;color:#fff1e7;font:750 clamp(15px,1.14vw,20px)/1.2 var(--sans);letter-spacing:-.018em;text-align:left;overflow-wrap:normal}
.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-subtitle{display:block;font-size:9px;line-height:1.35;letter-spacing:.085em;font-weight:750;color:#d8ad9c;text-align:left}
.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-arrow{position:absolute;top:13px;right:16px;font-size:22px;font-weight:300;line-height:1;color:#e9bf90;opacity:.78;transition:transform .3s ease,opacity .3s}
.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile:hover .ssd-chapter-arrow{transform:translate(3px,-3px);opacity:1}
.ssd-chapter-tile--community{--tile-glow:rgba(221,132,161,.24)!important}
.ssd-chapter-tile--creative-design,.ssd-chapter-tile--photography-design{--tile-glow:rgba(159,114,201,.25)!important}
.ssd-chapter-tile--music-karaoke{--tile-glow:rgba(227,136,120,.25)!important}
.ssd-chapter-tile--literature-culture{--tile-glow:rgba(186,133,195,.23)!important}
.ssd-chapter-tile--technology{--tile-glow:rgba(96,163,189,.23)!important}
.ssd-chapter-tile--visual-stories{--tile-glow:rgba(235,150,176,.29)!important}
.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-tile--technology .ssd-chapter-icon{color:#a7d3dc;border-color:rgba(167,211,220,.23)}
.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-tile--creative-design .ssd-chapter-icon,.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-tile--literature-culture .ssd-chapter-icon{color:#d9bde2}
.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-tile--visual-stories .ssd-chapter-icon{color:#f4b5c9}
.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-tile--visual-stories{border-color:rgba(237,168,176,.55)}

/* The related links after Selected Work receive the same eighth destination. */
.ssd-work-feature .discipline-list a{border-radius:9px;min-height:59px;border-color:rgba(166,93,120,.42);background:linear-gradient(142deg,#4a263d,#321d32);box-shadow:0 7px 20px rgba(52,22,41,.16)}
.ssd-work-feature .discipline-list a:hover{background:linear-gradient(142deg,#674058,#482c44);color:#fff5e8;border-color:#d8ac82;box-shadow:0 12px 26px rgba(52,22,41,.27)}

@media(max-width:1380px){.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile{gap:11px;min-height:120px;padding:15px 29px 15px 13px}.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-icon{flex-basis:56px;width:56px;height:60px}.ssd-chapter-icon svg{width:47px;height:47px}.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-title{font-size:clamp(14px,1.16vw,19px)}.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-subtitle{font-size:8px;letter-spacing:.045em}}
@media(max-width:1180px){.chapter-strip.ssd-chapter-explorer .strip-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile{min-height:110px;padding:15px 32px 15px 16px}.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-title{font-size:17px}.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-subtitle{font-size:9px}}
@media(max-width:650px){.ssd-chapter-intro{padding:25px 0 0;align-items:flex-start;flex-direction:column;gap:8px}.ssd-chapter-intro span:first-child{font-size:10px;letter-spacing:.16em}.ssd-chapter-intro span:last-child{font-size:12px}.chapter-strip.ssd-chapter-explorer .strip-inner{gap:10px;padding:17px 0 29px}.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile{min-height:116px;gap:7px;padding:15px 10px 14px;flex-direction:column;justify-content:center;text-align:center}.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-icon{flex:0 0 46px;width:51px;height:48px;border-radius:9px}.ssd-chapter-icon svg{width:41px;height:41px}.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-text{align-items:center;gap:0}.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-title{font-size:clamp(12px,3.45vw,16px);line-height:1.2;text-align:center}.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-subtitle{display:none}.chapter-strip.ssd-chapter-explorer .strip-inner .ssd-chapter-arrow{right:8px;top:5px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.chapter-strip.ssd-chapter-explorer .ssd-chapter-tile,.chapter-strip.ssd-chapter-explorer .ssd-chapter-tile:after,.ssd-chapter-icon svg,.chapter-strip.ssd-chapter-explorer .ssd-chapter-arrow{transition:none!important}.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile:hover,.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile:hover .ssd-chapter-icon svg{transform:none!important}.chapter-strip.ssd-chapter-explorer .strip-inner a.ssd-chapter-tile:after{display:none}}

/* v0.8.6 — The Living Archive: a cinematic editorial opening and eight visual chapters. */
.legacy{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 12%,rgba(132,65,91,.24),transparent 42%),radial-gradient(ellipse at 5% 91%,rgba(107,47,87,.16),transparent 42%),#1b101b;padding-top:clamp(55px,5vw,88px);padding-bottom:clamp(62px,6vw,99px)}
.ssd-archive-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(490px,40vw,625px);display:flex;align-items:center;border:1px solid rgba(236,181,125,.42);border-radius:20px;background:#190e17;box-shadow:0 27px 72px rgba(6,2,9,.4),inset 0 0 0 1px rgba(255,239,212,.06)}
.ssd-archive-image{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.04) contrast(1.055);transform:scale(1.045);animation:ssdArchiveImageDrift 27s ease-in-out infinite alternate}
.ssd-archive-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(21,8,18,.86),rgba(26,9,21,.78) 27%,rgba(21,8,18,.35) 58%,rgba(18,6,17,.12) 90%),linear-gradient(0deg,rgba(14,5,14,.4),transparent 38%,rgba(29,9,20,.16))}
.ssd-archive-hero:after{content:"";position:absolute;z-index:-1;width:68%;height:95%;left:-19%;top:-31%;border-radius:50%;background:radial-gradient(ellipse,rgba(177,66,98,.18),transparent 66%);filter:blur(28px);pointer-events:none;animation:ssdArchiveGlow 12s ease-in-out infinite alternate}
.ssd-archive-hero-content{padding:clamp(33px,4.5vw,78px);max-width:720px;position:relative;z-index:1}
.ssd-archive-hero .eyebrow{color:#f0c28c;letter-spacing:.22em;font-size:clamp(11px,.8vw,14px);font-weight:800;margin-bottom:23px;text-shadow:0 3px 12px rgba(0,0,0,.45)}
.ssd-archive-hero .section-heading{font:400 clamp(44px,4.6vw,73px)/1.045 var(--serif);letter-spacing:-.02em;color:#fff4ec;margin:0 0 23px;text-wrap:balance;text-shadow:0 4px 19px rgba(11,4,11,.46)}
.ssd-archive-hero .section-heading em{color:#e6b780;font-style:normal}
.ssd-archive-hero-content>p{max-width:570px;margin:0 0 23px;color:#f2dfe1;font-size:clamp(15px,1.04vw,17px);line-height:1.6;text-shadow:0 2px 10px rgba(0,0,0,.67)}
.ssd-archive-explore{display:inline-flex;align-items:center;gap:16px;font-size:11px;font-weight:850;letter-spacing:.16em;color:#f2c493;border-top:1px solid rgba(243,201,153,.44);padding-top:15px}
.ssd-archive-explore>span{font-size:19px;font-weight:400;animation:ssdArchiveNudge 3.2s ease-in-out infinite}
.ssd-legacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.ssd-legacy-card{--archive-accent:#f0b784;--archive-halo:rgba(227,144,108,.18);position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:235px;overflow:hidden;padding:28px clamp(23px,2.5vw,39px);border:1px solid rgba(226,168,132,.31);border-radius:15px;background:linear-gradient(128deg,rgba(89,44,70,.61),rgba(44,23,42,.9) 55%,rgba(32,20,34,.96));box-shadow:0 15px 39px rgba(6,2,10,.21);color:#fff1e9;text-decoration:none;transition:transform .42s cubic-bezier(.2,.82,.2,1),border-color .42s,box-shadow .42s,background .42s}
.ssd-legacy-card-glow{position:absolute;inset:-18%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 83% 31%,var(--archive-halo),transparent 51%);opacity:.9;transition:transform .6s,opacity .5s}
.ssd-legacy-card:after{content:"";position:absolute;z-index:1;pointer-events:none;top:-85%;left:-58%;height:260%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,238,207,.085),transparent);transform:rotate(15deg) translateX(-120%);transition:transform 1.1s ease}
.ssd-legacy-card:hover,.ssd-legacy-card:focus-visible{transform:translateY(-5px);border-color:var(--archive-accent);box-shadow:0 26px 51px rgba(5,2,9,.43),0 0 0 1px rgba(251,216,172,.13);color:#fff8f1}
.ssd-legacy-card:hover:after,.ssd-legacy-card:focus-visible:after{transform:rotate(15deg) translateX(520%)}
.ssd-legacy-card:hover .ssd-legacy-card-glow{transform:scale(1.12);opacity:1}
.ssd-legacy-card:focus-visible{outline:3px solid #e9bd8a;outline-offset:3px}
.ssd-legacy-card-icon{position:absolute;top:23px;right:21px;width:121px;height:121px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--archive-accent) 30%,transparent);border-radius:50%;background:radial-gradient(circle at 38% 34%,var(--archive-halo),transparent 70%);color:var(--archive-accent);opacity:.86;transform:rotate(-7deg);transition:transform .65s ease,opacity .65s}
.ssd-legacy-card-icon:after{content:"";position:absolute;inset:-14px;border:1px dashed color-mix(in srgb,var(--archive-accent) 23%,transparent);border-radius:50%}
.ssd-legacy-card-icon svg{width:79px;height:79px;filter:drop-shadow(0 3px 12px var(--archive-halo))}
.ssd-legacy-card:hover .ssd-legacy-card-icon,.ssd-legacy-card:focus-visible .ssd-legacy-card-icon{transform:rotate(0) scale(1.09);opacity:1}
.ssd-legacy-card-label{max-width:75%;font-size:11px;line-height:1.3;letter-spacing:.18em;color:var(--archive-accent);font-weight:800;margin-bottom:10px;text-transform:uppercase}
.ssd-legacy-card h3{max-width:76%;font:750 clamp(21px,1.56vw,28px)/1.14 var(--sans);letter-spacing:-.025em;color:#fff2e9;margin:0 0 11px}
.ssd-legacy-card p{max-width:76%;font-size:clamp(14px,.94vw,16px);line-height:1.48;color:#e7d4dd;margin:0 0 15px}
.ssd-legacy-card-link{font-size:10px;font-weight:850;letter-spacing:.15em;color:var(--archive-accent);display:inline-flex;align-items:center;gap:11px}
.ssd-legacy-card-link>span{font-size:20px;line-height:.7;font-weight:400;transition:transform .28s}
.ssd-legacy-card:hover .ssd-legacy-card-link>span,.ssd-legacy-card:focus-visible .ssd-legacy-card-link>span{transform:translate(3px,-3px)}
.ssd-legacy-card--community{--archive-accent:#edb1c3;--archive-halo:rgba(212,109,149,.23)}
.ssd-legacy-card--event-management{--archive-accent:#f7bba4;--archive-halo:rgba(240,138,112,.22)}
.ssd-legacy-card--creative-design{--archive-accent:#d8b0ee;--archive-halo:rgba(176,121,210,.2)}
.ssd-legacy-card--music-karaoke{--archive-accent:#f2bd96;--archive-halo:rgba(226,151,92,.23)}
.ssd-legacy-card--literature-culture{--archive-accent:#c8b9ed;--archive-halo:rgba(159,135,224,.22)}
.ssd-legacy-card--visual-stories{--archive-accent:#f3bdce;--archive-halo:rgba(229,128,166,.25)}
.ssd-legacy-card--technology{--archive-accent:#95d3de;--archive-halo:rgba(97,161,187,.26)}
@keyframes ssdArchiveImageDrift{from{transform:scale(1.045) translate3d(-.7%,0,0)}to{transform:scale(1.12) translate3d(.9%,-.5%,0)}}
@keyframes ssdArchiveGlow{from{opacity:.58;transform:translateX(-4%)}to{opacity:1;transform:translateX(4%)}}
@keyframes ssdArchiveNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:1050px){.ssd-archive-hero{min-height:530px}.ssd-legacy-card{min-height:258px}.ssd-legacy-card h3,.ssd-legacy-card p{max-width:100%}.ssd-legacy-card-icon{width:92px;height:92px;right:14px;top:14px;opacity:.49}.ssd-legacy-card-icon svg{width:64px;height:64px}}
@media(max-width:760px){.ssd-archive-hero{min-height:570px;align-items:end}.ssd-archive-hero:before{background:linear-gradient(0deg,rgba(16,5,15,.96),rgba(23,8,19,.86) 39%,rgba(20,6,18,.38) 100%)}.ssd-archive-hero-content{padding:29px 25px 33px;max-width:100%}.ssd-archive-hero .section-heading{font-size:clamp(40px,7.7vw,61px);margin-bottom:16px}.ssd-archive-hero-content>p{font-size:15px;line-height:1.53}.ssd-legacy-grid{grid-template-columns:1fr;gap:13px;margin-top:17px}.ssd-legacy-card{min-height:216px}.ssd-legacy-card h3{font-size:24px;max-width:80%}.ssd-legacy-card p{max-width:86%}}
@media(max-width:470px){.legacy{padding-top:41px;padding-bottom:55px}.ssd-archive-hero{min-height:535px;border-radius:13px}.ssd-archive-hero .section-heading{font-size:clamp(37px,9.2vw,49px)}.ssd-archive-hero-content{padding:23px 20px 28px}.ssd-archive-hero .eyebrow{font-size:10px;letter-spacing:.14em}.ssd-archive-image{object-position:64% center}.ssd-legacy-card{min-height:220px;padding:23px 19px;border-radius:12px}.ssd-legacy-card h3{max-width:80%;font-size:22px}.ssd-legacy-card p{max-width:85%;font-size:14px}.ssd-legacy-card-icon{width:83px;height:83px;right:8px;top:9px}.ssd-legacy-card-icon svg{width:57px;height:57px}.ssd-legacy-card-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ssd-archive-image,.ssd-archive-hero:after,.ssd-archive-explore>span{animation:none!important;transform:none!important}.ssd-legacy-card,.ssd-legacy-card:after,.ssd-legacy-card-glow,.ssd-legacy-card-icon,.ssd-legacy-card-link>span{transition:none!important}.ssd-legacy-card:hover,.ssd-legacy-card:focus-visible,.ssd-legacy-card:hover .ssd-legacy-card-icon,.ssd-legacy-card:focus-visible .ssd-legacy-card-icon{transform:none!important}.ssd-legacy-card:after{display:none}}
@media print{.ssd-archive-image,.ssd-archive-explore>span{animation:none!important;transform:none!important}}

/* v0.8.9 — Enterprise technology & working approach: cinematic, image-led storytelling. */
.technology,.services{overflow:hidden;isolation:isolate}
.technology{background:radial-gradient(ellipse at 77% 4%,rgba(36,117,124,.13),transparent 46%),#16121c;padding-top:clamp(54px,5.2vw,88px);padding-bottom:clamp(67px,6vw,95px)}
.technology:before{display:none}
.services{background:radial-gradient(ellipse at 16% 82%,rgba(147,45,89,.18),transparent 43%),#291321;padding-top:clamp(54px,5.2vw,88px);padding-bottom:clamp(74px,6.2vw,104px)}
.ssd-cinema-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;border:1px solid rgba(233,183,133,.36);box-shadow:0 25px 65px rgba(6,3,10,.37),inset 0 0 0 1px rgba(255,237,204,.04);background:#210e1c}
.ssd-cinema-backdrop{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.02) contrast(1.05);transform:scale(1.035);animation:ssdCinemaDrift 24s ease-in-out infinite alternate}
.ssd-cinema-stage:before{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(28,8,23,.9) 0%,rgba(27,9,23,.66) 41%,rgba(28,9,23,.11) 76%),linear-gradient(0deg,rgba(12,5,13,.45),transparent 45%)}
.ssd-cinema-shimmer{position:absolute;z-index:-1;left:-12%;bottom:-30%;width:72%;height:96%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,rgba(156,57,109,.19),transparent 66%);filter:blur(19px);animation:ssdCinemaShimmer 12s ease-in-out infinite alternate}
.ssd-tech-cinema{min-height:clamp(440px,37vw,585px);display:flex;align-items:center}
.ssd-tech-cinema-content{position:relative;z-index:1;width:min(760px,73%);padding:clamp(35px,5.1vw,82px)}
.ssd-cinema-stage .eyebrow{font-size:clamp(11px,.8vw,14px);letter-spacing:.22em;font-weight:800;color:#e5ba84;margin:0 0 22px;text-shadow:0 2px 15px rgba(0,0,0,.6)}
.ssd-cinema-stage .section-heading{font-size:clamp(47px,4.65vw,76px);line-height:1.045;letter-spacing:-.025em;color:#fff3ea;margin:0 0 21px;text-wrap:balance;text-shadow:0 5px 20px rgba(4,2,5,.5)}
.ssd-cinema-stage .section-heading em{color:#e6b982}
.ssd-cinema-statement{font-size:clamp(16px,1.18vw,19px);line-height:1.53;color:#f2dfe2;max-width:520px;margin:0 0 24px;text-shadow:0 3px 10px rgba(0,0,0,.6)}
.ssd-cinema-jump{display:inline-flex;align-items:center;gap:18px;color:#f0c590;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.15em;border-top:1px solid rgba(241,194,143,.52);padding-top:15px;transition:color .25s,gap .25s}
.ssd-cinema-jump span{font-size:20px;font-weight:400;line-height:1}
.ssd-cinema-jump:hover,.ssd-cinema-jump:focus-visible{color:#fff4dd;gap:26px}
.ssd-cinema-jump:focus-visible,.ssd-cinema-details summary:focus-visible{outline:2px solid #f5d7a3;outline-offset:5px}
.technology .tech-grid{gap:16px;margin-top:18px;scroll-margin-top:100px}
.technology .tech-card{position:relative;isolation:isolate;overflow:hidden;min-height:260px;padding:25px 24px 26px;border-radius:13px;border:1px solid rgba(122,184,185,.27);background:linear-gradient(145deg,rgba(43,62,70,.85),rgba(38,25,42,.92) 64%,rgba(27,18,32,.99));box-shadow:0 12px 33px rgba(7,4,12,.21);transition:transform .36s cubic-bezier(.2,.8,.2,1),border-color .36s,box-shadow .36s}
.technology .tech-card:before{display:none}
.technology .tech-card:after{content:"";position:absolute;inset:-30% -30% auto auto;width:90%;height:90%;pointer-events:none;background:radial-gradient(ellipse,rgba(98,184,195,.14),transparent 72%);transition:transform .45s}
.technology .tech-card:hover,.technology .tech-card:focus-within{transform:translateY(-5px);border-color:rgba(135,219,219,.64);box-shadow:0 24px 52px rgba(4,8,13,.42)}
.technology .tech-card:hover:after{transform:scale(1.25)}
.ssd-tech-icon{width:78px;height:78px;display:grid;place-items:center;color:#a2d4da;border:1px solid rgba(169,223,220,.28);background:radial-gradient(circle at 46% 40%,rgba(85,186,191,.14),rgba(56,89,102,.035) 70%);border-radius:18px;margin-bottom:23px;box-shadow:inset 0 0 19px rgba(88,171,174,.12);transition:transform .45s,color .4s}
.ssd-tech-icon svg{width:56px;height:56px;filter:drop-shadow(0 0 7px rgba(71,199,201,.3))}
.technology .tech-card:hover .ssd-tech-icon{color:#e5f9f4;transform:translateY(-3px) rotate(-2deg)}
.technology .tech-card h3{white-space:normal;font-size:clamp(18px,1.25vw,21px);line-height:1.21;min-height:2.42em;max-width:250px;margin:0 0 11px;color:#fff1ec}
.technology .tech-card p{font-size:15px;line-height:1.53;color:#d8ccd3}
.technology .tech-foot{margin-top:23px;padding:25px 26px;gap:32px;align-items:center;border:1px solid rgba(230,184,143,.22);border-radius:12px;background:linear-gradient(105deg,rgba(78,43,68,.45),rgba(28,29,43,.63))}
.technology .tech-foot .tech-copy{max-width:920px}
.technology .tech-foot .ssd-tech-credibility{font-size:clamp(15px,1.04vw,17px);color:#f3e4df;line-height:1.52;max-width:860px;margin:0 0 8px}
.ssd-cinema-details{color:#e2c7c8;font-size:14px;max-width:890px}
.ssd-cinema-details summary{display:inline-flex;align-items:center;gap:12px;color:#c5e4e3;font-weight:750;font-size:14px;cursor:pointer;list-style:none;padding:5px 0;transition:color .2s}
.ssd-cinema-details summary::-webkit-details-marker{display:none}
.ssd-cinema-details summary span{font-size:21px;font-weight:300;line-height:.8;transition:transform .25s}
.ssd-cinema-details[open] summary span{transform:rotate(45deg)}
.ssd-cinema-details summary:hover{color:#fff}
.ssd-cinema-detail-body{padding:13px 17px 4px 0;max-width:800px}
.technology .tech-foot .ssd-cinema-detail-body p{font-size:15px;line-height:1.63;margin:0 0 12px;color:#e7d4d7}
.technology .tech-foot .text-link{font-size:13px;min-height:57px;padding:15px 24px}
.ssd-approach-cinema{min-height:clamp(450px,37vw,560px);display:flex;align-items:center}
.ssd-approach-cinema:before{background:linear-gradient(90deg,rgba(37,7,25,.92),rgba(39,11,28,.71) 40%,rgba(28,8,22,.08) 74%),linear-gradient(0deg,rgba(19,4,16,.38),transparent 47%)}
.ssd-approach-cinema-content{position:relative;z-index:1;width:min(850px,75%);padding:clamp(35px,5vw,79px)}
.ssd-approach-cinema .section-heading{font-size:clamp(45px,4.5vw,73px)}
.ssd-approach-cinema .services-intro{max-width:590px;margin:0;color:#f4e1e4;font-size:clamp(16px,1.12vw,18px);line-height:1.56;text-shadow:0 2px 13px rgba(0,0,0,.7)}
.services .service-grid{position:relative;gap:17px;margin-top:19px}
.services .service-grid:before{content:"";position:absolute;z-index:0;left:12%;right:12%;top:72px;height:1px;background:linear-gradient(90deg,transparent,rgba(235,187,135,.75),rgba(193,138,179,.7),transparent);box-shadow:0 0 12px rgba(234,178,144,.6);pointer-events:none}
.services .service{position:relative;z-index:1;isolation:isolate;overflow:hidden;min-height:250px;padding:29px clamp(22px,2.5vw,36px);border:1px solid rgba(231,161,177,.36);border-radius:13px;background:radial-gradient(ellipse at 90% 0%,rgba(176,90,129,.18),transparent 64%),linear-gradient(141deg,#4b263d,#2a192b 83%);box-shadow:0 15px 39px rgba(12,4,14,.29);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s}
.services .service:before{display:none}
.services .service:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 36%,rgba(255,238,216,.055) 50%,transparent 64%);transform:translateX(-110%);transition:transform .7s;pointer-events:none}
.services .service:hover{transform:translateY(-5px);border-color:rgba(245,195,166,.76);box-shadow:0 22px 49px rgba(7,3,11,.41)}
.services .service:hover:after{transform:translateX(110%)}
.ssd-service-icon{width:84px;height:84px;display:grid;place-items:center;border:1px solid rgba(240,193,173,.4);border-radius:50%;color:#f1c39c;background:radial-gradient(circle,rgba(229,166,139,.2),rgba(229,166,139,.045) 66%);box-shadow:0 0 0 7px rgba(239,177,151,.04),inset 0 0 24px rgba(228,145,130,.12);margin-bottom:23px;transition:transform .42s,color .42s}
.ssd-service-icon svg{width:57px;height:57px;filter:drop-shadow(0 0 7px rgba(227,145,127,.23))}
.services .service:nth-child(2) .ssd-service-icon{color:#dcb6e7;border-color:rgba(214,168,227,.46);background:radial-gradient(circle,rgba(165,110,190,.19),rgba(165,110,190,.02) 70%)}
.services .service:nth-child(3) .ssd-service-icon{color:#aed7d5;border-color:rgba(166,217,215,.42);background:radial-gradient(circle,rgba(91,172,180,.18),rgba(91,172,180,.02) 70%)}
.services .service:hover .ssd-service-icon{transform:translateY(-4px) rotate(-5deg)}
.services .service h3{font-family:var(--sans);font-size:clamp(22px,1.75vw,27px);font-weight:720;letter-spacing:-.025em;line-height:1.17;color:#fff1ee;margin:0 0 13px}
.services .service p{font-size:16px;line-height:1.55;color:#dfcbd3;margin:0}
@keyframes ssdCinemaDrift{from{transform:scale(1.035) translate3d(-.4%,0,0)}to{transform:scale(1.095) translate3d(.7%,-.5%,0)}}
@keyframes ssdCinemaShimmer{from{opacity:.52;transform:translateX(-3%)}to{opacity:1;transform:translateX(4%)}}
@media(max-width:1320px){.technology .tech-card h3{font-size:21px;min-height:0}.technology .tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technology .tech-card{min-height:245px}.ssd-tech-cinema-content,.ssd-approach-cinema-content{width:min(740px,75%)}}
@media(max-width:860px){.ssd-tech-cinema,.ssd-approach-cinema{min-height:495px;align-items:end}.ssd-cinema-stage:before,.ssd-approach-cinema:before{background:linear-gradient(0deg,rgba(20,7,19,.96),rgba(26,8,20,.81) 45%,rgba(26,8,20,.2) 100%)}.ssd-tech-cinema-content,.ssd-approach-cinema-content{width:100%;padding:36px 31px}.ssd-cinema-stage .section-heading{font-size:clamp(44px,7vw,64px)}.technology .tech-foot{grid-template-columns:1fr}.technology .tech-foot .text-link{justify-self:start}.services .service-grid{grid-template-columns:1fr}.services .service-grid:before{top:8%;bottom:8%;left:64px;right:auto;width:1px;height:auto;background:linear-gradient(0deg,transparent,rgba(235,187,135,.7),transparent)}.services .service{min-height:0}}
@media(max-width:650px){.technology,.services{padding-top:47px;padding-bottom:65px}.ssd-cinema-stage{border-radius:13px}.ssd-tech-cinema,.ssd-approach-cinema{min-height:520px}.ssd-cinema-backdrop{object-position:60% center}.ssd-cinema-stage .section-heading{font-size:clamp(37px,10.2vw,54px)}.ssd-tech-cinema-content,.ssd-approach-cinema-content{padding:30px 22px}.ssd-cinema-stage .eyebrow{font-size:10px;letter-spacing:.14em}.ssd-cinema-statement,.ssd-approach-cinema .services-intro{font-size:15px;line-height:1.5}.technology .tech-grid{grid-template-columns:1fr;gap:12px}.technology .tech-card{min-height:0;padding:24px 22px}.ssd-tech-icon{width:66px;height:66px;margin-bottom:19px}.ssd-tech-icon svg{width:50px;height:50px}.technology .tech-card h3{font-size:21px;margin-bottom:8px}.technology .tech-card p{font-size:15px}.technology .tech-foot{padding:22px 20px}.services .service{padding:24px 22px}.services .service h3{font-size:23px}.services .service p{font-size:15px}.ssd-service-icon{width:73px;height:73px;margin-bottom:21px}.ssd-service-icon svg{width:51px;height:51px}}
@media(max-width:380px){.ssd-cinema-stage .section-heading{font-size:37px}.ssd-tech-cinema,.ssd-approach-cinema{min-height:505px}}
@media(prefers-reduced-motion:reduce){.ssd-cinema-backdrop,.ssd-cinema-shimmer{animation:none!important;transform:none!important}.ssd-cinema-jump,.ssd-cinema-details summary span,.technology .tech-card,.technology .tech-card:after,.ssd-tech-icon,.services .service,.services .service:after,.ssd-service-icon{transition:none!important}.technology .tech-card:hover,.services .service:hover,.ssd-service-icon,.technology .tech-card:hover .ssd-tech-icon{transform:none!important}.services .service:after{display:none}}
@media print{.ssd-cinema-backdrop,.ssd-cinema-shimmer{animation:none!important;transform:none!important}}

/* v0.8.10 — Selected Work: cinematic backstage editorial opening and chapter navigation. */
.ssd-work-feature{
    position:relative;isolation:isolate;overflow:hidden;
    background:radial-gradient(ellipse at 3% 11%,rgba(128,49,80,.18),transparent 44%),
               radial-gradient(ellipse at 92% 91%,rgba(155,107,117,.18),transparent 43%),#1f121e;
    color:#f9ece4;padding-top:clamp(58px,5.5vw,94px);
    padding-bottom:clamp(72px,6.2vw,102px);
}
.ssd-work-feature:before{inset:-16% -10%;background:radial-gradient(ellipse at 35% 40%,rgba(122,49,78,.14),transparent 50%);filter:blur(38px)}
.ssd-work-feature>.container{position:relative;z-index:1}
.ssd-work-feature .ssd-work-cinema-hero{
    display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
    position:relative;isolation:isolate;overflow:hidden;min-height:clamp(460px,38vw,565px);
    padding:clamp(38px,5vw,82px);border:1px solid rgba(235,187,137,.37);
    border-radius:19px;background:#210e1b;box-shadow:0 28px 69px rgba(5,2,8,.43);
    margin:0;gap:0;
}
.ssd-work-cinema-backdrop{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.05);transform:scale(1.035);animation:ssdWorkHeroDrift 26s ease-in-out infinite alternate}
.ssd-work-cinema-hero:before{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(27,5,20,.9),rgba(31,8,23,.68) 45%,rgba(29,8,23,.13) 78%),linear-gradient(0deg,rgba(12,4,13,.39),transparent 43%)}
.ssd-work-cinema-glow{position:absolute;z-index:-1;left:-15%;bottom:-45%;width:80%;height:120%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,rgba(184,78,113,.22),transparent 69%);filter:blur(25px);animation:ssdWorkHeroGlow 13s ease-in-out infinite alternate}
.ssd-work-cinema-hero>div:not(.ssd-work-cinema-glow),.ssd-work-cinema-hero>.section-lede{position:relative;z-index:1}
.ssd-work-cinema-hero .eyebrow{font-size:clamp(11px,.9vw,14px);letter-spacing:.2em;color:#f3c691;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.6);margin-bottom:21px}
.ssd-work-cinema-hero .eyebrow:after{width:74px;background:linear-gradient(90deg,rgba(244,194,138,.8),transparent)}
.ssd-work-cinema-hero .section-heading{
    font:400 clamp(47px,5.15vw,82px)/1.055 var(--serif);
    letter-spacing:-.022em;color:#fff2e8;text-shadow:0 5px 23px rgba(9,3,11,.67);
    max-width:800px;margin:0;text-wrap:balance;
}
.ssd-work-cinema-hero .section-heading em{color:#e9b885;font-style:normal}
.ssd-work-cinema-hero .section-lede{
    font-size:clamp(16px,1.14vw,19px);line-height:1.55;color:#f0dce0;
    max-width:605px;margin:25px 0 0;text-shadow:0 2px 10px rgba(5,2,8,.8)
}
.ssd-work-feature .ssd-featured-layout{position:relative;z-index:3;margin-top:-33px}
.ssd-work-feature .ssd-featured-secondary{position:relative;z-index:3}
.ssd-work-feature .ssd-feature-card{
    border:1px solid rgba(239,186,147,.51);border-radius:15px;
    box-shadow:0 21px 44px rgba(5,2,8,.44),0 0 0 1px rgba(255,222,194,.055);
}
.ssd-work-feature .ssd-feature-card:hover,.ssd-work-feature .ssd-feature-card:focus-within{
    border-color:rgba(254,216,169,.94);
    box-shadow:0 28px 56px rgba(5,2,8,.56),0 0 0 1px rgba(255,212,163,.18);
}
.ssd-work-feature .ssd-feature-card>a:before{
    background:linear-gradient(180deg,rgba(18,7,16,.15) 0%,rgba(18,7,16,.12) 30%,
                    rgba(21,8,18,.59) 63%,rgba(15,5,17,.95) 100%);
}
.ssd-work-feature .ssd-feature-card--lead>a{padding:36px}
.ssd-work-feature .ssd-feature-card-top>span:first-child{background:rgba(29,11,26,.58);border-color:rgba(246,206,163,.48)}
.ssd-work-feature .ssd-feature-card-title{color:#fff4ed}
.ssd-work-feature .ssd-work-bottom{margin-top:29px;padding-top:29px;border-color:rgba(233,177,145,.3)}
.ssd-work-feature .ssd-work-bottom-label{font-size:clamp(23px,2.3vw,32px);font-family:var(--serif);color:#f2dbd8}
.ssd-work-feature .ssd-work-archive-link{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:61px;padding:15px 24px;border:1px solid #e8ba87;border-radius:5px;
    background:#e8ba87;color:#26151e;box-shadow:0 8px 22px rgba(0,0,0,.3);
    font-size:12px;letter-spacing:.1em;font-weight:800;transition:transform .25s,background .25s,box-shadow .25s;
}
.ssd-work-feature .ssd-work-archive-link:hover,.ssd-work-feature .ssd-work-archive-link:focus-visible{
    background:#fff1d9;color:#25121d;border-color:#fff1d9;transform:translateY(-3px);box-shadow:0 14px 31px rgba(0,0,0,.4)
}
.ssd-work-feature .discipline-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:19px}
.ssd-work-feature .discipline-list a{
    position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-start;
    gap:14px;text-align:left;min-width:0;min-height:94px;
    padding:15px 33px 15px 15px;border:1px solid rgba(225,168,155,.35);
    border-radius:11px;background:linear-gradient(125deg,rgba(95,45,70,.83),rgba(48,27,49,.92));
    color:#f6e9e2;box-shadow:0 8px 26px rgba(7,3,9,.22);
    text-decoration:none;font-size:clamp(13px,1.1vw,16px);line-height:1.28;font-weight:700;
    transition:transform .36s,border-color .36s,background .36s,box-shadow .36s;
}
.ssd-work-feature .discipline-list a:hover,.ssd-work-feature .discipline-list a:focus-visible{
    transform:translateY(-4px);border-color:rgba(246,208,164,.81);
    background:linear-gradient(125deg,rgba(125,66,91,.91),rgba(66,38,62,.95));
    box-shadow:0 16px 35px rgba(6,2,9,.4);color:#fff8f1;
}
.ssd-work-feature .discipline-list a:focus-visible{outline:2px solid #f5d3a7;outline-offset:3px}
.ssd-work-discipline-icon{flex:0 0 56px;display:grid;place-items:center;width:56px;height:58px;border:1px solid rgba(244,190,164,.29);border-radius:9px;color:#edc09e;background:radial-gradient(circle,rgba(234,170,127,.16),rgba(234,170,127,.025) 73%);transition:transform .38s,color .38s}
.ssd-work-discipline-icon svg{width:43px;height:43px;filter:drop-shadow(0 3px 6px rgba(238,161,131,.14))}
.ssd-work-discipline-name{min-width:0}
.ssd-work-discipline-arrow{position:absolute;right:10px;top:9px;font-size:16px;color:#e8ba87;font-weight:400;transition:transform .3s}
.ssd-work-feature .discipline-list a:hover .ssd-work-discipline-icon{transform:scale(1.06) rotate(-4deg);color:#ffe7c9}
.ssd-work-feature .discipline-list a:hover .ssd-work-discipline-arrow{transform:translate(2px,-2px)}
.ssd-work-feature .ssd-work-empty{color:#f7e6dd;background:rgba(66,33,53,.64);border-color:rgba(239,183,140,.35)}
.ssd-work-feature .ssd-work-empty h3,.ssd-work-feature .ssd-work-empty p{color:#f7e6dd}
.ssd-work-feature .ssd-work-empty .ssd-editor-only{color:#462a37;background:#fff5e7}
.ssd-work-feature .ssd-work-empty .ssd-editor-only a{color:#7e2a4c}

@keyframes ssdWorkHeroDrift{from{transform:scale(1.035) translate3d(-.5%,0,0)}to{transform:scale(1.115) translate3d(.8%,-.4%,0)}}
@keyframes ssdWorkHeroGlow{from{opacity:.45;transform:translateX(-5%)}to{opacity:.95;transform:translateX(5%)}}
@media(max-width:1120px){
 .ssd-work-feature .discipline-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ssd-work-feature .ssd-work-cinema-hero{min-height:495px}
}
@media(max-width:750px){
 .ssd-work-feature{padding-top:57px;padding-bottom:74px}
 .ssd-work-feature .ssd-work-cinema-hero{min-height:490px;align-items:flex-start;justify-content:flex-end;padding:35px 30px;border-radius:14px}
 .ssd-work-cinema-hero:before{background:linear-gradient(0deg,rgba(23,6,19,.96),rgba(28,8,23,.82) 46%,rgba(25,7,22,.15) 100%)}
 .ssd-work-cinema-hero .section-heading{font-size:clamp(43px,7.2vw,61px)}
 .ssd-work-cinema-hero .section-lede{font-size:16px;line-height:1.48;margin-top:18px}
 .ssd-work-feature .ssd-featured-layout{margin-top:15px}
 .ssd-work-feature .ssd-work-bottom{align-items:flex-start;gap:18px}
}
@media(max-width:540px){
 .ssd-work-feature .ssd-work-cinema-hero{min-height:455px;padding:26px 22px;border-radius:12px}
 .ssd-work-cinema-hero .section-heading{font-size:clamp(39px,9.2vw,53px)}
 .ssd-work-cinema-hero .eyebrow{font-size:10px;letter-spacing:.13em}
 .ssd-work-cinema-hero .eyebrow:after{width:34px}
 .ssd-work-cinema-hero .section-lede{font-size:14px;line-height:1.45}
 .ssd-work-feature .ssd-featured-layout{margin-top:13px}
 .ssd-work-feature .ssd-work-archive-link{min-height:57px;font-size:11px;width:100%}
 .ssd-work-feature .discipline-list{gap:10px}
 .ssd-work-feature .discipline-list a{min-height:104px;flex-direction:column;justify-content:center;gap:5px;text-align:center;padding:13px 10px 14px;font-size:12px}
 .ssd-work-discipline-icon{width:49px;height:47px;flex-basis:47px}
 .ssd-work-discipline-icon svg{width:37px;height:37px}
 .ssd-work-discipline-arrow{top:5px;right:7px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .ssd-work-cinema-backdrop,.ssd-work-cinema-glow{animation:none!important;transform:none!important}
 .ssd-work-feature .discipline-list a,.ssd-work-discipline-icon,.ssd-work-discipline-arrow,
 .ssd-work-feature .ssd-work-archive-link{transition:none!important}
 .ssd-work-feature .discipline-list a:hover,.ssd-work-feature .discipline-list a:hover .ssd-work-discipline-icon,
 .ssd-work-feature .discipline-list a:hover .ssd-work-discipline-arrow,.ssd-work-feature .ssd-work-archive-link:hover{transform:none!important}
}
@media print{.ssd-work-cinema-backdrop,.ssd-work-cinema-glow{animation:none!important;transform:none!important}}

/* v0.8.11 — high-contrast Selected Work introduction on the dark photo. */
body .work.ssd-work-feature .ssd-work-cinema-hero > p.section-lede{
    max-width:640px;margin:24px 0 0;padding:13px 18px;
    color:#fff2e9!important;opacity:1!important;
    font-size:clamp(16px,1.16vw,19px);font-weight:500;line-height:1.55;
    background:linear-gradient(90deg,rgba(23,7,20,.72),rgba(23,7,20,.26) 77%,transparent);
    border-left:2px solid rgba(238,190,147,.85);
    text-shadow:0 2px 10px rgba(6,2,7,.75);
}
@media(max-width:750px){body .work.ssd-work-feature .ssd-work-cinema-hero > p.section-lede{font-size:16px;line-height:1.5;margin-top:17px}}
@media(max-width:540px){body .work.ssd-work-feature .ssd-work-cinema-hero > p.section-lede{font-size:14px;padding:10px 12px;margin-top:14px}}

/* v0.8.12 — The Living Archive: a compact editorial index instead of eight bulky cards.
   The Odia glyph is part of the image itself, printed on the book's right-hand page. */
.legacy .ssd-legacy-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;margin-top:23px;padding:1px;
    border:1px solid rgba(217,155,140,.31);border-radius:16px;
    background:rgba(229,168,147,.2);
    overflow:hidden;box-shadow:0 22px 50px rgba(5,2,10,.2);
}
.legacy .ssd-legacy-card{
    min-width:0;min-height:177px;padding:23px 18px 19px;
    justify-content:flex-start;border:0;border-radius:0;box-shadow:none;
    background:linear-gradient(147deg,rgba(62,29,48,.98),rgba(31,17,32,.98));
    transition:background .35s ease,box-shadow .35s ease,transform .35s ease;
}
.legacy .ssd-legacy-card:nth-child(4n + 2){background:linear-gradient(147deg,rgba(69,32,52,.98),rgba(34,18,34,.98))}
.legacy .ssd-legacy-card:nth-child(4n + 3){background:linear-gradient(147deg,rgba(57,27,46,.98),rgba(31,17,32,.98))}
.legacy .ssd-legacy-card:hover,.legacy .ssd-legacy-card:focus-visible{
    transform:none;box-shadow:inset 0 3px 0 var(--archive-accent);
    background:linear-gradient(145deg,rgba(88,40,64,.99),rgba(47,23,46,.99));
}
.legacy .ssd-legacy-card:after{opacity:.58}
.legacy .ssd-legacy-card-glow{opacity:.55}
.legacy .ssd-legacy-card-icon{
    position:absolute;top:15px;right:14px;width:48px;height:48px;
    border:1px solid color-mix(in srgb,var(--archive-accent) 30%,transparent);
    background:radial-gradient(circle at 45% 40%,var(--archive-halo),transparent 82%);
    opacity:.82;transform:none;
}
.legacy .ssd-legacy-card-icon:after{display:none}
.legacy .ssd-legacy-card-icon svg{width:31px;height:31px;filter:none}
.legacy .ssd-legacy-card:hover .ssd-legacy-card-icon,
.legacy .ssd-legacy-card:focus-visible .ssd-legacy-card-icon{transform:scale(1.06);opacity:1}
.legacy .ssd-legacy-card-label{
    max-width:calc(100% - 56px);font-size:9px;letter-spacing:.16em;
    line-height:1.3;margin:3px 0 12px;
}
.legacy .ssd-legacy-card h3{
    max-width:100%;margin:0 0 8px;
    font:750 clamp(17px,1.16vw,21px)/1.18 var(--sans);
    letter-spacing:-.02em;
}
.legacy .ssd-legacy-card p{
    max-width:100%;font-size:12.5px;line-height:1.42;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    line-clamp:2;overflow:hidden;color:#e5cfda;margin:0 0 11px;
}
.legacy .ssd-legacy-card-link{
    margin-top:auto;font-size:9px;letter-spacing:.16em;gap:7px;
}
.legacy .ssd-legacy-card-link>span{font-size:16px}
@media(max-width:1180px){
    .legacy .ssd-legacy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .legacy .ssd-legacy-card{min-height:170px;padding:22px}
    .legacy .ssd-legacy-card h3{font-size:20px}
}
@media(max-width:620px){
    .legacy .ssd-legacy-grid{grid-template-columns:1fr;border-radius:12px;margin-top:16px}
    .legacy .ssd-legacy-card{min-height:143px;padding:18px 17px 15px}
    .legacy .ssd-legacy-card-icon{width:43px;height:43px;top:13px;right:13px}
    .legacy .ssd-legacy-card-icon svg{width:28px;height:28px}
    .legacy .ssd-legacy-card-label{margin:0 0 8px}
    .legacy .ssd-legacy-card h3{font-size:19px;margin-bottom:6px}
    .legacy .ssd-legacy-card p{font-size:12.5px;margin-bottom:8px}
}
@media(prefers-reduced-motion:reduce){
    .legacy .ssd-legacy-card,.legacy .ssd-legacy-card-icon{transition:none!important}
}

/* v0.8.13 — Origin story of the 2002 Odia karaoke collection.
   Scope deliberately limited to this one Portfolio article. */
.ssd-odia-origin-story .content-hero{
    position:relative;isolation:isolate;display:flex;align-items:center;
    min-height:720px;overflow:hidden;padding:152px 0 95px;
    background:#210a19;color:#fff2e6;
}
.ssd-odia-story-cinema{position:absolute;inset:0;z-index:0;overflow:hidden}
.ssd-odia-story-cinema img{
    display:block;width:100%;height:100%;object-fit:cover;object-position:center;
    animation:ssdOdiaStoryDrift 28s ease-in-out infinite alternate;
}
.ssd-odia-origin-story .content-hero:before{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:
      linear-gradient(90deg,rgba(20,5,16,.94) 0%,rgba(25,6,20,.83) 27%,rgba(27,8,20,.59) 49%,rgba(17,6,14,.10) 80%),
      linear-gradient(0deg,rgba(20,6,17,.7),transparent 34%);
}
.ssd-odia-origin-story .content-hero:after{
    content:"";position:absolute;z-index:1;pointer-events:none;
    width:36vw;height:36vw;max-width:700px;max-height:700px;left:-12vw;top:15%;
    background:radial-gradient(circle,rgba(135,45,80,.17),transparent 67%);
    animation:ssdOdiaStoryPulse 10s ease-in-out infinite alternate;
}
.ssd-odia-origin-story .content-hero>.container{position:relative;z-index:2}
.ssd-odia-origin-story .content-hero .breadcrumbs{
    color:#f0c797;letter-spacing:.16em;font-size:11px;margin-bottom:34px;
}
.ssd-odia-origin-story .content-hero .breadcrumbs a{color:inherit;text-decoration:none}
.ssd-odia-origin-story .content-hero .breadcrumbs a:hover{text-decoration:underline}
.ssd-odia-story-kicker{font:750 11px/1.5 var(--sans);letter-spacing:.24em;color:#e1b684;text-transform:uppercase}
.ssd-odia-story-kicker span{padding:0 8px;color:#ffe0aa}
.ssd-odia-origin-story .content-hero h1{
    font:400 clamp(52px,5.3vw,82px)/1.015 var(--serif);
    letter-spacing:-.035em;max-width:850px;margin:20px 0 23px;
    color:#fff5ee;text-shadow:0 4px 24px rgba(8,2,8,.36);
}
.ssd-odia-origin-story .entry-meta{
    display:flex;flex-wrap:wrap;max-width:785px;gap:9px 19px;
    margin:15px 0 0;color:#e9bf90;line-height:1.55;
    font-size:11px;letter-spacing:.12em;
}
.ssd-odia-origin-story .entry-meta span{max-width:100%}
.ssd-odia-origin-story .ssd-story-music-cta{max-width:630px;margin-top:26px;gap:13px}
.ssd-odia-origin-story .ssd-story-music-cta-intro{color:#fff0e1;font-size:16px;line-height:1.52}
.ssd-odia-origin-story .ssd-story-music-button{border-radius:5px;min-height:57px;background:#e7b879;border-color:#e7b879;box-shadow:0 12px 28px rgba(5,1,7,.4)}
.ssd-odia-story-art-note{position:absolute;z-index:2;right:21px;bottom:17px;color:rgba(253,230,207,.7);font:500 10px/1 var(--sans);letter-spacing:.08em}
.ssd-odia-origin-story .single-body{position:relative;background:radial-gradient(ellipse at 5% 3%,rgba(226,191,158,.45),transparent 45%),linear-gradient(180deg,#f5eadf,#f0e4d8 70%);padding:1px 0 110px}
.ssd-odia-story-stats{
    position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    margin:-47px 0 65px;padding:0;background:linear-gradient(115deg,#321729,#241421);
    border:1px solid rgba(239,184,127,.48);border-radius:12px;
    box-shadow:0 24px 52px rgba(25,9,22,.24);overflow:hidden;
}
.ssd-odia-story-stats>div{min-width:0;padding:23px 26px 24px;display:flex;flex-direction:column;gap:3px}
.ssd-odia-story-stats>div+div{border-left:1px solid rgba(234,179,137,.22)}
.ssd-odia-story-stats strong{font:400 clamp(29px,3vw,43px)/1.1 var(--serif);color:#f5c38d;letter-spacing:-.015em}
.ssd-odia-story-stats span{font:650 10px/1.45 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#f2e4db}
.ssd-odia-story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(275px,330px);grid-template-areas:"main rail";gap:clamp(36px,5.2vw,76px);align-items:start}
.ssd-odia-origin-story .entry-content{grid-area:main;margin:0;max-width:none;color:#35232a;font-size:17px;line-height:1.78}
.ssd-odia-origin-story .entry-content p{color:#392a31;margin-bottom:21px}
.ssd-odia-origin-story .entry-content h2{
    font:450 clamp(33px,3.1vw,43px)/1.18 var(--serif);letter-spacing:-.025em;
    color:#51263c;margin:43px 0 23px;padding:0 0 14px;
    border-bottom:1px solid rgba(139,70,75,.24);
}
.ssd-odia-origin-story .entry-content>h2:first-child{margin-top:0}
.ssd-odia-origin-story .entry-content h3{color:#5a2d43;font:650 clamp(24px,2.2vw,29px)/1.23 var(--sans);margin-top:32px}
.ssd-odia-origin-story .entry-content strong{color:#4b2236}
.ssd-odia-origin-story .entry-content blockquote{
    position:relative;margin:32px 0;padding:26px 30px 26px 34px;
    color:#502b3e;background:#fffbf5;border-left:4px solid #d29a64;
    font:italic 400 clamp(19px,1.8vw,25px)/1.5 var(--serif);
    box-shadow:0 12px 32px rgba(78,35,52,.07);
}
.ssd-odia-story-sidebar{
    grid-area:rail;position:sticky;top:106px;align-self:start;
    padding:27px 29px 30px;overflow:hidden;
    color:#f7e6da;background:linear-gradient(145deg,#51223d,#2c1528 57%,#21121e);
    border:1px solid rgba(224,155,123,.46);border-radius:12px;
    box-shadow:0 22px 45px rgba(59,23,42,.18);
}
.ssd-odia-story-sidebar:before{
    content:"";position:absolute;inset:-30% -50% auto auto;width:320px;height:320px;
    background:radial-gradient(circle,rgba(221,142,113,.17),transparent 65%);pointer-events:none;
}
.ssd-odia-story-record{
    position:relative;width:112px;height:112px;border-radius:50%;margin:0 auto 26px;
    background:repeating-radial-gradient(circle at 50% 50%,transparent 0 3px,rgba(25,21,30,.16) 4px 4.6px,transparent 5.5px 10px),conic-gradient(from 45deg,#d0b9a8,#faf2e0,#c1b9c3,#f6e6bc,#b09aa5,#e9d9b9,#c0b5ac);
    box-shadow:0 0 0 7px rgba(231,178,137,.10),0 10px 26px rgba(0,0,0,.28);
}
.ssd-odia-story-record:after{content:"";position:absolute;inset:34%;background:#6a3049;border:7px solid #d9a16e;border-radius:50%;box-shadow:inset 0 0 0 6px #37162c}
.ssd-odia-story-record span{position:absolute;inset:46%;background:#170c17;border-radius:50%;z-index:1}
.ssd-odia-story-sidebar-label{font:750 10px/1.5 var(--sans);letter-spacing:.19em;color:#efbd8b}
.ssd-odia-story-sidebar h2{font:400 32px/1.12 var(--serif);color:#fff0e6;margin:12px 0 27px}
.ssd-odia-story-sidebar ol{list-style:none;padding:0;margin:0 0 24px;counter-reset:none}
.ssd-odia-story-sidebar li{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1px solid rgba(233,174,146,.22)}
.ssd-odia-story-sidebar li span{font:700 9px/1.3 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#d8a47f}
.ssd-odia-story-sidebar li strong{font:600 17px/1.25 var(--sans);color:#fff0e4}
.ssd-odia-story-sidebar p{font:400 13px/1.58 var(--sans);color:#e5ccd0;margin:0 0 18px}
.ssd-odia-story-sidebar-foot{font:650 11px/1.6 var(--sans);color:#e9bc8d;border-top:1px solid rgba(233,174,146,.22);padding-top:15px}
@keyframes ssdOdiaStoryDrift{from{transform:scale(1.035) translateY(0)}to{transform:scale(1.08) translateY(-.7%)}}
@keyframes ssdOdiaStoryPulse{from{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.05)}}
@media(max-width:1050px){
    .ssd-odia-origin-story .content-hero{min-height:680px;padding-top:145px}
    .ssd-odia-origin-story .content-hero h1{max-width:720px;font-size:clamp(52px,6vw,75px)}
    .ssd-odia-origin-story .entry-meta{max-width:690px}
    .ssd-odia-story-layout{gap:35px;grid-template-columns:minmax(0,1fr) minmax(240px,290px)}
    .ssd-odia-story-sidebar{padding:24px 22px}
}
@media(max-width:800px){
    .ssd-odia-origin-story .content-hero{min-height:680px}
    .ssd-odia-origin-story .content-hero:before{background:linear-gradient(90deg,rgba(18,5,16,.96),rgba(20,5,17,.82) 60%,rgba(20,5,17,.45)),linear-gradient(0deg,rgba(18,5,15,.65),transparent 45%)}
    .ssd-odia-origin-story .content-hero h1{max-width:100%}
    .ssd-odia-story-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:42px}
    .ssd-odia-story-stats>div{padding:20px 22px}
    .ssd-odia-story-stats>div:nth-child(3){border-left:0;border-top:1px solid rgba(234,179,137,.22)}
    .ssd-odia-story-stats>div:nth-child(4){border-top:1px solid rgba(234,179,137,.22)}
    .ssd-odia-story-layout{grid-template-columns:1fr;grid-template-areas:"rail" "main";gap:46px}
    .ssd-odia-story-sidebar{position:relative;top:auto;max-width:none;display:grid;grid-template-columns:110px 1fr;column-gap:24px}
    .ssd-odia-story-sidebar .ssd-odia-story-record{grid-row:1 / 4;margin:8px 0 0}
    .ssd-odia-story-sidebar h2{font-size:29px;margin-bottom:10px}
    .ssd-odia-story-sidebar ol{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
    .ssd-odia-story-sidebar p,.ssd-odia-story-sidebar-foot{grid-column:1 / -1}
}
@media(max-width:540px){
    .ssd-odia-origin-story .content-hero{min-height:0;padding:130px 0 100px}
    .ssd-odia-origin-story .content-hero:before{background:linear-gradient(90deg,rgba(19,5,16,.97),rgba(24,8,20,.87) 84%),linear-gradient(0deg,rgba(22,7,17,.62),transparent 50%)}
    .ssd-odia-story-cinema img{object-position:68% center}
    .ssd-odia-origin-story .content-hero .breadcrumbs{margin-bottom:26px}
    .ssd-odia-story-kicker{font-size:9px;letter-spacing:.15em}
    .ssd-odia-origin-story .content-hero h1{font-size:clamp(42px,10.7vw,57px);line-height:1.06;margin:16px 0 19px}
    .ssd-odia-origin-story .entry-meta{font-size:10px;line-height:1.45;gap:7px}
    .ssd-odia-origin-story .ssd-story-music-cta{margin-top:18px}
    .ssd-odia-origin-story .ssd-story-music-cta-intro{font-size:14px}
    .ssd-odia-story-stats{margin-top:-51px;border-radius:9px}
    .ssd-odia-story-stats>div{padding:17px 14px}
    .ssd-odia-story-stats strong{font-size:31px}
    .ssd-odia-story-stats span{font-size:9px;letter-spacing:.08em}
    .ssd-odia-story-sidebar{display:block;padding:23px 22px}
    .ssd-odia-story-sidebar .ssd-odia-story-record{width:90px;height:90px;margin:0 auto 18px}
    .ssd-odia-story-sidebar ol{display:block}
    .ssd-odia-origin-story .entry-content{font-size:16px;line-height:1.68}
    .ssd-odia-origin-story .entry-content h2{font-size:32px}
    .ssd-odia-story-art-note{font-size:9px;right:12px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){
    .ssd-odia-story-cinema img,.ssd-odia-origin-story .content-hero:after{animation:none!important;transform:none!important}
}

/* v0.8.14 — Cinematic Creative Design landing. Images are illustrative
   category scenes; the separate six-slot Media Library showcase displays
   only real artwork chosen by the site owner. */
.ssd-creative-landing .ssd-creative-hero{
    position:relative;isolation:isolate;display:flex;align-items:center;
    min-height:690px;padding:153px 0 108px;overflow:hidden;
    background:#230d1d;color:#fff4eb;
}
.ssd-creative-hero-art{position:absolute;inset:0;z-index:0;overflow:hidden}
.ssd-creative-hero-art img{
    display:block;width:100%;height:100%;object-fit:cover;object-position:center;
    animation:ssdCreativeFilmDrift 29s ease-in-out infinite alternate;
}
.ssd-creative-landing .ssd-creative-hero:before{
    content:"";position:absolute;z-index:1;inset:0;pointer-events:none;
    background:
      linear-gradient(90deg,rgba(23,5,17,.93),rgba(30,7,24,.85) 31%,rgba(30,8,25,.64) 50%,rgba(25,8,22,.10) 80%),
      linear-gradient(0deg,rgba(21,7,19,.56),transparent 47%);
}
.ssd-creative-landing .ssd-creative-hero:after{
    content:"";position:absolute;z-index:1;inset:-15% auto auto -13%;width:55%;height:125%;pointer-events:none;
    background:radial-gradient(circle,rgba(128,41,82,.25),transparent 67%);
    animation:ssdCreativeFilmGlow 13s ease-in-out infinite alternate;
}
.ssd-creative-landing .ssd-creative-hero>.container{position:relative;z-index:2}
.ssd-creative-landing .ssd-creative-hero .eyebrow{
    color:#e9c091;font-size:12px;letter-spacing:.23em;margin-bottom:15px;
}
.ssd-creative-landing .ssd-creative-hero h1{
    font:400 clamp(73px,7.7vw,114px)/1.02 var(--serif);
    letter-spacing:-.033em;max-width:810px;margin:13px 0 22px;
    color:#fff6ee;text-shadow:0 4px 22px rgba(8,1,9,.25);
}
.ssd-creative-landing .ssd-creative-hero-tagline{
    font:400 clamp(29px,3.3vw,45px)/1.19 var(--serif);
    color:#f3bf8d;max-width:820px;margin:0 0 23px;
}
.ssd-creative-landing .ssd-creative-hero-intro{
    max-width:725px;margin:0 0 30px;
    color:#fff0e9;opacity:1;font-size:18px;line-height:1.55;
    text-shadow:0 2px 14px rgba(11,3,11,.65);
}
.ssd-creative-hero-actions{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center}
.ssd-creative-explore{
    display:inline-flex;align-items:center;gap:12px;color:#f5d0a7;
    font:750 11px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;
    text-decoration:none;border-bottom:1px solid rgba(230,187,142,.55);padding-bottom:8px;
    transition:color .3s,border-color .3s;
}
.ssd-creative-explore:hover,.ssd-creative-explore:focus-visible{color:#fff4e5;border-color:#fff4e5}
.ssd-creative-explore span{font-size:21px;line-height:1}
.ssd-creative-hero-art-note{
    position:absolute;z-index:2;right:21px;bottom:17px;
    color:rgba(254,226,204,.72);font:500 10px/1.3 var(--sans);letter-spacing:.08em;
}
.ssd-creative-landing .ssd-creative-specialties{
    position:relative;padding:80px 0 93px;
    background:radial-gradient(ellipse at 80% 8%,rgba(220,177,150,.19),transparent 54%),linear-gradient(180deg,#f3e8dd,#e9dacc);
}
.ssd-creative-landing .ssd-creative-specialties h2{max-width:1150px;margin-bottom:39px;color:#301c29}
.ssd-creative-landing .ssd-creative-specialties-grid{gap:15px}
.ssd-creative-landing .ssd-creative-specialty-card{
    display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;overflow:hidden;
    background:linear-gradient(145deg,#48253c,#251521);border:1px solid rgba(110,72,81,.66);
    border-radius:11px;box-shadow:0 15px 36px rgba(51,26,40,.16);
    transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;
}
.ssd-creative-landing .ssd-creative-specialty-card:before{display:none}
.ssd-creative-landing .ssd-creative-specialty-card:hover{
    transform:translateY(-6px);border-color:#be8e76;
    box-shadow:0 25px 45px rgba(48,20,38,.29);
}
.ssd-creative-specialty-visual{position:relative;overflow:hidden;height:202px;flex:none;background:#3b1a30}
.ssd-creative-specialty-visual:after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(0deg,rgba(31,9,27,.62),transparent 46%);
}
.ssd-creative-specialty-visual img{
    display:block;width:100%;height:100%;object-fit:cover;
    transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s;
}
.ssd-creative-specialty-visual.is-custom{background:#f5e9dd}
.ssd-creative-specialty-visual.is-custom img{
    object-fit:contain;box-sizing:border-box;padding:13px;background:#f5e9dd;
}
.ssd-creative-specialty-card:hover .ssd-creative-specialty-visual img{transform:scale(1.07);filter:saturate(1.1)}
.ssd-creative-specialty-visual span{
    position:absolute;bottom:12px;left:15px;z-index:2;
    color:#f8d3ba;font:650 9px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.14em;
}
.ssd-creative-specialty-copy{padding:24px 22px 26px;flex:1;display:flex;flex-direction:column}
.ssd-creative-landing .ssd-creative-specialty-copy h3{
    color:#fff3ec;max-width:100%;font:750 clamp(20px,1.5vw,24px)/1.22 var(--sans);
    margin:0 0 13px;letter-spacing:-.02em;
}
.ssd-creative-landing .ssd-creative-specialty-copy p{
    color:#efdae1;font-size:15px;line-height:1.55;margin:0;
}
/* Media-library artwork gallery: display logos/posters in full without cropping. */
.ssd-creative-landing .ssd-creative-showcase{
    background:linear-gradient(135deg,#2c1628,#1d1020);color:#fff0e8;
    padding:85px 0 93px;
}
.ssd-creative-landing .ssd-creative-showcase .eyebrow{color:#e6b986}
.ssd-creative-landing .ssd-creative-showcase h2{color:#fff0e8}
.ssd-creative-landing .ssd-creative-showcase .ssd-creative-section-copy{color:#e6d3d7}
.ssd-creative-landing .ssd-creative-art-grid{gap:18px;margin-top:37px}
.ssd-creative-landing .ssd-creative-art-grid figure{
    background:#372034;border:1px solid rgba(223,163,136,.4);border-radius:10px;
    overflow:hidden;box-shadow:0 16px 38px rgba(9,2,13,.23);
    transition:border-color .3s,transform .3s;
}
.ssd-creative-landing .ssd-creative-art-grid figure:hover{transform:translateY(-4px);border-color:#e0b68a}
.ssd-creative-landing .ssd-creative-art-grid a{background:#eee2d6;display:grid;place-items:center}
.ssd-creative-landing .ssd-creative-art-grid img{
    display:block;width:100%;height:310px;object-fit:contain;
    box-sizing:border-box;padding:14px;background:#eee2d6;
    transition:transform .4s ease;
}
.ssd-creative-landing .ssd-creative-art-grid figcaption{color:#f4e0dc;padding:15px 18px;font-size:15px}
@keyframes ssdCreativeFilmDrift{from{transform:scale(1.03) translateY(0)}to{transform:scale(1.095) translateY(-.8%)}}
@keyframes ssdCreativeFilmGlow{from{opacity:.55;transform:scale(.93)}to{opacity:.95;transform:scale(1.07)}}
@media(max-width:1150px){
    .ssd-creative-landing .ssd-creative-hero{min-height:645px}
    .ssd-creative-landing .ssd-creative-hero h1{max-width:720px}
    .ssd-creative-landing .ssd-creative-hero-intro{max-width:640px}
    .ssd-creative-specialty-visual{height:220px}
}
@media(max-width:760px){
    .ssd-creative-landing .ssd-creative-hero{min-height:590px;padding:143px 0 85px}
    .ssd-creative-landing .ssd-creative-hero:before{
        background:linear-gradient(90deg,rgba(20,5,17,.95),rgba(26,7,22,.82) 68%,rgba(26,7,22,.49)),linear-gradient(0deg,rgba(22,6,18,.55),transparent 48%);
    }
    .ssd-creative-landing .ssd-creative-hero h1{font-size:clamp(62px,9.5vw,87px)}
    .ssd-creative-landing .ssd-creative-hero-tagline{font-size:clamp(29px,5vw,38px)}
    .ssd-creative-landing .ssd-creative-hero-intro{font-size:16px;line-height:1.5}
    .ssd-creative-landing .ssd-creative-specialties{padding:65px 0 73px}
    .ssd-creative-landing .ssd-creative-specialties h2{font-size:clamp(39px,6vw,55px)}
    .ssd-creative-specialty-visual{height:185px}
}
@media(max-width:540px){
    .ssd-creative-landing .ssd-creative-hero{padding:133px 0 80px;min-height:0}
    .ssd-creative-landing .ssd-creative-hero:before{background:linear-gradient(90deg,rgba(22,5,18,.97),rgba(24,7,20,.84)),linear-gradient(0deg,rgba(22,5,16,.4),transparent)}
    .ssd-creative-hero-art img{object-position:67% center}
    .ssd-creative-landing .ssd-creative-hero .eyebrow{font-size:10px;letter-spacing:.15em}
    .ssd-creative-landing .ssd-creative-hero h1{font-size:clamp(58px,12.7vw,74px);margin:16px 0 20px}
    .ssd-creative-landing .ssd-creative-hero-tagline{font-size:30px;margin-bottom:19px}
    .ssd-creative-landing .ssd-creative-hero-intro{font-size:15px;margin-bottom:23px}
    .ssd-creative-hero-actions{align-items:flex-start;flex-direction:column;gap:19px}
    .ssd-creative-explore{font-size:10px}
    .ssd-creative-hero-art-note{right:12px;bottom:10px;font-size:9px}
    .ssd-creative-specialty-visual{height:210px}
    .ssd-creative-landing .ssd-creative-specialty-copy{padding:23px 22px 27px}
    .ssd-creative-landing .ssd-creative-specialty-copy h3{font-size:23px}
    .ssd-creative-landing .ssd-creative-specialty-copy p{font-size:15px}
    .ssd-creative-landing .ssd-creative-art-grid img{height:auto;min-height:240px;max-height:470px}
}
@media(prefers-reduced-motion:reduce){
    .ssd-creative-hero-art img,.ssd-creative-landing .ssd-creative-hero:after{animation:none!important;transform:none!important}
    .ssd-creative-landing .ssd-creative-specialty-card,.ssd-creative-specialty-visual img,.ssd-creative-landing .ssd-creative-art-grid figure{transition:none!important}
    .ssd-creative-landing .ssd-creative-specialty-card:hover,.ssd-creative-landing .ssd-creative-art-grid figure:hover,.ssd-creative-specialty-card:hover .ssd-creative-specialty-visual img{transform:none!important}
}
.ssd-creative-landing #creative-practice{scroll-margin-top:90px}

/* v0.8.19 — editorial Portfolio archive: one hero, an even visual rhythm, richer project cards. */
.archive-hero.ssd-portfolio-hero{min-height:clamp(600px,44vw,710px);padding-top:170px;padding-bottom:100px}
.ssd-portfolio-hero .ssd-cinema-image{object-position:59% center}
.ssd-portfolio-hero:before{background:linear-gradient(90deg,rgba(22,5,17,.92),rgba(24,6,19,.78) 31%,rgba(27,8,21,.3) 58%,rgba(17,5,14,.04) 100%),linear-gradient(0deg,rgba(14,4,13,.37),transparent 35%)}
.archive-hero.ssd-portfolio-hero h1{font-size:clamp(65px,6.5vw,112px);max-width:750px;margin:14px 0 18px}
.ssd-portfolio-hero .ssd-portfolio-hero-subtitle{display:block;max-width:730px;margin-top:12px;font:400 clamp(27px,3vw,45px)/1.18 var(--serif);letter-spacing:-.012em;color:#fff4e8;text-wrap:balance}
.ssd-portfolio-hero .ssd-portfolio-hero-subtitle em{display:inline;font-style:normal;color:#e9bd84}
.archive-hero.ssd-portfolio-hero p{max-width:700px;font-size:clamp(16px,1.09vw,18px);line-height:1.65;margin:22px 0 12px}
.ssd-portfolio-body{background:linear-gradient(145deg,#f1e5d9,#e9d9cb 72%,#f0e5d7);padding:86px 0 105px;color:#2a1923}
.ssd-portfolio-introduction{display:grid;grid-template-columns:1.1fr .72fr;align-items:end;gap:9%;margin-bottom:27px}
.ssd-portfolio-introduction .eyebrow{color:#8c5236;font-size:12px;letter-spacing:.2em}
.ssd-portfolio-introduction h2{font:400 clamp(45px,4.6vw,75px)/1.05 var(--serif);letter-spacing:-.022em;margin:15px 0 0;color:#2b1626}
.ssd-portfolio-introduction h2 em{font-style:normal;color:#96526a}
.ssd-portfolio-introduction>p{font-size:17px;line-height:1.65;color:#584450;margin:0 0 5px;max-width:520px}
.ssd-portfolio-disciplines{display:flex;flex-wrap:wrap;gap:10px;padding:25px 0 31px;border-top:1px solid rgba(94,57,70,.23);border-bottom:1px solid rgba(94,57,70,.23)}
.ssd-portfolio-disciplines a{padding:12px 16px;border-radius:30px;color:#4b283b;border:1px solid #c7a7a5;background:rgba(255,250,244,.64);font:700 12px/1.3 var(--sans);letter-spacing:.03em;transition:transform .2s,background .2s,color .2s,border-color .2s}
.ssd-portfolio-disciplines a:hover,.ssd-portfolio-disciplines a:focus-visible{transform:translateY(-2px);background:#49243a;border-color:#49243a;color:#fff1e6}
.ssd-portfolio-body .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:31px}
.ssd-portfolio-body .project-card{min-height:365px;border:1px solid rgba(214,159,113,.4);border-radius:12px;background:#261521;overflow:hidden;box-shadow:0 13px 27px rgba(66,25,43,.13);transition:transform .25s,box-shadow .25s}
.ssd-portfolio-body .project-card:first-child{grid-column:span 2}
.ssd-portfolio-body .project-card:before{background:radial-gradient(ellipse at 76% 24%,rgba(162,74,94,.35),transparent 60%),linear-gradient(152deg,#4b2236 0%,#261320 71%,#170d17)}
.ssd-portfolio-body .project-card:nth-child(3n):before{background:radial-gradient(ellipse at 83% 14%,rgba(173,119,70,.28),transparent 52%),linear-gradient(152deg,#492738,#211522 73%)}
.ssd-portfolio-body .project-card:nth-child(4n):before{background:radial-gradient(ellipse at 76% 23%,rgba(151,52,94,.35),transparent 55%),linear-gradient(152deg,#4d1f36,#1e1420 73%)}
.ssd-portfolio-body .project-card-link{min-height:365px;padding:32px 30px;position:relative;overflow:hidden}
.ssd-portfolio-body .project-card-link:after{content:"↗";position:absolute;right:22px;top:22px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(238,190,134,.63);color:#f2c78f;background:rgba(24,8,21,.45);font-size:25px;line-height:1;transition:transform .2s,background .2s}
.ssd-portfolio-body .project-card-image{opacity:.43;filter:saturate(.92)}
.ssd-portfolio-body .project-card:nth-child(1) .project-card-image{opacity:.6}
.ssd-portfolio-body .project-category{max-width:calc(100% - 58px);color:#e8bd88;font-size:12px;line-height:1.45;letter-spacing:.15em}
.ssd-portfolio-body .project-card-body{max-width:100%;position:relative;z-index:1}
.ssd-portfolio-body .project-title{font:600 clamp(24px,2.15vw,34px)/1.16 var(--sans);letter-spacing:-.025em;color:#fff4ee;margin-bottom:15px;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.ssd-portfolio-body .project-excerpt{font-size:15px;line-height:1.65;color:#f0dedc;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:19px}
.ssd-portfolio-body .project-meta{color:#e9bb85;font-size:11px;line-height:1.5;letter-spacing:.11em}
.ssd-portfolio-body .project-card:first-child .project-card-link{padding:40px 43px}
.ssd-portfolio-body .project-card:first-child .project-title{font:400 clamp(35px,3.8vw,58px)/1.12 var(--serif);letter-spacing:-.018em;max-width:600px}
.ssd-portfolio-body .project-card:first-child .project-excerpt{max-width:660px;font-size:16px;-webkit-line-clamp:3}
.ssd-portfolio-body .project-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(66,25,43,.25)}
.ssd-portfolio-body .project-card:hover .project-card-link:after{transform:translate(2px,-2px);background:#6f3350}
.ssd-portfolio-body .pagination{margin-top:35px}
@media(max-width:1060px){
  .ssd-portfolio-body .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ssd-portfolio-body .project-card:last-child{grid-column:span 2}
  .ssd-portfolio-introduction{gap:5%}
}
@media(max-width:700px){
  .archive-hero.ssd-portfolio-hero{min-height:660px;padding:135px 0 70px}
  .archive-hero.ssd-portfolio-hero h1{font-size:clamp(58px,13vw,82px)}
  .ssd-portfolio-hero .ssd-portfolio-hero-subtitle{font-size:clamp(28px,6.7vw,40px)}
  .ssd-portfolio-hero .ssd-cinema-image{object-position:71% center}
  .ssd-portfolio-introduction{grid-template-columns:1fr;gap:18px}
  .ssd-portfolio-introduction h2{font-size:clamp(41px,9vw,57px)}
  .ssd-portfolio-body{padding:62px 0 77px}
  .ssd-portfolio-disciplines{padding:19px 0;gap:8px}
  .ssd-portfolio-disciplines a{font-size:11px;padding:10px 12px}
  .ssd-portfolio-body .project-grid{grid-template-columns:1fr}
  .ssd-portfolio-body .project-card:first-child,.ssd-portfolio-body .project-card:last-child{grid-column:span 1}
  .ssd-portfolio-body .project-card,.ssd-portfolio-body .project-card-link{min-height:350px}
  .ssd-portfolio-body .project-card:first-child .project-card-link{padding:31px 27px}
  .ssd-portfolio-body .project-card:first-child .project-title{font-size:clamp(37px,8vw,52px)}
}
@media(prefers-reduced-motion:reduce){
  .ssd-portfolio-body .project-card,.ssd-portfolio-body .project-card-link:after,.ssd-portfolio-disciplines a{transition:none!important}
  .ssd-portfolio-body .project-card:hover,.ssd-portfolio-body .project-card:hover .project-card-link:after,.ssd-portfolio-disciplines a:hover{transform:none!important}
}

/* v0.8.16 — Four distinctive cinematic archive landings. */
.archive-hero.ssd-cinema-hero,
.ssd-literature-archive .ssd-lit-hero.ssd-cinema-hero,
.ssd-tech-landing .ssd-tech-hero.ssd-cinema-hero{
    position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;
    min-height:clamp(550px,42vw,690px);padding:160px 0 94px;background:#190d18;
    border-bottom:1px solid rgba(216,167,108,.32)
}
.ssd-cinema-hero .ssd-cinema-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;animation:ssdCinemaReveal 11s ease-out both}
.ssd-cinema-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(90deg,rgba(22,5,17,.89),rgba(24,6,19,.76) 31%,rgba(27,8,21,.25) 56%,rgba(17,5,14,.04) 100%),linear-gradient(0deg,rgba(14,4,13,.37),transparent 30%,rgba(14,4,13,.15))}
.ssd-cinema-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 24% 43%,rgba(113,34,65,.19),transparent 48%)}
.ssd-cinema-hero>.container{position:relative;z-index:1}
.ssd-cinema-hero .eyebrow{color:#ecc18e;font-size:clamp(12px,.88vw,14px);letter-spacing:.2em;text-shadow:0 3px 14px rgba(0,0,0,.5)}
.archive-hero.ssd-cinema-hero h1,
.ssd-literature-archive .ssd-lit-hero.ssd-cinema-hero h1,
.ssd-tech-landing .ssd-tech-hero.ssd-cinema-hero h1{
    color:#fff5ec;font:400 clamp(59px,6.2vw,100px)/1.05 var(--serif);letter-spacing:-.026em;
    max-width:760px;margin:24px 0 24px;text-shadow:0 5px 24px rgba(11,4,9,.62)
}
.ssd-cinema-hero h1 em,.ssd-tech-landing .ssd-cinema-hero h1 span{display:block;font-style:normal;color:#e8ba7e}
.archive-hero.ssd-cinema-hero p,
.ssd-literature-archive .ssd-lit-hero.ssd-cinema-hero p,
.ssd-tech-landing .ssd-tech-hero.ssd-cinema-hero .ssd-tech-hero-lede{
    max-width:705px;color:#fff0e9;font-size:clamp(16px,1.12vw,19px);line-height:1.66;
    margin-bottom:23px;text-shadow:0 3px 14px rgba(0,0,0,.78)
}
.ssd-cinema-hero .ssd-cinema-discover{display:inline-flex;align-items:center;gap:20px;margin-top:9px;
    padding:12px 0;border-bottom:1px solid rgba(236,183,121,.68);color:#efc58d;
    font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;text-shadow:0 3px 12px rgba(0,0,0,.56);
    transition:color .2s,border-color .2s}
.ssd-cinema-hero .ssd-cinema-discover span{font-size:25px;font-weight:400;line-height:.7}
.ssd-cinema-hero .ssd-cinema-discover:hover,.ssd-cinema-hero .ssd-cinema-discover:focus-visible{color:#fff3df;border-color:#fff3df}
.ssd-cinema-hero .ssd-cinema-art-note{position:absolute;right:22px;bottom:16px;color:rgba(255,240,224,.8);
    font-size:10px;letter-spacing:.07em;text-shadow:0 2px 8px #160812}
.ssd-music-hero .ssd-music-collection-title{font:400 clamp(24px,2.8vw,37px)/1.25 var(--serif);color:#e6b881!important;margin:0 0 23px}
.ssd-tech-landing .ssd-tech-hero.ssd-cinema-hero h1{font-size:clamp(58px,6vw,95px);margin:19px 0 17px}
.ssd-tech-landing .ssd-tech-hero.ssd-cinema-hero .ssd-tech-hero-tagline{max-width:730px;font-size:clamp(25px,2.9vw,38px);line-height:1.24;color:#fff4e7;margin:0 0 17px;text-shadow:0 3px 12px #190710}
.ssd-tech-landing .ssd-tech-hero.ssd-cinema-hero .ssd-tech-hero-tagline em{color:#ebc18b}
.ssd-tech-landing .ssd-tech-hero.ssd-cinema-hero .ssd-tech-hero-lede{margin:0 0 25px}
.ssd-tech-landing .ssd-cinema-hero .ssd-cinema-discover{margin-left:25px;vertical-align:middle}
.ssd-community-hero .ssd-cinema-image{object-position:54% center}
.ssd-music-hero .ssd-cinema-image{object-position:55% center}
.ssd-lit-hero .ssd-cinema-image{object-position:55% center}
.ssd-tech-hero .ssd-cinema-image{object-position:57% center}
@keyframes ssdCinemaReveal{from{transform:scale(1.035);filter:brightness(.82)}to{transform:scale(1);filter:brightness(1)}}

/* Editorial community stories — a distinctive luminous treatment without invented event photographs. */
.ssd-community-body{background:linear-gradient(155deg,#eee3d8,#e9dacb 70%,#f1e8dd)}
.ssd-community-body .project-grid{gap:18px}
.ssd-community-body .project-card{min-height:330px;border:1px solid rgba(205,155,104,.47);border-radius:11px;background:#24121f;box-shadow:0 13px 36px rgba(57,25,41,.17)}
.ssd-community-body .project-card:before{background:radial-gradient(ellipse at 88% 7%,rgba(204,124,85,.33),transparent 54%),linear-gradient(158deg,#54243b,#24131e 69%,#180e18)}
.ssd-community-body .project-card:nth-child(2):before{background:radial-gradient(ellipse at 89% 8%,rgba(194,134,79,.34),transparent 55%),linear-gradient(158deg,#482337,#24131d 76%)}
.ssd-community-body .project-card:nth-child(3):before{background:radial-gradient(ellipse at 88% 9%,rgba(152,71,107,.45),transparent 55%),linear-gradient(158deg,#45223a,#22131d 76%)}
.ssd-community-body .project-card:after{content:"";position:absolute;right:-52px;top:-59px;width:195px;height:195px;
    border-radius:50%;border:1px solid rgba(227,171,120,.17);box-shadow:0 0 0 21px rgba(220,160,116,.04);pointer-events:none}
.ssd-community-body .project-card-link{min-height:330px;padding:34px 32px 29px}
.ssd-community-body .project-title{font:400 clamp(29px,2.4vw,37px)/1.17 var(--serif);margin-bottom:16px}
.ssd-community-body .project-excerpt{font-size:15px;line-height:1.67;color:#f5e7e1}
.ssd-community-body .project-category{font-size:12px;color:#eac08b}
.ssd-community-body .project-card:hover{box-shadow:0 21px 40px rgba(57,25,41,.25)}

/* The REAL 2002 CD photographs, presented as collectible original artifacts. */
.ssd-music-library .ssd-volume-grid{gap:17px;margin-top:26px}
.ssd-music-library .ssd-volume-card{position:relative;min-height:425px;overflow:hidden;padding:237px 22px 25px;border:1px solid rgba(170,113,99,.53);
    border-radius:9px;background:linear-gradient(160deg,#4c2439,#23121e 74%);box-shadow:0 13px 27px rgba(57,26,41,.15)}
.ssd-music-library .ssd-volume-card:before{content:"";position:absolute;top:0;left:0;right:0;height:212px;background-color:#1a1019;
    background-position:center;background-repeat:no-repeat;background-size:contain;border-bottom:1px solid rgba(235,186,127,.35)}
.ssd-music-library .ssd-volume-card:after{content:"Original 2002 artwork";position:absolute;top:190px;right:12px;color:#edc99f;
    background:rgba(35,14,27,.82);font-size:10px;letter-spacing:.08em;padding:5px 8px;text-transform:uppercase;border:1px solid rgba(236,190,139,.36)}
.ssd-music-library .ssd-volume-card:nth-child(1):before{background-image:url('assets/images/odia-karaoke-original-vol-01-v0816.webp')}
.ssd-music-library .ssd-volume-card:nth-child(2):before{background-image:url('assets/images/odia-karaoke-original-vol-02-v0818.webp')}
.ssd-music-library .ssd-volume-card:nth-child(3):before{background-image:url('assets/images/odia-karaoke-original-vol-03-v0818.webp')}
.ssd-music-library .ssd-volume-card:nth-child(4):before{background-image:url('assets/images/odia-karaoke-original-vol-04-composite-v0816.webp');background-size:200% auto;background-position:100% 0}
.ssd-music-library .ssd-volume-card:nth-child(4){background:linear-gradient(to bottom,#1a1019 0 212px,#3d1d31 212px,#23121e 100%)}
.ssd-music-library .ssd-volume-card:nth-child(4):before{
    left:50%;right:auto;width:min(260px,calc(100% - 18px));
    transform:translateX(-50%);background-size:200% auto;background-position:100% 0;
    border-bottom:0
}
.ssd-music-library .ssd-volume-card strong{font-size:clamp(21px,1.6vw,25px);margin:14px 0 12px}
.ssd-music-library .ssd-volume-card>span:nth-last-child(2){font-size:15px;color:#ffede3}
.ssd-music-library .ssd-volume-cta{color:#efc48c}

/* Book covers are original published images, framed like collectible editions. */
.ssd-literature-archive .ssd-lit-archive-body{background:linear-gradient(120deg,#f0e6da,#e9dfd3)}
.ssd-literature-archive .ssd-lit-grid{gap:23px}
.ssd-literature-archive .ssd-lit-card{border-radius:10px;border-color:#cfb8a8;box-shadow:0 15px 33px rgba(57,25,41,.14);transition:transform .23s,box-shadow .23s}
.ssd-literature-archive .ssd-lit-card:hover{transform:translateY(-4px);box-shadow:0 24px 45px rgba(57,25,41,.22)}
.ssd-literature-archive .ssd-lit-card-cover{height:345px;background:radial-gradient(ellipse at center,#69354c,#251420 75%);padding:22px}
.ssd-literature-archive .ssd-lit-card-cover img{width:auto;max-width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(10,3,12,.5))}
.ssd-literature-archive .ssd-lit-card-content p{font-size:16px;line-height:1.6}

/* Architecture with visual rhythm and crisp service detail. */
.ssd-tech-landing .ssd-tech-expertise{background:linear-gradient(150deg,#eee3d5,#e9ded3)}
.ssd-tech-landing .ssd-tech-expertise-card{position:relative;min-height:241px;overflow:hidden;border-radius:9px;
    border:1px solid rgba(107,56,74,.33);padding:30px 22px;background:linear-gradient(140deg,#49263a,#251521 78%);box-shadow:0 10px 25px rgba(49,20,37,.11);
    transition:transform .22s,box-shadow .22s}
.ssd-tech-landing .ssd-tech-expertise-card:after{content:"";position:absolute;right:-45px;top:-67px;width:160px;height:160px;
    border-radius:50%;border:1px solid rgba(235,180,118,.2);box-shadow:0 0 0 20px rgba(195,150,107,.06)}
.ssd-tech-landing .ssd-tech-expertise-card:nth-child(2){background:linear-gradient(140deg,#3f273b,#201722 80%)}
.ssd-tech-landing .ssd-tech-expertise-card:nth-child(3){background:linear-gradient(140deg,#263845,#211824 82%)}
.ssd-tech-landing .ssd-tech-expertise-card:nth-child(4){background:linear-gradient(140deg,#51283e,#221622 80%)}
.ssd-tech-landing .ssd-tech-expertise-card:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(49,20,37,.2)}
.ssd-tech-landing .ssd-tech-expertise-card h3{white-space:normal;font-size:clamp(19px,1.28vw,23px);margin:0 0 15px}
.ssd-tech-landing .ssd-tech-expertise-card p{color:#f8e7e8;font-size:15px;line-height:1.62}

@media(max-width:950px){
    .archive-hero.ssd-cinema-hero,.ssd-literature-archive .ssd-lit-hero.ssd-cinema-hero,.ssd-tech-landing .ssd-tech-hero.ssd-cinema-hero{min-height:620px;padding:140px 0 70px}
    .ssd-cinema-hero:before{background:linear-gradient(90deg,rgba(19,5,16,.94),rgba(20,6,17,.83) 42%,rgba(24,7,18,.38) 88%),linear-gradient(0deg,rgba(12,4,11,.4),transparent)}
    .ssd-tech-landing .ssd-cinema-hero .ssd-cinema-discover{margin-left:0;display:flex;width:max-content}
}
@media(max-width:650px){
    .archive-hero.ssd-cinema-hero,.ssd-literature-archive .ssd-lit-hero.ssd-cinema-hero,.ssd-tech-landing .ssd-tech-hero.ssd-cinema-hero{min-height:690px;padding:129px 0 60px;align-items:flex-end}
    .ssd-cinema-hero .ssd-cinema-image{object-position:70% center}
    .ssd-cinema-hero:before{background:linear-gradient(0deg,rgba(21,6,18,.98),rgba(23,7,19,.94) 43%,rgba(24,7,19,.31) 97%)}
    .archive-hero.ssd-cinema-hero h1,.ssd-literature-archive .ssd-lit-hero.ssd-cinema-hero h1,.ssd-tech-landing .ssd-tech-hero.ssd-cinema-hero h1{font-size:clamp(51px,12vw,72px);max-width:100%;margin:18px 0 16px}
    .archive-hero.ssd-cinema-hero p,.ssd-literature-archive .ssd-lit-hero.ssd-cinema-hero p,.ssd-tech-landing .ssd-tech-hero.ssd-cinema-hero .ssd-tech-hero-lede{font-size:15px;line-height:1.55;margin-bottom:16px}
    .ssd-tech-landing .ssd-tech-hero.ssd-cinema-hero .ssd-tech-hero-tagline{font-size:26px}
    .ssd-cinema-hero .ssd-cinema-discover{font-size:10px;letter-spacing:.09em;gap:12px}
    .ssd-cinema-hero .ssd-cinema-art-note{font-size:9px;right:10px;bottom:8px}
    .ssd-community-body .project-card,.ssd-community-body .project-card-link{min-height:290px}
    .ssd-music-library .ssd-volume-card{min-height:394px;padding-top:237px}
    .ssd-literature-archive .ssd-lit-card-cover{height:290px}
}
@media(prefers-reduced-motion:reduce){
    .ssd-cinema-hero .ssd-cinema-image{animation:none!important;transform:none!important;filter:none!important}
    .ssd-tech-landing .ssd-tech-expertise-card,.ssd-literature-archive .ssd-lit-card{transition:none!important}
    .ssd-tech-landing .ssd-tech-expertise-card:hover,.ssd-literature-archive .ssd-lit-card:hover{transform:none!important}
}
/* Portfolio-specific final cascade: retain the intended hero proportions. */
.archive-hero.ssd-cinema-hero.ssd-portfolio-hero{min-height:clamp(600px,44vw,710px);padding:170px 0 100px}
.archive-hero.ssd-cinema-hero.ssd-portfolio-hero h1{font-size:clamp(65px,6.5vw,112px);max-width:750px;margin:14px 0 18px}
.archive-hero.ssd-cinema-hero.ssd-portfolio-hero p{max-width:700px;font-size:clamp(16px,1.09vw,18px);line-height:1.65;margin:22px 0 12px}
.ssd-cinema-hero.ssd-portfolio-hero .ssd-cinema-image{object-position:59% center}
@media(max-width:700px){
    .archive-hero.ssd-cinema-hero.ssd-portfolio-hero{min-height:660px;padding:135px 0 70px}
    .archive-hero.ssd-cinema-hero.ssd-portfolio-hero h1{font-size:clamp(58px,13vw,82px)}
    .ssd-cinema-hero.ssd-portfolio-hero .ssd-cinema-image{object-position:71% center}
}

/* v0.8.20 — original-album cover stories, one distinct hero per 2002 volume. */
.archive-hero.ssd-music-hero.ssd-volume-album-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:clamp(640px,51vw,770px);padding:143px 0 83px;background:linear-gradient(112deg,#190d18 8%,#2e1728 51%,#54243b 100%);border-bottom:1px solid rgba(221,171,124,.34)}
.ssd-volume-album-hero:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 34%,rgba(219,129,93,.29),transparent 39%),radial-gradient(ellipse at 22% 70%,rgba(132,34,76,.22),transparent 52%)}
.ssd-volume-hero-light{position:absolute;z-index:-1;width:48vw;height:75vw;max-height:860px;top:-42%;right:1%;transform:rotate(-18deg);pointer-events:none;background:linear-gradient(95deg,transparent,rgba(246,197,140,.065) 43%,transparent 74%);filter:blur(17px)}
.ssd-volume-album-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(24px,5vw,84px)}
.ssd-volume-album-copy{position:relative;z-index:1;max-width:750px}
.ssd-volume-album-hero .ssd-breadcrumb{margin:0 0 34px;font-size:14px}
.ssd-volume-album-hero .ssd-breadcrumb a{color:#f6e5ce;border-bottom:1px solid transparent;text-underline-offset:5px}
.ssd-volume-album-hero .ssd-breadcrumb a:hover,.ssd-volume-album-hero .ssd-breadcrumb a:focus-visible{color:#fbd6a8;border-bottom-color:currentColor}
.ssd-volume-album-hero .eyebrow{max-width:700px;color:#e9bb82;letter-spacing:.18em;font-size:12px;line-height:1.6}
.ssd-volume-display-number{margin:14px 0 3px;display:flex;align-items:baseline;gap:13px;color:#fff4ea;font:400 clamp(42px,5.5vw,85px)/1.05 var(--serif);letter-spacing:-.025em;white-space:nowrap}
.ssd-volume-display-number span{color:#e6b57e}
.ssd-volume-display-number small{font:700 13px/1.3 var(--sans);letter-spacing:.2em;color:#c49e91}
.archive-hero.ssd-volume-album-hero h1{margin:0 0 19px;font:400 clamp(43px,4.1vw,69px)/1.08 var(--serif);letter-spacing:-.018em;color:#fff4ea;max-width:720px}
.ssd-volume-hero-rule{height:1px;width:min(100%,525px);background:linear-gradient(90deg,#efbd85,rgba(239,189,133,.09));margin:22px 0}
.archive-hero.ssd-volume-album-hero .ssd-volume-album-intro{max-width:610px;font:400 clamp(16px,1.15vw,19px)/1.62 var(--sans);margin:0;color:#f3e2e2}
.ssd-volume-album-meta{display:flex;gap:12px 22px;flex-wrap:wrap;margin:24px 0;color:#f3c38d;font-size:11px;font-weight:700;letter-spacing:.14em}
.ssd-volume-album-meta span+span{border-left:1px solid rgba(244,194,139,.55);padding-left:22px}
.ssd-volume-album-explore{display:inline-flex;align-items:center;gap:24px;min-height:45px;margin-top:4px;padding:0 0 8px;border-bottom:1px solid #d8ae82;color:#f5c796;font:750 12px/1.3 var(--sans);letter-spacing:.13em;transition:color .2s}
.ssd-volume-album-explore span{font-size:24px;font-weight:400}
.ssd-volume-album-explore:hover,.ssd-volume-album-explore:focus-visible{color:#fff8e9;border-color:#fff8e9}
.ssd-volume-album-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;min-height:465px}
.ssd-volume-art-halo{position:absolute;inset:12% -6%;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(245,177,103,.24),transparent 58%);filter:blur(12px)}
.ssd-volume-original-frame{position:relative;width:min(100%,510px);height:clamp(330px,32vw,505px);padding:19px 19px 48px;margin:0;overflow:hidden;border:1px solid rgba(248,196,138,.42);background:linear-gradient(160deg,rgba(251,219,171,.17),rgba(20,8,18,.64));box-shadow:0 27px 58px rgba(10,3,11,.56),inset 0 0 0 1px rgba(255,240,202,.12);transform:rotate(1.3deg);transition:transform .4s ease,box-shadow .4s ease}
.ssd-volume-original-frame:hover{transform:rotate(0deg) translateY(-4px);box-shadow:0 32px 68px rgba(10,3,11,.65),inset 0 0 0 1px rgba(255,240,202,.12)}
.ssd-volume-original-frame img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;background:#160e18;box-shadow:0 9px 20px rgba(4,0,6,.2)}
.ssd-volume-original-composite{width:100%;height:100%;background-color:#170e18;background-image:var(--ssd-cover-src);background-repeat:no-repeat;background-size:200% auto;background-position:100% 0}
.ssd-volume-original-frame figcaption{position:absolute;left:19px;right:19px;bottom:16px;color:#ffe1b6;text-align:center;font:700 10px/1.4 var(--sans);letter-spacing:.19em}
.ssd-volume-art-edition{display:block;max-width:100%;margin-top:21px;color:#d9b28b;font:650 11px/1.4 var(--sans);letter-spacing:.25em;text-align:center}
.ssd-volume-album-hero+section{scroll-margin-top:85px}

/* Visual Stories: an immersive photographic editorial hero instead of an inset collage. */
body .ssd-visual-stories{max-width:1540px;padding-top:8px}
body .ssd-visual-stories .ssd-story-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(530px,40vw,650px);gap:0;padding:clamp(38px,5vw,78px);overflow:hidden;border:1px solid rgba(230,180,131,.58);border-radius:13px;background:#22121f;box-shadow:0 24px 55px rgba(40,16,32,.18)}
body .ssd-visual-stories .ssd-story-hero:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#1f101c 0%,rgba(32,14,28,.97) 28%,rgba(43,18,33,.83) 50%,rgba(37,15,30,.25) 77%,rgba(23,8,21,.08) 100%)}
body .ssd-visual-stories .ssd-story-hero:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(17,7,17,.61),transparent 38%),radial-gradient(ellipse at 20% 25%,rgba(131,48,84,.21),transparent 60%)}
body .ssd-visual-stories .ssd-story-hero-copy{position:relative;z-index:2;width:min(69%,850px);min-width:0}
body .ssd-visual-stories .ssd-story-hero h1{font-size:clamp(59px,7.2vw,114px)!important;line-height:1.03!important;margin:17px 0 19px!important;text-shadow:0 4px 30px rgba(13,5,13,.28)}
body .ssd-visual-stories .ssd-story-hero h2{font-size:clamp(21px,2.25vw,32px)!important;line-height:1.24!important;margin-bottom:17px!important}
body .ssd-visual-stories .ssd-story-hero p{max-width:685px;color:#fff0ee!important;font-size:clamp(16px,1.3vw,20px)!important;line-height:1.55!important}
body .ssd-visual-stories .ssd-story-hero-stats{gap:14px 25px;margin-top:25px;padding-top:19px;border-top:1px solid rgba(231,186,140,.58);color:#ffeaec}
body .ssd-visual-stories .ssd-story-hero-stats strong{color:#f8c585;font-size:25px}
body .ssd-visual-stories .ssd-story-archive-link{display:inline-flex;align-items:center;margin-top:23px;min-height:48px;padding:0 19px;border:1px solid rgba(231,187,136,.75);border-radius:3px;background:#e1b784;color:#24121d!important;font-size:14px;box-shadow:0 8px 18px rgba(10,4,10,.2)}
body .ssd-visual-stories .ssd-story-archive-link:hover{background:#f9d7a8;color:#24121d!important}
body .ssd-visual-stories .ssd-story-hero-collage{position:absolute;z-index:0;inset:0 0 0 auto;width:65%;height:100%;min-height:0;max-height:none;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:5px;padding:0;border:0;border-radius:0;overflow:hidden;background:#341e30}
body .ssd-visual-stories .ssd-story-hero-collage img{width:100%;height:100%;min-height:0;max-height:none;border:0;border-radius:0;object-fit:cover;filter:saturate(.88) contrast(1.08);box-shadow:none;transition:transform .65s ease,filter .65s ease}
body .ssd-visual-stories .ssd-story-hero-collage img:first-child{grid-row:1/3;object-position:center}
body .ssd-visual-stories .ssd-story-hero-collage img:nth-child(2){grid-column:2;grid-row:1}
body .ssd-visual-stories .ssd-story-hero-collage img:nth-child(3){grid-column:2;grid-row:2}
body .ssd-visual-stories .ssd-story-hero-collage:has(img:only-child) img{grid-column:1/-1;grid-row:1/-1}
body .ssd-visual-stories .ssd-story-hero-collage:has(img:nth-child(2):last-child) img:nth-child(2){grid-row:1/3}
body .ssd-visual-stories .ssd-story-hero:hover .ssd-story-hero-collage img{transform:scale(1.018);filter:saturate(1.04) contrast(1.04)}
body .ssd-visual-stories .ssd-story-browse{padding-top:45px}
body .ssd-visual-stories .ssd-story-grid{gap:16px}
body .ssd-visual-stories .ssd-story-card{border-color:#a27b83;border-radius:9px;background:linear-gradient(150deg,#3e2234,#241522);box-shadow:0 12px 25px rgba(42,20,34,.13);transition:transform .23s,box-shadow .23s}
body .ssd-visual-stories .ssd-story-card:hover{transform:translateY(-3px);box-shadow:0 20px 32px rgba(42,20,34,.2)}
body .ssd-visual-stories .ssd-story-media{height:clamp(245px,20vw,315px)}
body .ssd-visual-stories .ssd-story-card-body{padding:17px 19px 21px}
body .ssd-visual-stories .ssd-story-card h3{font-size:clamp(19px,1.5vw,23px)!important}

@media(max-width:1050px){
    .archive-hero.ssd-music-hero.ssd-volume-album-hero{min-height:620px;padding-top:142px}
    .ssd-volume-album-layout{gap:25px}
    .ssd-volume-original-frame{height:clamp(330px,38vw,440px)}
    body .ssd-visual-stories .ssd-story-hero-copy{width:76%}
    body .ssd-visual-stories .ssd-story-hero-collage{width:72%}
}
@media(max-width:750px){
    .archive-hero.ssd-music-hero.ssd-volume-album-hero{padding:120px 0 54px;min-height:0}
    .ssd-volume-album-layout{grid-template-columns:1fr;gap:26px}
    .ssd-volume-display-number{font-size:clamp(48px,11vw,76px)}
    .archive-hero.ssd-volume-album-hero h1{font-size:clamp(42px,8vw,61px)}
    .ssd-volume-album-art{min-height:0;padding:8px 0 0}
    .ssd-volume-original-frame{width:min(100%,450px);height:min(89vw,438px)}
    body .ssd-visual-stories .ssd-story-hero{align-items:flex-end;min-height:675px;padding:38px 26px 31px}
    body .ssd-visual-stories .ssd-story-hero-copy{width:100%;align-self:flex-end}
    body .ssd-visual-stories .ssd-story-hero-collage{inset:0 0 auto 0;width:100%;height:58%;grid-template-columns:1.15fr .85fr}
    body .ssd-visual-stories .ssd-story-hero:before{background:linear-gradient(0deg,#21121e 0%,rgba(32,15,28,.98) 36%,rgba(35,17,31,.77) 57%,rgba(26,10,23,.12) 100%)}
    body .ssd-visual-stories .ssd-story-hero:after{background:linear-gradient(0deg,rgba(18,7,16,.45),transparent 40%)}
    body .ssd-visual-stories .ssd-story-hero h1{font-size:clamp(57px,10vw,79px)!important}
    body .ssd-visual-stories .ssd-story-hero p{font-size:16px!important;max-width:670px}
}
@media(max-width:480px){
    .ssd-volume-album-hero .ssd-breadcrumb{margin-bottom:23px}
    .ssd-volume-display-number{gap:9px}
    .ssd-volume-display-number small{font-size:10px}
    .ssd-volume-album-meta{font-size:10px;gap:8px}
    .ssd-volume-album-meta span+span{padding-left:12px}
    .ssd-volume-original-frame{padding:11px 11px 35px;height:min(92vw,385px)}
    .ssd-volume-original-frame figcaption{bottom:11px;font-size:8px;left:8px;right:8px}
    body .ssd-visual-stories .ssd-story-hero{min-height:710px;padding:29px 21px 29px}
    body .ssd-visual-stories .ssd-story-hero-collage{height:52%}
    body .ssd-visual-stories .ssd-story-hero h1{font-size:clamp(55px,12vw,67px)!important}
    body .ssd-visual-stories .ssd-story-hero h2{font-size:21px!important}
    body .ssd-visual-stories .ssd-story-hero-stats{gap:8px 17px}
    body .ssd-visual-stories .ssd-story-hero-stats strong{font-size:20px}
    body .ssd-visual-stories .ssd-story-archive-link{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
    .ssd-volume-original-frame,body .ssd-visual-stories .ssd-story-hero-collage img,body .ssd-visual-stories .ssd-story-card{transition:none!important}
    .ssd-volume-original-frame:hover,body .ssd-visual-stories .ssd-story-hero:hover .ssd-story-hero-collage img,body .ssd-visual-stories .ssd-story-card:hover{transform:none!important}
}

/* v0.8.21 — Cinematic portfolio, immersive case studies and Leadership Journey. */
.ssd-portfolio-body .project-grid{gap:20px;margin-top:35px}
.ssd-portfolio-body .project-card{min-height:405px;border:1px solid rgba(216,177,143,.4);border-radius:15px;box-shadow:0 16px 37px rgba(47,20,33,.18)}
.ssd-portfolio-body .project-card:first-child{min-height:465px}
.ssd-portfolio-body .project-card-link{min-height:405px;padding:31px;isolation:isolate}
.ssd-portfolio-body .project-card:first-child .project-card-link{min-height:465px;padding:42px}
.ssd-portfolio-body .project-card-link:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(17,7,17,.34),rgba(20,7,18,.05) 21%,rgba(22,6,17,.58) 59%,rgba(14,4,14,.95) 100%)}
.ssd-portfolio-body .project-card-image{opacity:.86;filter:saturate(.88) contrast(1.05);transition:transform .75s cubic-bezier(.2,.65,.25,1),filter .4s}
.ssd-portfolio-body .project-card:nth-child(1) .project-card-image{opacity:.89}
.ssd-portfolio-body .project-card:nth-child(3n) .project-card-image{object-position:60% center}
.ssd-portfolio-body .project-category{position:relative;z-index:2;color:#f2ca91;font-size:12px;letter-spacing:.16em;font-weight:650;text-shadow:0 2px 12px #140715}
.ssd-portfolio-body .project-card-body{z-index:2}
.ssd-portfolio-body .project-title{font-size:clamp(25px,2.2vw,35px);line-height:1.15;max-width:550px}
.ssd-portfolio-body .project-excerpt{color:#f9e8e3;font-size:16px;line-height:1.62;max-width:570px}
.ssd-portfolio-body .project-meta{color:#efc692;font-weight:650}
.ssd-portfolio-body .project-card:first-child .project-title{font-size:clamp(40px,4vw,64px)}
.ssd-portfolio-body .project-card:hover .project-card-image,.ssd-portfolio-body .project-card:focus-within .project-card-image{transform:scale(1.055);filter:saturate(1.04) contrast(1.08)}
.ssd-portfolio-body .project-card-link:after{z-index:2}
.ssd-portfolio-body .ssd-project-art-note{position:absolute;right:20px;bottom:13px;z-index:2;color:#fff0df;font:500 9px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;opacity:.64}
.ssd-portfolio-body .ssd-portfolio-disciplines a{font-size:13px;padding:12px 18px}

.ssd-work-story .ssd-work-story-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:clamp(570px,47vw,740px);padding:145px 0 93px;background:#220f1c}
.ssd-work-story-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(24,7,20,.98) 0%,rgba(31,9,24,.94) 24%,rgba(42,12,31,.83) 47%,rgba(43,12,30,.25) 76%,rgba(23,6,19,.1) 100%),linear-gradient(0deg,rgba(21,7,18,.73),transparent 42%);pointer-events:none}
.ssd-work-story-scenery{position:absolute;inset:0;z-index:-2;overflow:hidden}
.ssd-work-story-scenery img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.95);animation:ssd-story-arrive 1.4s ease-out both}
.ssd-work-story-hero .container{position:relative;z-index:1}
.ssd-work-story-hero .breadcrumbs{font:650 12px/1.4 var(--sans);letter-spacing:.13em;margin-bottom:64px;color:#edc38f}
.ssd-work-story-hero .breadcrumbs a{color:#edc38f;border-bottom:1px solid rgba(239,194,143,.48);padding-bottom:6px;text-decoration:none}
.ssd-work-story-eyebrow{display:flex;align-items:center;gap:13px;color:#edc18b;font:700 12px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px;max-width:740px}
.ssd-work-story-eyebrow-line{display:inline-block;width:36px;height:1px;background:#ddae7a;flex:none}
.ssd-work-story .ssd-work-story-hero h1{font:400 clamp(49px,5.6vw,90px)/1.055 var(--serif);letter-spacing:-.035em;max-width:1060px;margin:0;text-wrap:balance;color:#fff4e9;text-shadow:0 5px 32px rgba(0,0,0,.3)}
.ssd-work-story-lede{max-width:740px;color:#f2e3dc;font-size:clamp(17px,1.45vw,22px);line-height:1.64;margin:24px 0 0}
.ssd-work-story-hero .entry-meta{gap:11px;margin-top:24px;color:#e9c493;letter-spacing:.09em}
.ssd-work-story-hero .entry-meta span{font-size:12px;border:1px solid rgba(226,180,126,.35);border-radius:999px;padding:8px 13px;background:rgba(34,9,25,.32)}
.ssd-work-story-explore{display:inline-flex;align-items:center;gap:20px;margin-top:36px;font:700 13px/1.25 var(--sans);letter-spacing:.09em;text-decoration:none;color:#f5d6aa;border-bottom:1px solid rgba(249,209,165,.72);padding-bottom:10px}
.ssd-work-story-explore span{font-size:19px;transition:transform .25s}
.ssd-work-story-explore:hover span{transform:translateY(4px)}
.ssd-work-story-art-note{position:absolute;right:32px;bottom:26px;z-index:2;color:#f2d4b7;font:500 10px/1.2 var(--sans);letter-spacing:.11em;text-transform:uppercase;opacity:.76}
.ssd-work-story .single-body{padding:95px 0 110px;background:radial-gradient(ellipse at 4% 13%,#f8ecdf 0%,transparent 44%),linear-gradient(145deg,#efe1d2,#f0e7dc 57%,#e8d6c7)}
.ssd-work-story .single-body>.container{max-width:1330px}
.ssd-story-reader{display:grid;grid-template-columns:minmax(220px,275px) minmax(0,830px);align-items:start;gap:clamp(40px,6vw,110px);scroll-margin-top:115px}
.ssd-story-context{position:relative;min-width:0}
.ssd-story-context-inner{position:sticky;top:112px;padding:31px 28px 34px;border-radius:15px;color:#f8ebdf;background:radial-gradient(circle at 92% 5%,rgba(147,66,91,.44),transparent 50%),linear-gradient(153deg,#4b2539,#241220 75%);box-shadow:0 21px 40px rgba(64,29,44,.17);border:1px solid rgba(214,162,121,.42)}
.ssd-story-context-kicker{display:block;color:#eac08e;font:700 11px/1.2 var(--sans);letter-spacing:.2em;margin-bottom:22px}
.ssd-story-context h2{font:400 clamp(32px,3vw,42px)/1.08 var(--serif);margin:0 0 25px;color:#fff2e5}
.ssd-story-context h2 em{color:#dfb486;font-style:normal}
.ssd-story-context dl{margin:0;display:grid;gap:20px}
.ssd-story-context dl>div{border-top:1px solid rgba(238,202,164,.18);padding-top:16px}
.ssd-story-context dt{font:700 10px/1.4 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#e7b987;margin:0 0 8px}
.ssd-story-context dd{font:450 14px/1.55 var(--sans);color:#f7e5dd;margin:0;overflow-wrap:break-word}
.ssd-story-context-return{display:inline-flex;align-items:center;gap:8px;margin-top:30px;color:#f0c28e;text-decoration:none;font-size:13px;font-weight:700}
.ssd-story-context-return:hover{text-decoration:underline}
.ssd-work-story .ssd-story-prose{max-width:none;margin:0;min-width:0;font-size:18px;line-height:1.8;color:#33232a}
.ssd-story-prose:before{content:"THE STORY";display:block;font:700 11px/1.5 var(--sans);letter-spacing:.23em;color:#995d4b;margin:3px 0 24px}
.ssd-work-story .ssd-story-prose p{font-size:18px;line-height:1.82;margin:0 0 23px}
.ssd-work-story .ssd-story-prose>p:first-of-type{font-size:clamp(19px,1.55vw,22px);line-height:1.75;color:#4a303c}
.ssd-work-story .ssd-story-prose h2{font:400 clamp(32px,3.35vw,49px)/1.13 var(--serif);letter-spacing:-.025em;color:#452338;margin:38px 0 20px}
.ssd-work-story .ssd-story-prose h3{font:600 clamp(24px,2.1vw,29px)/1.25 var(--sans);letter-spacing:-.025em;color:#4b2939;margin:34px 0 15px}
.ssd-work-story .ssd-story-prose h2:not(:first-child){padding-top:25px;border-top:1px solid rgba(122,77,79,.23)}
.ssd-story-prose strong{color:#35222b}
.ssd-story-prose blockquote{border-left:3px solid #bc8a64;margin:34px 0;padding:13px 24px;color:#6e3d51;font:italic 400 26px/1.5 var(--serif);background:#fff8f0}
.ssd-work-story .ssd-story-prose img{max-width:100%;border-radius:10px;box-shadow:0 12px 26px rgba(60,27,43,.13)}
.ssd-story-prose iframe{width:100%;aspect-ratio:16/9;height:auto;border-radius:10px}
.ssd-work-story .ssd-story-prose a{color:#87344f;text-underline-offset:4px;text-decoration-thickness:1px}
.ssd-work-story .ssd-story-prose .back-link{display:inline-flex;margin-top:48px;padding-top:24px;border-top:1px solid #d5bdb4;font-size:13px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.ssd-story-outro{margin-top:92px;padding:48px clamp(28px,4vw,64px);border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:35px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 15%,rgba(154,78,92,.52),transparent 50%),linear-gradient(135deg,#271421,#562c40);box-shadow:0 23px 42px rgba(53,21,36,.18);color:#fff3e7}
.ssd-story-outro:before{content:"";position:absolute;inset:0;border:1px solid rgba(233,182,138,.31);border-radius:inherit;pointer-events:none}
.ssd-story-outro span{color:#eac08c;font-size:11px;font-weight:700;letter-spacing:.19em}
.ssd-story-outro h2{font:400 clamp(32px,3.6vw,53px)/1.12 var(--serif);letter-spacing:-.025em;margin:12px 0 0;max-width:650px;color:#fff4e9}
.ssd-story-outro h2 em{font-style:normal;color:#e5b789}
.ssd-story-outro>a{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-width:max-content;background:#eac08d;border-radius:5px;color:#281623;padding:17px 21px;text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.03em;transition:transform .2s,background .2s}
.ssd-story-outro>a span{color:#281623;font-size:19px;letter-spacing:0}
.ssd-story-outro>a:hover{background:#f7d5a7;transform:translateY(-2px)}
@keyframes ssd-story-arrive{from{opacity:.5;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}

/* The Leadership Journey is a separate WordPress module: accent it without
   changing its shortcode data, organization links, logos or timeline. */
body.ssdlj-page .ssdlj .ssdlj-hero{background-color:#271321;background-image:linear-gradient(90deg,rgba(30,11,26,.97) 0%,rgba(31,10,25,.92) 31%,rgba(37,11,28,.53) 61%,rgba(35,9,26,.12) 100%),linear-gradient(0deg,rgba(25,8,21,.63),transparent 55%),url("assets/images/leadership-journey-institution-building-v0825.webp");background-size:cover;background-position:center center;position:relative;overflow:hidden;min-height:630px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid rgba(215,164,117,.45)}
body.ssdlj-page .ssdlj .ssdlj-hero:after{content:"Illustrative artwork";position:absolute;bottom:18px;right:25px;color:#f2d7bb;font:600 9px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;z-index:2;opacity:.76;pointer-events:none}
body.ssdlj-page .ssdlj .ssdlj-hero-layout{position:relative;z-index:1}
body.ssdlj-page .ssdlj .ssdlj-hero h1{color:#fff6ea;text-shadow:0 8px 34px rgba(0,0,0,.23);font-size:clamp(64px,7.2vw,126px);max-width:780px}
body.ssdlj-page .ssdlj .ssdlj-hero h1 em{color:#e6b788}
body.ssdlj-page .ssdlj .ssdlj-tagline{color:#f7e7d9}
body.ssdlj-page .ssdlj .ssdlj-hero-copy{background:rgba(25,8,22,.64);backdrop-filter:blur(7px);border:1px solid rgba(227,179,136,.36);border-left:3px solid #dbb07c;border-radius:4px 15px 15px 4px;padding:22px 25px;color:#f5e9df;box-shadow:0 17px 32px rgba(12,4,11,.16)}
body.ssdlj-page .ssdlj .ssdlj-hero-copy p{color:#f5e9df;line-height:1.7}
body.ssdlj-page .ssdlj .ssdlj-hero-divider{position:relative;z-index:1}
body.ssdlj-page .ssdlj .ssdlj-content{background:radial-gradient(ellipse at 87% 5%,rgba(105,44,72,.22),transparent 43%),#24121f}
body.ssdlj-page .ssdlj .ssdlj-section-head{padding-bottom:22px}
body.ssdlj-page .ssdlj .ssdlj-founder-card{border:1px solid rgba(223,171,133,.38);border-radius:18px;background:radial-gradient(circle at 88% 8%,rgba(147,62,90,.25),transparent 50%),linear-gradient(150deg,#4a273a,#261521);box-shadow:0 22px 42px rgba(10,2,10,.21);transition:transform .3s,box-shadow .3s}
body.ssdlj-page .ssdlj .ssdlj-founder-card:hover{transform:translateY(-5px);box-shadow:0 29px 56px rgba(9,2,9,.32)}
body.ssdlj-page .ssdlj .ssdlj-logo{border-radius:14px;box-shadow:0 10px 27px rgba(0,0,0,.23);overflow:hidden}
body.ssdlj-page .ssdlj .ssdlj-timeline-item{border-radius:12px;transition:background .25s}
body.ssdlj-page .ssdlj .ssdlj-timeline-item:hover{background:rgba(233,176,136,.06)}
body.ssdlj-page .ssdlj .ssdlj-service-card{border-radius:13px;transition:transform .25s}
body.ssdlj-page .ssdlj .ssdlj-service-card:hover{transform:translateY(-3px)}

@media(max-width:1100px){
    .ssd-story-reader{grid-template-columns:minmax(205px,255px) minmax(0,1fr);gap:44px}
    .ssd-story-outro{flex-wrap:wrap}
    body.ssdlj-page .ssdlj .ssdlj-hero{min-height:580px}
}
@media(max-width:760px){
    .ssd-portfolio-body .project-grid{gap:16px}
    .ssd-portfolio-body .project-card,.ssd-portfolio-body .project-card-link{min-height:365px}
    .ssd-portfolio-body .project-card:first-child,.ssd-portfolio-body .project-card:first-child .project-card-link{min-height:430px}
    .ssd-portfolio-body .project-card:first-child .project-card-link{padding:30px}
    .ssd-portfolio-body .project-card:first-child .project-title{font-size:clamp(38px,8vw,52px)}
    .ssd-work-story .ssd-work-story-hero{padding:123px 0 68px;min-height:600px;align-items:end}
    .ssd-work-story-hero:before{background:linear-gradient(0deg,rgba(29,8,23,.98) 0%,rgba(29,8,23,.93) 42%,rgba(35,9,27,.39) 82%,rgba(23,6,18,.19) 100%)}
    .ssd-work-story-scenery img{object-position:65% center}
    .ssd-work-story-hero .breadcrumbs{margin-bottom:43px}
    .ssd-work-story .ssd-work-story-hero h1{font-size:clamp(46px,9.5vw,66px)}
    .ssd-work-story-lede{font-size:17px}
    .ssd-work-story .single-body{padding:57px 0 75px}
    .ssd-story-reader{grid-template-columns:1fr;gap:45px}
    .ssd-story-context{order:2}
    .ssd-story-prose{order:1}
    .ssd-story-context-inner{position:static}
    .ssd-work-story .ssd-story-prose p{font-size:17px}
    .ssd-work-story .ssd-story-prose h2{font-size:clamp(32px,7vw,43px)}
    .ssd-story-outro{margin-top:58px;padding:32px 26px}
    .ssd-story-outro>a{min-width:0;width:100%;text-align:center}
    body.ssdlj-page .ssdlj .ssdlj-hero{min-height:550px;background-position:70% center}
    body.ssdlj-page .ssdlj .ssdlj-hero h1{font-size:clamp(56px,11vw,83px)}
    body.ssdlj-page .ssdlj .ssdlj-hero-copy{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){
    .ssd-work-story-scenery img{animation:none}
    .ssd-portfolio-body .project-card-image,.ssd-story-outro>a,body.ssdlj-page .ssdlj .ssdlj-founder-card,body.ssdlj-page .ssdlj .ssdlj-service-card{transition:none!important}
    .ssd-portfolio-body .project-card:hover .project-card-image,.ssd-portfolio-body .project-card:focus-within .project-card-image,body.ssdlj-page .ssdlj .ssdlj-founder-card:hover,body.ssdlj-page .ssdlj .ssdlj-service-card:hover{transform:none!important}
}

/* v0.8.23 — The Stage & Beyond is a cinematic event archive, not an article.
   Keep the interactive archive shortcode intact while giving it room to breathe. */
.ssd-stage-showcase .content-hero{display:none}
.ssd-stage-showcase .single-body{padding:47px 0 102px}
.ssd-stage-showcase .single-body>.container{max-width:1380px}
.ssd-stage-return{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 28px;margin:0 0 24px}
.ssd-stage-return a{display:inline-flex;align-items:center;gap:11px;color:#74394a;font:750 12px/1.4 var(--sans);letter-spacing:.11em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(119,63,71,.35);padding:0 0 8px}
.ssd-stage-return a:hover{color:#461e36;border-color:currentColor}
.ssd-stage-return>span{color:#985f58;font:700 11px/1.4 var(--sans);letter-spacing:.2em}
.ssd-stage-showcase .ssd-stage-reader{display:block;scroll-margin-top:118px}
.ssd-stage-showcase .ssd-story-prose{width:100%;max-width:none;margin:0;padding:0}
.ssd-stage-showcase .ssd-story-prose:before{display:none}
.ssd-stage-showcase .ssd-story-prose>.ssd-perf{max-width:none!important;width:100%;margin:0;padding:0}
.ssd-stage-showcase .ssd-perf-hero{
    isolation:isolate;position:relative;display:flex;flex-direction:column;
    justify-content:center;align-items:flex-start;text-align:left;
    width:100%;min-height:clamp(570px,47vw,700px);
    margin:0;padding:clamp(55px,6.5vw,100px) clamp(36px,6vw,92px);
    border-radius:21px;border:1px solid rgba(228,183,136,.45);
    overflow:hidden;background:#1d0b19;
    box-shadow:0 27px 52px rgba(51,19,35,.25)
}
.ssd-stage-showcase .ssd-perf-hero-picture{position:absolute;inset:0;z-index:0;overflow:hidden}
.ssd-stage-showcase .ssd-story-prose .ssd-perf-hero-picture img{
    display:block;width:100%;height:100%;max-width:none;max-height:none;
    object-fit:cover;object-position:70% center;border-radius:0;box-shadow:none;
    filter:saturate(1.09) contrast(1.07);transform:scale(1.045);
    animation:ssd-stage-spotlight 22s ease-in-out alternate infinite
}
.ssd-stage-showcase .ssd-perf-hero:after{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(90deg,rgba(21,6,18,.99) 0%,rgba(35,8,25,.94) 28%,rgba(41,10,28,.78) 48%,rgba(34,7,23,.36) 70%,rgba(29,6,18,.12) 100%),
               linear-gradient(0deg,rgba(15,4,13,.78),transparent 36%,rgba(15,4,13,.17) 80%);
    box-shadow:inset 0 0 90px rgba(22,5,18,.32)
}
.ssd-stage-showcase .ssd-perf-hero>:not(.ssd-perf-hero-picture){position:relative;z-index:2}
.ssd-stage-showcase .ssd-perf-hero .ssd-perf-kicker{font:750 12px/1.5 var(--sans);letter-spacing:.22em;color:#eac08f;margin:0 0 30px;max-width:600px;text-shadow:0 2px 12px #190913}
.ssd-stage-showcase .ssd-story-prose .ssd-perf-hero h2{
    font:400 clamp(62px,7.6vw,113px)/.99 var(--serif);letter-spacing:-.045em;
    max-width:720px;margin:0 0 25px;padding:0;border:0;
    color:#fff4e8;text-shadow:0 8px 35px rgba(0,0,0,.4);text-wrap:balance
}
.ssd-stage-showcase .ssd-perf-hero .ssd-perf-subtitle{font:650 clamp(21px,2vw,27px)/1.3 var(--sans);color:#f2c594;max-width:620px;margin:0 0 15px;letter-spacing:-.02em}
.ssd-stage-showcase .ssd-story-prose .ssd-perf-hero p{font:450 clamp(16px,1.3vw,19px)/1.68 var(--sans);color:#f1e3db;max-width:610px;margin:0 0 23px;text-shadow:0 2px 11px #170717}
.ssd-stage-showcase .ssd-perf-hero .ssd-perf-hero-foot{display:flex;flex-wrap:wrap;align-items:center;gap:9px 21px;max-width:690px;margin:7px 0 28px;padding-top:17px;border-top:1px solid rgba(234,191,142,.38);color:#eec38b;font:700 11px/1.6 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.ssd-stage-showcase .ssd-story-prose .ssd-perf-visual-stories-cta{
    display:inline-flex;align-items:center;justify-content:center;gap:13px;
    width:auto;max-width:100%;padding:16px 21px;margin:0;
    background:#ebc18f;color:#281324;text-decoration:none;border-radius:5px;
    font:800 14px/1.35 var(--sans);letter-spacing:0;
    box-shadow:0 12px 25px rgba(10,2,9,.25);transition:transform .25s,background .25s
}
.ssd-stage-showcase .ssd-story-prose .ssd-perf-visual-stories-cta:hover{background:#f9d9ac;color:#24101d;transform:translateY(-3px)}
.ssd-stage-showcase .ssd-perf-filterbar{margin:31px 0 0;border:1px solid rgba(186,140,110,.37);border-radius:16px;background:#fff8f1;box-shadow:0 13px 28px rgba(61,29,43,.08)}
.ssd-stage-showcase .ssd-perf-results{margin-top:24px}
.ssd-stage-showcase .ssd-perf-grid{gap:19px}
.ssd-stage-showcase .ssd-perf-card{border-radius:13px;overflow:hidden;transition:transform .27s,box-shadow .27s}
.ssd-stage-showcase .ssd-perf-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(62,22,37,.14)}
.ssd-stage-showcase .ssd-story-prose .back-link{margin-top:40px}
@keyframes ssd-stage-spotlight{from{transform:scale(1.045) translateX(-.75%)}to{transform:scale(1.105) translateX(.75%)}}
@media(max-width:800px){
    .ssd-stage-showcase .single-body{padding:34px 0 75px}
    .ssd-stage-showcase .ssd-perf-hero{min-height:640px;padding:52px clamp(24px,5.7vw,45px);justify-content:flex-end}
    .ssd-stage-showcase .ssd-perf-hero:after{background:linear-gradient(0deg,rgba(19,5,16,.98) 0%,rgba(29,8,24,.95) 37%,rgba(32,9,26,.45) 77%,rgba(29,7,22,.25) 100%)}
    .ssd-stage-showcase .ssd-story-prose .ssd-perf-hero-picture img{object-position:63% center}
    .ssd-stage-showcase .ssd-story-prose .ssd-perf-hero h2{font-size:clamp(51px,9.4vw,76px);max-width:580px}
    .ssd-stage-showcase .ssd-perf-hero .ssd-perf-kicker{font-size:10px;margin-bottom:17px}
    .ssd-stage-showcase .ssd-perf-hero .ssd-perf-hero-foot{font-size:10px}
}
@media(max-width:520px){
    .ssd-stage-return>span{display:none}
    .ssd-stage-showcase .ssd-perf-hero{border-radius:15px;min-height:660px;padding:32px 22px 38px}
    .ssd-stage-showcase .ssd-story-prose .ssd-perf-hero h2{font-size:clamp(47px,11.2vw,61px);margin-bottom:17px}
    .ssd-stage-showcase .ssd-perf-hero .ssd-perf-subtitle{font-size:18px}
    .ssd-stage-showcase .ssd-story-prose .ssd-perf-hero p{font-size:15px;line-height:1.57}
    .ssd-stage-showcase .ssd-perf-hero .ssd-perf-hero-foot{margin-bottom:20px;padding-top:12px}
    .ssd-stage-showcase .ssd-story-prose .ssd-perf-visual-stories-cta{font-size:12px;padding:14px 13px;width:100%}
    .ssd-stage-showcase .ssd-perf-filterbar{margin-top:19px}
}
@media(prefers-reduced-motion:reduce){
    .ssd-stage-showcase .ssd-story-prose .ssd-perf-hero-picture img{animation:none;transform:none}
    .ssd-stage-showcase .ssd-perf-card,.ssd-stage-showcase .ssd-story-prose .ssd-perf-visual-stories-cta{transition:none}
}

/* v0.8.24 — Magazine-style story reading experience.
   Keeps the cinematic hero while giving prose priority and moving context to
   a lighter, slimmer reference rail on the right. Excludes shortcode archives. */
.ssd-work-story:not(.ssd-stage-showcase) .single-body{padding:78px 0 106px;background:radial-gradient(ellipse at 92% 4%,rgba(218,167,134,.14),transparent 44%),linear-gradient(135deg,#f5e9dd 0%,#f6eee5 48%,#f0e3d7 100%)}
.ssd-story-editorial{display:grid;grid-template-columns:minmax(0,765px) minmax(250px,322px);justify-content:space-between;align-items:start;gap:clamp(32px,5.3vw,86px)}
.ssd-work-story .ssd-story-editorial>.ssd-story-prose{grid-column:1;grid-row:1;order:initial;max-width:765px;margin:0;padding:0;min-width:0;color:#35262d;font-size:18px;line-height:1.82}
.ssd-story-editorial>.ssd-story-context{grid-column:2;grid-row:1;order:initial;min-width:0}
.ssd-story-editorial .ssd-story-prose:before{display:none}
.ssd-story-reading-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 30px;padding:0 0 18px;border-bottom:1px solid rgba(140,83,91,.24);color:#935b53}
.ssd-story-reading-head>span:first-child{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;font:750 11px/1.5 var(--sans);letter-spacing:.17em;text-transform:uppercase}
.ssd-story-reading-head i{width:27px;height:1px;background:#c28b71;display:inline-block}
.ssd-story-reading-time{white-space:nowrap;font:650 11px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#855d64}
.ssd-story-editorial .ssd-story-prose>h2{font:400 clamp(35px,3.4vw,49px)/1.13 var(--serif);letter-spacing:-.025em;margin:65px 0 24px;padding:33px 0 0;border-top:1px solid rgba(150,96,96,.26);color:#45283a;text-wrap:balance}
.ssd-story-editorial .ssd-story-prose>h3{font:700 clamp(24px,2.1vw,29px)/1.25 var(--sans);letter-spacing:-.02em;color:#512c3d;margin:48px 0 22px;padding:21px 0 0;border-top:1px solid rgba(150,96,96,.18)}
.ssd-story-editorial .ssd-story-prose>h2:before,.ssd-story-editorial .ssd-story-prose>h3:before{content:"";display:block;width:45px;height:3px;background:#c39773;margin:0 0 18px}
.ssd-story-editorial .ssd-story-prose>.ssd-story-reading-head + :is(h2,h3){font:400 clamp(38px,4.1vw,61px)/1.13 var(--serif);letter-spacing:-.032em;color:#412638;max-width:745px;margin:0 0 27px;padding:0;border:0;text-wrap:balance}
.ssd-story-editorial .ssd-story-prose>.ssd-story-reading-head + :is(h2,h3):before{display:none}
.ssd-work-story .ssd-story-editorial .ssd-story-prose p{font-size:18px;line-height:1.82;margin:0 0 26px;color:#3d3035}
.ssd-work-story .ssd-story-editorial .ssd-story-prose>p:first-of-type{font-size:clamp(19px,1.57vw,22px);line-height:1.7;color:#634455;border-left:3px solid #bb886a;padding-left:24px;margin:0 0 34px}
.ssd-story-editorial .ssd-story-prose>p:first-of-type::first-letter{font-family:var(--serif);font-size:2.4em;line-height:.85;float:left;margin:7px 9px 0 0;color:#8e4c61}
.ssd-story-editorial .ssd-story-prose p strong{color:#452238;font-weight:750}
.ssd-story-editorial .ssd-story-prose blockquote{border:0;border-top:2px solid #b98772;border-bottom:1px solid rgba(179,127,110,.45);background:rgba(255,249,244,.75);color:#67394d;padding:30px clamp(20px,3vw,34px);margin:42px 0;font:italic 400 clamp(23px,2.25vw,31px)/1.43 var(--serif)}
.ssd-story-editorial .ssd-story-prose>ul,.ssd-story-editorial .ssd-story-prose>ol{margin:22px 0 32px;padding-left:28px}
.ssd-story-editorial .ssd-story-prose li{margin:0 0 10px;line-height:1.65}
.ssd-story-editorial .ssd-story-prose a:not(.back-link){color:#883f5c;text-decoration-thickness:1px;text-underline-offset:4px}
.ssd-work-story .ssd-story-editorial .ssd-story-prose .back-link{margin-top:55px;border-top:1px solid rgba(150,95,104,.31);width:100%;padding-top:24px}

.ssd-story-editorial .ssd-story-context-inner{position:sticky;top:111px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:#33222d;display:grid;gap:17px}
.ssd-story-editorial .ssd-story-context-art{position:relative;height:177px;overflow:hidden;border-radius:14px;isolation:isolate;background:#260d1e;box-shadow:0 14px 29px rgba(69,30,43,.15);border:1px solid rgba(194,139,111,.42)}
.ssd-story-editorial .ssd-story-context-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.83) contrast(1.05)}
.ssd-story-editorial .ssd-story-context-art:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(21,5,19,.85),transparent 62%)}
.ssd-story-editorial .ssd-story-context-art>span{position:absolute;left:21px;bottom:17px;z-index:2;color:#efd1a8;font:800 10px/1.3 var(--sans);letter-spacing:.17em}
.ssd-story-editorial .ssd-story-context-facts{background:linear-gradient(150deg,#4a2738,#281522);color:#f6e9de;border:1px solid rgba(206,158,123,.45);border-radius:14px;padding:27px 26px 29px;box-shadow:0 15px 31px rgba(58,23,38,.13)}
.ssd-story-editorial .ssd-story-context-kicker{color:#e5b685;font:750 10px/1.5 var(--sans);letter-spacing:.17em;margin-bottom:10px}
.ssd-story-editorial .ssd-story-context h2{font:400 34px/1.1 var(--serif);margin:0 0 24px;color:#fff2e5;letter-spacing:-.025em}
.ssd-story-editorial .ssd-story-context h2 span{color:#dfae82}
.ssd-story-editorial .ssd-story-context dl{display:grid;gap:13px}
.ssd-story-editorial .ssd-story-context dl>div{padding-top:13px;border-top:1px solid rgba(244,210,183,.18)}
.ssd-story-editorial .ssd-story-context dt{color:#ddae85;font:750 10px/1.35 var(--sans);letter-spacing:.13em;margin:0 0 6px;text-transform:uppercase}
.ssd-story-editorial .ssd-story-context dd{color:#f3e5dd;font:450 13px/1.5 var(--sans);margin:0;overflow-wrap:break-word}
.ssd-story-editorial .ssd-story-context-nav{padding:23px 24px;border:1px solid rgba(161,107,102,.27);border-radius:13px;background:rgba(255,250,244,.7);box-shadow:0 11px 23px rgba(62,33,39,.055)}
.ssd-story-editorial .ssd-story-context-nav[hidden]{display:none}
.ssd-story-editorial .ssd-story-context-nav>span{display:block;color:#986355;font:750 10px/1.4 var(--sans);letter-spacing:.18em;margin-bottom:15px}
.ssd-story-editorial .ssd-story-toc-list{list-style:none;padding:0;margin:0;display:grid;gap:0}
.ssd-story-editorial .ssd-story-toc-list li{margin:0;border-top:1px solid rgba(156,115,111,.15)}
.ssd-story-editorial .ssd-story-toc-list a{display:block;padding:12px 0;color:#59404a;text-decoration:none;font:600 12px/1.42 var(--sans);transition:color .2s,padding .2s}
.ssd-story-editorial .ssd-story-toc-list a:hover,.ssd-story-editorial .ssd-story-toc-list a[aria-current="location"]{color:#9b4565;padding-left:5px}
.ssd-story-editorial .ssd-story-context-foot{padding:0 3px}
.ssd-story-editorial .ssd-story-progress>span{display:block;font:750 9px/1.4 var(--sans);letter-spacing:.17em;color:#9a675a;margin:10px 0 8px}
.ssd-story-editorial .ssd-story-progress [role="progressbar"]{height:3px;width:100%;background:rgba(119,77,85,.18);border-radius:10px;overflow:hidden}
.ssd-story-editorial .ssd-story-progress [role="progressbar"]>i{display:block;height:100%;width:0;background:#b9797f;border-radius:inherit;transition:width .15s}
.ssd-story-editorial .ssd-story-context-return{color:#7d4156;margin:19px 0 0;font:750 12px/1.4 var(--sans)}
.ssd-story-editorial .ssd-story-context-return:hover{color:#9e5563}
@media(max-width:980px){
    .ssd-story-editorial{grid-template-columns:minmax(0,1fr);gap:42px}
    .ssd-work-story .ssd-story-editorial>.ssd-story-prose{grid-column:1;grid-row:1;max-width:780px}
    .ssd-story-editorial>.ssd-story-context{grid-column:1;grid-row:2}
    .ssd-story-editorial .ssd-story-context-inner{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:15px}
    .ssd-story-editorial .ssd-story-context-art{grid-column:2;grid-row:1;height:100%;min-height:245px}
    .ssd-story-editorial .ssd-story-context-facts{grid-column:1;grid-row:1/3}
    .ssd-story-editorial .ssd-story-context-nav{grid-column:2;grid-row:2}
    .ssd-story-editorial .ssd-story-context-foot{grid-column:1/-1}
}
@media(max-width:650px){
    .ssd-work-story:not(.ssd-stage-showcase) .single-body{padding:48px 0 76px}
    .ssd-story-reading-head{flex-wrap:wrap;margin-bottom:24px}
    .ssd-story-reading-head>span:first-child{font-size:10px;letter-spacing:.12em}
    .ssd-story-editorial .ssd-story-prose>.ssd-story-reading-head + :is(h2,h3){font-size:clamp(35px,8.8vw,48px)}
    .ssd-story-editorial .ssd-story-prose>h2{font-size:clamp(34px,8vw,42px);margin-top:48px}
    .ssd-story-editorial .ssd-story-prose>.ssd-story-reading-head + h2{margin-top:0}
    .ssd-work-story .ssd-story-editorial .ssd-story-prose p{font-size:17px;line-height:1.72}
    .ssd-work-story .ssd-story-editorial .ssd-story-prose>p:first-of-type{font-size:18px;padding-left:18px}
    .ssd-story-editorial .ssd-story-context-inner{grid-template-columns:1fr}
    .ssd-story-editorial .ssd-story-context-art,.ssd-story-editorial .ssd-story-context-facts,.ssd-story-editorial .ssd-story-context-nav,.ssd-story-editorial .ssd-story-context-foot{grid-column:1;grid-row:auto}
    .ssd-story-editorial .ssd-story-context-art{height:185px;min-height:0}
}
@media(prefers-reduced-motion:reduce){
    .ssd-story-editorial .ssd-story-toc-list a,.ssd-story-editorial .ssd-story-progress [role="progressbar"]>i{transition:none}
}

/* v0.8.26 — A personal note, intentionally discovered near the end of the
   homepage. Native details/summary keeps the sealed letter accessible even
   without JavaScript; all visible copy is controlled by the Customizer. */
.ssd-gratitude-section{position:relative;isolation:isolate;overflow:hidden;padding:88px 0 92px;background:linear-gradient(110deg,#1e0f1b 0%,#301626 55%,#21101d 100%);border-top:1px solid rgba(207,159,109,.15);border-bottom:1px solid rgba(207,159,109,.22)}
.ssd-gratitude-section:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 77% 43%,rgba(166,62,95,.21),transparent 46%),radial-gradient(ellipse at 9% 80%,rgba(171,105,79,.12),transparent 51%);pointer-events:none}
.ssd-gratitude-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(390px,1.16fr);align-items:start;gap:clamp(35px,5.5vw,90px)}
.ssd-gratitude-introduction{padding-top:38px}
.ssd-gratitude-introduction .eyebrow{font-size:12px;color:#e1b989}
.ssd-gratitude-introduction h2{font:400 clamp(37px,3.85vw,63px)/1.1 var(--serif);letter-spacing:-.024em;color:#f9ede6;margin:22px 0 19px;max-width:520px;text-wrap:balance}
.ssd-gratitude-introduction p{font-size:17px;line-height:1.77;color:#c9b5bb;margin:0;max-width:430px}
.ssd-gratitude-rule{display:block;height:1px;width:104px;background:linear-gradient(90deg,#e4ba83,rgba(228,186,131,0));margin-top:35px}
.ssd-gratitude-note{position:relative;min-width:0;width:100%;margin:0}
.ssd-note-toggle{display:flex;flex-direction:column;align-items:center;list-style:none;width:100%;padding:21px 5px 15px;cursor:pointer;color:#f7ebe1;text-align:center;background:transparent}
.ssd-note-toggle::-webkit-details-marker{display:none}
.ssd-note-toggle::marker{content:""}
.ssd-note-toggle:hover{background:transparent}
.ssd-note-toggle:focus-visible{outline:2px solid #ebc99a;outline-offset:4px}
.ssd-note-envelope{display:block;position:relative;width:min(100%,440px);aspect-ratio:1.77;margin:0 auto 20px;perspective:900px;filter:drop-shadow(0 26px 16px rgba(7,2,8,.42));transform:rotate(-2deg);transition:transform .55s ease,filter .55s ease}
.ssd-note-toggle:hover .ssd-note-envelope{transform:rotate(-1deg) translateY(-6px);filter:drop-shadow(0 33px 18px rgba(7,2,8,.51))}
.ssd-note-envelope-back{position:absolute;inset:0;border-radius:7px;background:linear-gradient(135deg,#75364d 0%,#4b1a32 45%,#291021 100%);border:1.5px solid #d2a475;box-shadow:inset 0 0 0 5px rgba(237,190,145,.09),inset 0 0 46px rgba(16,4,17,.34)}
.ssd-note-envelope-lining{position:absolute;inset:1px;clip-path:polygon(0 0,100% 0,50% 60%);background:linear-gradient(165deg,#ab6571 0%,#733247 37%,#3b142c 100%);opacity:.88;z-index:1}
.ssd-note-paper-peek{position:absolute;z-index:2;top:14%;bottom:12%;left:12%;right:12%;pointer-events:none;background:linear-gradient(160deg,#fff8ec 0%,#f1deca 85%);border:1px solid rgba(174,117,79,.65);box-shadow:0 4px 18px rgba(11,4,11,.2);transform:translateY(34%);transition:transform .84s cubic-bezier(.19,.76,.26,1) .14s}
.ssd-note-paper-peek:before{content:"";position:absolute;inset:16px;border-top:1px solid rgba(177,133,105,.45);border-bottom:1px solid rgba(177,133,105,.2)}
.ssd-note-envelope-front{position:absolute;inset:1px;clip-path:polygon(0 99%,0 5%,50% 62%,100% 5%,100% 99%);background:linear-gradient(145deg,#8c455a 0%,#4e2037 52%,#3b162c 100%);box-shadow:inset 0 0 35px rgba(23,4,18,.45);z-index:3}
.ssd-note-envelope-front:before{content:"";position:absolute;inset:0;border:1px solid rgba(231,170,122,.3)}
.ssd-note-envelope-front:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 28%,rgba(255,222,164,.32) 48%,transparent 70%);opacity:0;transform:translateX(-125%)}
.ssd-note-envelope-flap{position:absolute;inset:0 1px 0;clip-path:polygon(0 0,100% 0,50% 59%);background:linear-gradient(175deg,#71334b 3%,#a35e70 42%,#40152c 98%);z-index:4;transform-origin:50% 1px;backface-visibility:visible;transition:transform .98s cubic-bezier(.18,.82,.25,1)}
.ssd-note-envelope-flap:after{content:"";position:absolute;inset:1px;border-top:1px solid rgba(246,196,132,.5)}
.ssd-note-wax-seal{position:absolute;z-index:5;top:52%;left:50%;width:105px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:radial-gradient(circle at 26% 20%,#b45e79 0%,#75243e 55%,#42182c 100%);border:3px solid #e8bd83;box-shadow:0 9px 22px rgba(13,3,15,.63),0 0 0 4px rgba(229,172,99,.11),inset 0 0 0 2px rgba(255,231,185,.33);transition:opacity .48s .1s,transform .69s cubic-bezier(.2,.78,.2,1),box-shadow .35s}
.ssd-note-wax-seal:before{content:"";position:absolute;inset:9px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff8e8 0%,#f1d7a5 72%,#d9a66e 100%);box-shadow:inset 0 0 0 2px rgba(126,70,59,.35),inset 0 4px 9px rgba(255,255,255,.28)}
.ssd-note-wax-seal img{display:block;position:relative;z-index:1;width:78px;height:79px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(50,8,27,.32))}
.ssd-note-toggle:hover .ssd-note-wax-seal{box-shadow:0 11px 24px rgba(13,3,15,.69),0 0 0 7px rgba(229,172,99,.13),0 0 25px rgba(238,191,119,.24),inset 0 0 0 2px rgba(255,231,185,.45)}
.ssd-note-prompt{display:flex;flex-direction:column;align-items:center;gap:8px}
.ssd-note-prompt-title{font:400 clamp(27px,2.5vw,36px)/1.2 var(--serif);letter-spacing:.01em;color:#f1d8c3}
.ssd-note-prompt-action{font:750 11px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#e2b783;transition:color .2s}
.ssd-note-toggle:hover .ssd-note-prompt-action{color:#f8d9a9}
.ssd-note-prompt-action--open{display:none}
.ssd-gratitude-note[open] .ssd-note-prompt-action--closed{display:none}
.ssd-gratitude-note[open] .ssd-note-prompt-action--open{display:block}
.ssd-gratitude-note[open] .ssd-note-envelope-flap{transform:rotateX(176deg)}
.ssd-gratitude-note[open] .ssd-note-paper-peek{transform:translateY(-55%)}
.ssd-gratitude-note[open] .ssd-note-envelope-front:after{animation:ssd-note-light-sweep 1.25s ease-out .22s both}
.ssd-gratitude-note[open] .ssd-note-wax-seal{opacity:0;transform:translate(-50%,-72%) rotate(-18deg) scale(.55)}
.ssd-gratitude-note[open] .ssd-note-envelope{transform:rotate(0deg) scale(.97)}
.ssd-note-letter{position:relative;margin:34px auto 0;padding:clamp(33px,4vw,55px) clamp(28px,4.4vw,62px) 37px;background:linear-gradient(135deg,#fff7ec 0%,#f4e5d2 59%,#f0ddc8 100%);color:#37232f;box-shadow:0 29px 55px rgba(6,2,8,.4),inset 0 0 0 1px rgba(138,79,83,.2);border-radius:3px;animation:ssd-note-rise 1.12s cubic-bezier(.17,.8,.28,1) .28s both}
.ssd-note-letter:before{content:"";position:absolute;inset:11px;border:1px solid rgba(147,99,83,.24);pointer-events:none}
.ssd-note-letter-kicker{color:#97664f;font:750 10px/1.5 var(--sans);letter-spacing:.19em;text-transform:uppercase;margin:0 0 18px}
.ssd-note-letter h3{font:400 clamp(43px,4vw,65px)/1.12 var(--serif);letter-spacing:-.015em;color:#61293f;margin:0 0 25px}
.ssd-note-letter-copy p{font:450 17px/1.78 var(--sans);color:#46333d;margin:0 0 19px}
.ssd-note-letter-signoff{font:italic 16px/1.6 var(--sans);color:#604356;margin:22px 0 7px}
.ssd-note-letter-signature{font:400 24px/1.2 var(--serif);color:#843c57;margin:0 0 26px}
.ssd-note-close{display:inline-flex;align-items:center;gap:12px;padding:11px 0;background:none;border:0;border-bottom:1px solid #ad8063;color:#743e50;font:750 11px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.ssd-note-close:hover{color:#a05168;border-bottom-color:#a05168}
.ssd-note-close:focus-visible{outline:2px solid #8e4560;outline-offset:4px}
@keyframes ssd-note-rise{0%,18%{opacity:0;filter:blur(3px);transform:translateY(-60px) scale(.97)}68%{opacity:.88;filter:blur(0)}100%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
@keyframes ssd-note-light-sweep{0%{opacity:0;transform:translateX(-125%)}30%{opacity:.65}65%{opacity:.4}100%{opacity:0;transform:translateX(125%)}}
@media(max-width:900px){
    .ssd-gratitude-layout{grid-template-columns:1fr;gap:21px}
    .ssd-gratitude-introduction{text-align:center;padding-top:0;max-width:620px;margin:0 auto}
    .ssd-gratitude-introduction h2,.ssd-gratitude-introduction p{max-width:none}
    .ssd-gratitude-rule{margin:30px auto 0}
    .ssd-gratitude-note{max-width:680px;margin:0 auto}
    .ssd-note-envelope{width:min(88%,400px)}
}
@media(max-width:520px){
    .ssd-gratitude-section{padding:64px 0 72px}
    .ssd-gratitude-introduction h2{font-size:clamp(35px,9vw,45px)}
    .ssd-gratitude-introduction p{font-size:16px;line-height:1.7}
    .ssd-note-toggle{padding:19px 0 4px}
    .ssd-note-envelope{width:95%;margin-bottom:15px}
    .ssd-note-wax-seal{width:80px;border-width:2px}
    .ssd-note-wax-seal:before{inset:7px}
    .ssd-note-wax-seal img{width:60px;height:62px}
    .ssd-note-letter-signature{font-size:23px}
    .ssd-note-prompt-action{font-size:10px}
    .ssd-note-letter{padding:37px 24px 28px;margin-top:26px}
    .ssd-note-letter:before{inset:8px}
    .ssd-note-letter-copy p{font-size:16px;line-height:1.72}
    .ssd-note-letter h3{font-size:45px}
}
@media(prefers-reduced-motion:reduce){
    .ssd-note-toggle,.ssd-note-envelope,.ssd-note-envelope-flap,.ssd-note-wax-seal,.ssd-note-paper-peek,.ssd-note-prompt-action{transition:none!important}
    .ssd-note-letter,.ssd-gratitude-note[open] .ssd-note-envelope-front:after{animation:none!important}
}

/* v0.8.28 — The letter now opens in a true, centered cinematic layer.
   Nothing pale is mounted inside the closed envelope; the paper appears
   only during the intentional opening sequence. */
.ssd-gratitude-note .ssd-note-toggle{
    appearance:none;
    border:0;
    border-radius:0;
    box-shadow:none;
    max-width:100%;
    outline-offset:6px;
    font:inherit;
    background:transparent!important;
}
.ssd-gratitude-note .ssd-note-toggle:hover,
.ssd-gratitude-note .ssd-note-toggle:active,
.ssd-gratitude-note .ssd-note-toggle:focus{
    background:transparent!important;
    box-shadow:none!important;
}
.ssd-gratitude-note .ssd-note-toggle::before,
.ssd-gratitude-note .ssd-note-toggle::after{content:none!important}
.ssd-note-envelope{isolation:isolate}
.ssd-note-wax-seal{
    width:114px;
    background:radial-gradient(circle at 28% 21%,#c57783 0%,#8a3855 36%,#542034 100%);
    border:3px solid #efc98d;
    box-shadow:0 11px 29px rgba(11,1,12,.66),0 0 0 5px rgba(228,168,104,.13),inset 0 0 0 2px rgba(255,238,197,.55);
}
.ssd-note-wax-seal:before{
    inset:7px;
    background:radial-gradient(circle at 35% 23%,#fff8df 0%,#f3dcad 54%,#dca66b 100%);
    box-shadow:inset 0 0 0 2px rgba(102,46,49,.4),inset 0 5px 10px rgba(255,255,255,.55)
}
.ssd-note-wax-seal img{width:90px;height:90px;filter:drop-shadow(0 2px 2px rgba(58,8,32,.17))}
.ssd-note-dialog-active{overflow:hidden}
.ssd-note-dialog[open]{
    position:fixed;
    inset:0;
    width:100vw;
    height:100vh;
    height:100dvh;
    max-width:none;
    max-height:none;
    margin:0;
    padding:0;
    border:0;
    overflow:hidden;
    color:#fbefdf;
    background:radial-gradient(ellipse at 50% 42%,#492139 0%,#271221 53%,#170a17 100%);
    box-shadow:inset 0 0 0 1px rgba(231,191,136,.13);
}
.ssd-note-dialog::backdrop{background:rgba(8,2,9,.86);backdrop-filter:blur(11px)}
.ssd-note-dialog-shell{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate}
.ssd-note-dialog-shell:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 50% 51%,rgba(196,104,124,.10),transparent 55%),linear-gradient(90deg,rgba(217,163,108,.055),transparent 22%,transparent 78%,rgba(217,163,108,.055));
}
.ssd-note-dialog-exit{
    position:absolute;
    z-index:12;
    top:max(18px,env(safe-area-inset-top));
    right:max(20px,env(safe-area-inset-right));
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    padding:0;
    border:1px solid rgba(230,188,135,.47);
    border-radius:50%;
    background:rgba(33,12,26,.75);
    color:#f6e2c8;
    font:400 32px/1 Georgia,serif;
    cursor:pointer;
    transition:background .2s,transform .2s;
}
.ssd-note-dialog-exit:hover{background:#71374f;transform:rotate(90deg)}
.ssd-note-dialog-exit:focus-visible{outline:2px solid #f4c68e;outline-offset:4px}
.ssd-note-cinematic-stage{
    position:absolute;
    z-index:2;
    width:min(84vw,530px);
    aspect-ratio:1.58;
    display:grid;
    place-items:center;
    pointer-events:none;
    opacity:1;
    transform:translateY(0) scale(1);
    transition:opacity .52s ease,transform .7s cubic-bezier(.22,.77,.2,1);
}
.ssd-note-cinematic-glow{
    position:absolute;
    width:105%;
    aspect-ratio:1;
    border-radius:50%;
    background:radial-gradient(circle,rgba(239,187,114,.27),rgba(191,91,122,.08) 38%,transparent 66%);
    opacity:0;
    transform:scale(.72);
    transition:opacity .8s ease,transform 1s ease;
}
.ssd-note-envelope--cinematic{
    width:100%;
    margin:0;
    transform:rotate(-1.5deg);
    filter:drop-shadow(0 25px 25px rgba(4,0,8,.58));
}
.ssd-note-stage-sheet{
    position:absolute;
    z-index:2;
    top:13%;right:15%;bottom:9%;left:15%;
    background:linear-gradient(160deg,#fff8ec,#ecd6bc);
    border:1px solid #dfb58a;
    box-shadow:0 6px 21px rgba(21,3,13,.21);
    opacity:0;
    visibility:hidden;
    transform:translateY(35%);
    transition:transform .74s cubic-bezier(.18,.78,.22,1) .38s,opacity .22s ease .39s,visibility 0s linear .39s;
}
.ssd-note-stage-sheet:before{
    content:"";
    position:absolute;
    inset:17px;
    border-top:1px solid rgba(151,102,82,.33);
    border-bottom:1px solid rgba(151,102,82,.14)
}
.ssd-note-dialog.is-opening .ssd-note-cinematic-glow{opacity:1;transform:scale(1.4)}
.ssd-note-dialog.is-opening .ssd-note-envelope--cinematic{transform:rotate(0deg) scale(1.02);transition:transform .85s ease}
.ssd-note-dialog.is-opening .ssd-note-envelope--cinematic .ssd-note-envelope-flap{
    backface-visibility:hidden;
    transform:rotateX(180deg);
    transition:transform .76s cubic-bezier(.2,.7,.21,1) .12s;
}
.ssd-note-dialog.is-opening .ssd-note-envelope--cinematic .ssd-note-wax-seal{
    opacity:0;
    transform:translate(-50%,-83%) rotate(-12deg) scale(.68);
    transition:opacity .35s ease,transform .54s ease;
}
.ssd-note-dialog.is-opening .ssd-note-stage-sheet{
    opacity:1;
    visibility:visible;
    transform:translateY(-29%);
}
.ssd-note-dialog.is-revealed .ssd-note-cinematic-stage{
    opacity:0;
    transform:translateY(-33px) scale(.86);
}
.ssd-note-letter--modal{
    position:absolute;
    z-index:5;
    top:50%;
    left:50%;
    width:min(90vw,800px);
    max-height:calc(100vh - 56px);
    max-height:calc(100dvh - 56px);
    margin:0;
    padding:clamp(34px,4.1vw,58px) clamp(29px,5vw,68px) clamp(27px,3vw,42px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(137,92,80,.32) transparent;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-50%,-43%) scale(.94);
    border:1px solid rgba(206,155,119,.6);
    border-radius:5px;
    box-shadow:0 36px 90px rgba(0,0,0,.55),0 0 70px rgba(236,177,116,.10),inset 0 0 0 1px rgba(255,255,255,.4);
    animation:none!important;
    transition:opacity .62s ease,transform .77s cubic-bezier(.16,.84,.23,1),visibility 0s linear .77s;
}
.ssd-note-dialog.is-revealed .ssd-note-letter--modal{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,-50%) scale(1);
    transition:opacity .62s ease,transform .77s cubic-bezier(.16,.84,.23,1),visibility 0s;
}
.ssd-note-letter--modal:focus{outline:none}
.ssd-note-letter--modal:focus-visible{outline:2px solid #f6c887;outline-offset:4px}
.ssd-note-letter--modal .ssd-note-letter-signature{font-size:22px;letter-spacing:.01em}
.ssd-note-dialog.is-closing .ssd-note-letter--modal{opacity:0;transform:translate(-50%,-48%) scale(.98);transition-duration:.22s}
.ssd-note-dialog.is-closing .ssd-note-cinematic-stage{opacity:0;transition-duration:.2s}
@media(max-width:600px){
    .ssd-note-wax-seal{width:84px}
    .ssd-note-wax-seal:before{inset:6px}
    .ssd-note-wax-seal img{width:68px;height:68px}
    .ssd-note-cinematic-stage{width:min(91vw,460px)}
    .ssd-note-letter--modal{width:94vw;max-height:calc(100dvh - 74px);padding:36px 26px 29px}
    .ssd-note-letter--modal h3{font-size:clamp(40px,9vw,52px)}
    .ssd-note-letter--modal .ssd-note-letter-copy p{font-size:16px;line-height:1.68}
    .ssd-note-dialog-exit{width:42px;height:42px;right:14px;top:12px;font-size:29px}
}
@media(prefers-reduced-motion:reduce){
    .ssd-note-dialog *,
    .ssd-note-dialog *:before,
    .ssd-note-dialog *:after{animation:none!important;transition:none!important}
    .ssd-note-dialog.is-revealed .ssd-note-letter--modal{transform:translate(-50%,-50%)}
}

/* v0.8.29 — Refined lacquer-and-gold identity and a single-shot reveal.
   The approved S is used as an alpha mask: one embossed gold silhouette,
   not a multicolour image pasted onto another medallion. */
.ssd-note-wax-seal{
    width:108px;
    border:3px solid #d5a35d;
    background:radial-gradient(circle at 29% 22%,#393039 0%,#19131c 48%,#08080e 100%);
    box-shadow:0 10px 26px rgba(8,2,11,.58),0 0 0 4px rgba(207,152,85,.10),inset 0 0 0 2px rgba(255,225,153,.26),inset 0 3px 8px rgba(255,211,130,.10);
    transition:transform .42s cubic-bezier(.22,.7,.25,1),box-shadow .42s ease;
}
.ssd-note-wax-seal:before{
    content:"";
    position:absolute;
    z-index:2;
    inset:13px;
    border:0;
    border-radius:0;
    background:linear-gradient(130deg,#ffe3a2 0%,#c28b40 31%,#f6c777 53%,#a87331 78%,#edd39b 100%);
    box-shadow:none;
    -webkit-mask:url('assets/brand/ssd-monogram-transparent.png') center / contain no-repeat;
    mask:url('assets/brand/ssd-monogram-transparent.png') center / contain no-repeat;
    filter:drop-shadow(1px 2px 1px rgba(0,0,0,.65));
    transform:translateX(-3px);
}
.ssd-note-wax-seal:after{
    content:"";
    position:absolute;
    z-index:1;
    inset:6px;
    border-radius:50%;
    border:1px solid rgba(248,201,119,.51);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.52);
    pointer-events:none;
}
.ssd-note-wax-seal img{display:none}
.ssd-note-toggle:hover .ssd-note-wax-seal{
    box-shadow:0 13px 29px rgba(8,2,11,.61),0 0 0 4px rgba(207,152,85,.13),inset 0 0 0 2px rgba(255,225,153,.35);
}
.ssd-note-toggle.is-pressing .ssd-note-envelope{
    transform:rotate(-1deg) translateY(-4px) scale(1.015);
    filter:drop-shadow(0 30px 21px rgba(7,2,8,.47));
}
.ssd-note-toggle.is-pressing .ssd-note-wax-seal{
    transform:translate(-50%,-50%) scale(1.07);
    box-shadow:0 11px 34px rgba(8,2,11,.61),0 0 0 5px rgba(207,152,85,.21),0 0 33px rgba(243,193,109,.27),inset 0 0 0 2px rgba(255,225,153,.5);
}
.ssd-note-dialog[open]{animation:ssd-note-stage-in .6s ease-out both}
.ssd-note-dialog[open]::backdrop{animation:ssd-note-backdrop-in .58s ease-out both}
.ssd-note-dialog.is-closing{animation:ssd-note-stage-out .23s ease-in both}
.ssd-note-dialog.is-closing::backdrop{animation:ssd-note-backdrop-out .23s ease-in both}
.ssd-note-letter--modal{
    filter:blur(3px);
    transform:translate(-50%,-46%) scale(.975);
    transition:opacity .56s ease,transform .7s cubic-bezier(.2,.76,.2,1),filter .68s ease,visibility 0s linear .7s;
}
.ssd-note-dialog.is-revealed .ssd-note-letter--modal{
    filter:blur(0);
    transform:translate(-50%,-50%) scale(1);
    transition:opacity .56s ease,transform .7s cubic-bezier(.2,.76,.2,1),filter .68s ease,visibility 0s;
}
.ssd-note-dialog.is-closing .ssd-note-letter--modal{
    opacity:0;
    filter:blur(2px);
    transform:translate(-50%,-49%) scale(.985);
    transition-duration:.22s;
}
.ssd-note-letter--modal .ssd-note-letter-signoff{margin-bottom:4px}
.ssd-note-letter--modal .ssd-note-letter-signature{
    display:block;
    width:fit-content;
    font:400 clamp(27px,2.6vw,33px)/1.25 var(--serif);
    letter-spacing:.005em;
    color:#78384e;
    text-shadow:none;
    margin:4px 0 0;
}
.ssd-note-letter--modal .ssd-note-letter-signature:after{
    content:none;
}
@keyframes ssd-note-stage-in{from{opacity:0}to{opacity:1}}
@keyframes ssd-note-stage-out{from{opacity:1}to{opacity:0}}
@keyframes ssd-note-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes ssd-note-backdrop-out{from{opacity:1}to{opacity:0}}
@media(max-width:600px){
    .ssd-note-wax-seal{width:85px}
    .ssd-note-wax-seal:before{inset:11px}
    .ssd-note-wax-seal:after{inset:5px}
    .ssd-note-wax-seal:before{transform:translateX(-2px)}
    .ssd-note-letter--modal .ssd-note-letter-signature{font-size:29px}
}
@media(prefers-reduced-motion:reduce){
    .ssd-note-toggle.is-pressing .ssd-note-envelope{transform:none;filter:none}
    .ssd-note-toggle.is-pressing .ssd-note-wax-seal{transform:translate(-50%,-50%)}
    .ssd-note-dialog[open],.ssd-note-dialog[open]::backdrop{animation:none!important}
    .ssd-note-letter--modal{filter:none!important}
}

/* v0.8.30 — Optical centering and a quieter signed-letter finish. */
.ssd-note-letter--modal .ssd-note-close{
    display:flex;
    width:100%;
    max-width:none;
    margin:30px 0 0;
    padding:20px 0 0;
    border-top:1px solid rgba(151,104,83,.25);
    border-bottom:0;
    justify-content:flex-start;
    text-align:left;
}
.ssd-note-letter--modal .ssd-note-close:hover{border-top-color:rgba(151,104,83,.45)}
.ssd-gratitude-note .ssd-note-toggle.ssd-note-pointer-return:focus,
.ssd-gratitude-note .ssd-note-toggle.ssd-note-pointer-return:focus-visible{
    outline:none!important;
    box-shadow:none!important;
}
.ssd-note-letter--modal:after{
    content:"";
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    right:0;
    height:2px;
    pointer-events:none;
    background:linear-gradient(90deg,transparent 0%,rgba(245,197,128,.15) 17%,#eac495 50%,rgba(245,197,128,.15) 83%,transparent 100%);
    opacity:0;
    transform:scaleX(.08);
    transform-origin:center;
}
.ssd-note-dialog.is-revealed .ssd-note-letter--modal:after{
    animation:ssd-note-foil-trace 1.15s cubic-bezier(.18,.7,.22,1) .15s both;
}
@keyframes ssd-note-foil-trace{
    0%{opacity:0;transform:scaleX(.08)}
    35%{opacity:.85;transform:scaleX(.7)}
    70%{opacity:.6;transform:scaleX(1)}
    100%{opacity:.24;transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){
    .ssd-note-dialog.is-revealed .ssd-note-letter--modal:after{animation:none!important;opacity:.24;transform:none}
}

/* v0.8.32 — A quiet invitation discovered AFTER folding the letter.
   Only configured social channels are links. A reserved WhatsApp username is
   deliberately noninteractive until the site owner enables live chat. */
.ssd-note-connections{
    position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);
    align-items:center;column-gap:clamp(28px,6vw,96px);row-gap:24px;
    margin-top:0;padding-top:0;border-top:1px solid transparent;
    max-height:0;opacity:0;visibility:hidden;overflow:hidden;
    transform:translateY(14px);pointer-events:none;
    transition:opacity .58s ease,transform .65s cubic-bezier(.18,.8,.2,1),
        max-height .76s ease,padding-top .65s ease,margin-top .65s ease,
        border-color .65s ease,visibility 0s .76s;
}
.ssd-note-has-been-read .ssd-note-connections{
    margin-top:clamp(34px,5vw,66px);padding-top:clamp(26px,3.3vw,44px);
    border-color:rgba(223,180,137,.22);max-height:440px;opacity:1;
    visibility:visible;transform:none;pointer-events:auto;
    transition-delay:0s;
}
.ssd-note-connections-eyebrow{
    font:750 11px/1.5 var(--sans);letter-spacing:.23em;color:#e0b684;
}
.ssd-note-connections-copy h3{
    font:400 clamp(26px,3vw,40px)/1.18 var(--serif);letter-spacing:-.012em;
    color:#f5e5dc;margin:12px 0 11px;
}
.ssd-note-connections-copy p{
    max-width:500px;font:400 15px/1.8 var(--sans);color:#cbb7bb;margin:0;
}
.ssd-note-connections-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px}
.ssd-note-feedback-link{
    display:inline-flex;align-items:center;gap:20px;min-height:45px;
    padding:11px 19px;border:1px solid rgba(232,184,120,.66);border-radius:2px;
    background:rgba(205,136,111,.045);color:#f1d5bb;
    font:700 12px/1.4 var(--sans);letter-spacing:.085em;text-decoration:none;
    transition:background .25s,color .25s,border-color .25s,transform .25s;
}
.ssd-note-feedback-link:hover{
    background:rgba(224,172,115,.14);color:#fff5e8;border-color:#edc28b;
    transform:translateY(-2px);
}
.ssd-note-feedback-link:focus-visible,.ssd-note-social-link:focus-visible{
    outline:2px solid #f5c98e;outline-offset:4px;
}
.ssd-note-social-row{display:flex;flex-wrap:wrap;gap:11px;align-items:center}
.ssd-note-social-link{
    display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;
    border:1px solid rgba(231,186,154,.37);border-radius:50%;
    background:rgba(249,219,192,.035);color:#e6c3ae;text-decoration:none;
    transition:transform .25s,background .25s,border-color .25s,color .25s;
}
a.ssd-note-social-link:hover{
    transform:translateY(-3px);background:rgba(236,194,144,.13);
    color:#fff1df;border-color:#e3ba86;
}
.ssd-note-social-link svg{display:block;width:20px;height:20px}
.ssd-note-social-link--pending{
    color:#a98d93;border-color:rgba(213,188,181,.2);background:transparent;
    cursor:default;
}
.ssd-note-whatsapp-status{font:400 12px/1.5 var(--sans);color:#b5a0a7;margin:0;max-width:325px}
@media(max-width:740px){
    .ssd-note-connections{grid-template-columns:1fr;gap:23px}
    .ssd-note-has-been-read .ssd-note-connections{max-height:650px}
    .ssd-note-connections-copy h3{font-size:clamp(28px,8vw,36px)}
}
@media(prefers-reduced-motion:reduce){
    .ssd-note-connections,.ssd-note-feedback-link,.ssd-note-social-link{transition:none!important}
}

/* v0.8.33 — A true wax seal: irregular melted edge, pressed circular well,
   and the existing S rendered as an embossed, single-tone gold impression.
   The seal physically overlaps the envelope flap and front. */
.ssd-note-wax-seal{
    top:57%;width:122px;border:0;border-radius:50%;
    background:transparent;box-shadow:none;
    filter:drop-shadow(0 12px 9px rgba(16,2,14,.65));
    transition:transform .42s cubic-bezier(.22,.7,.25,1),filter .42s ease;
}
.ssd-note-wax-resin{
    position:absolute;inset:0;display:block;z-index:0;
    background:url('assets/brand/ssd-wax-seal.svg') center/contain no-repeat;
}
.ssd-note-wax-seal:before{
    position:absolute;z-index:2;inset:25px;border:0;border-radius:0;
    background:linear-gradient(145deg,#fff0b9 0%,#e2b268 23%,#f2cc83 48%,#b87834 80%,#f1d392 100%);
    box-shadow:none;transform:translate(-2px,-1px);
    -webkit-mask:url('assets/brand/ssd-monogram-transparent.png') center/contain no-repeat;
    mask:url('assets/brand/ssd-monogram-transparent.png') center/contain no-repeat;
    filter:drop-shadow(1px 2px 1px rgba(49,3,22,.66));
}
.ssd-note-wax-seal:after{
    position:absolute;z-index:1;inset:20px;border-radius:50%;
    border:1px solid rgba(255,210,169,.19);
    box-shadow:inset 0 1px 2px rgba(33,1,13,.47);pointer-events:none;
}
.ssd-note-toggle:hover .ssd-note-wax-seal{
    box-shadow:none;filter:drop-shadow(0 15px 12px rgba(16,2,14,.73)) drop-shadow(0 0 7px rgba(222,132,117,.16));
}
.ssd-note-toggle.is-pressing .ssd-note-wax-seal{
    box-shadow:none;filter:drop-shadow(0 16px 12px rgba(16,2,14,.7));
}
.ssd-note-social-label{
    font:750 10px/1.2 var(--sans);letter-spacing:.22em;
    color:#d4ae90;margin:2px 0 -7px;
}
.ssd-note-social-link--pending{
    color:#d0b0ac;border-color:rgba(230,195,173,.29);background:rgba(240,211,194,.025);
    cursor:default;
}
@media(max-width:600px){
    .ssd-note-wax-seal{width:93px}
    .ssd-note-wax-seal:before{inset:19px;transform:translate(-2px,-1px)}
    .ssd-note-wax-seal:after{inset:15px}
}

/* v0.8.34 — Photographic sealing wax and a choreographed cinematic unseal.
   The actual flap lifts *before* a completely hidden letter is revealed;
   there is no paper-peek and no duplicate envelope behind the dialog. */
.ssd-note-wax-seal{
    top:58%;width:124px;
    filter:drop-shadow(0 8px 8px rgba(18,1,12,.73));
}
.ssd-note-wax-resin{
    background-image:url('assets/brand/ssd-wax-seal-photoreal-v1.webp');
    background-size:contain;
}
.ssd-note-wax-seal:before{
    inset:27px;z-index:2;
    background:linear-gradient(138deg,#ffe8aa 2%,#dfb16f 23%,#f5d591 44%,#b47633 75%,#e9bd78 95%);
    filter:drop-shadow(-1px -1px 1px rgba(44,3,19,.72)) drop-shadow(1px 1px 1px rgba(255,219,146,.32));
    transform:translate(-2px,-1px);
}
.ssd-note-wax-seal:after{border:0;box-shadow:none}
.ssd-note-toggle:hover .ssd-note-wax-seal{
    filter:drop-shadow(0 12px 11px rgba(15,1,13,.8)) drop-shadow(0 0 7px rgba(244,150,125,.15));
}

/* Physical action: light glances over the seal, it releases, then the upper
   triangular flap lifts on its top hinge. Nothing enters from below. */
.ssd-note-wax-resin:after{
    content:"";position:absolute;inset:13%;border-radius:50%;pointer-events:none;
    background:linear-gradient(108deg,transparent 19%,rgba(255,237,191,.28) 46%,transparent 63%);
    opacity:0;transform:translateX(-72%) rotate(-17deg);
}
.ssd-note-toggle.is-unsealing .ssd-note-wax-resin:after{
    animation:ssd-wax-light 0.57s ease-out 0.02s both;
}
.ssd-note-toggle.is-unsealing .ssd-note-envelope{
    transform:rotate(0deg) translateY(-9px) scale(1.058);
    filter:drop-shadow(0 37px 24px rgba(5,0,8,.58));
    transition:transform .83s cubic-bezier(.15,.81,.23,1),filter .83s ease;
}
.ssd-note-toggle.is-unsealing .ssd-note-wax-seal{
    opacity:0;transform:translate(-50%,-67%) rotate(-15deg) scale(.71);
    filter:drop-shadow(0 15px 14px rgba(16,2,14,.25));
    transition:opacity .34s ease .20s,transform .62s cubic-bezier(.2,.78,.2,1) .14s,filter .5s ease;
}
.ssd-note-toggle.is-unsealing .ssd-note-envelope-flap{
    backface-visibility:hidden;
    transform:rotateX(176deg);
    transition:transform .65s cubic-bezier(.16,.8,.24,1) .20s;
}
.ssd-note-toggle.is-unsealing .ssd-note-envelope-front:after{
    animation:ssd-note-light-sweep .8s ease-out .15s both;
}
.ssd-note-toggle.is-unsealing .ssd-note-prompt{
    opacity:.22;transform:translateY(5px);
    transition:opacity .42s ease .23s,transform .42s ease .23s;
}
@keyframes ssd-wax-light{
    0%{opacity:0;transform:translateX(-72%) rotate(-17deg)}
    36%{opacity:.77}
    100%{opacity:0;transform:translateX(84%) rotate(-17deg)}
}

/* A filmic dissolve into the written note, with a soft halo around the page.
   Letter starts fully invisible, so no white rectangle flashes on opening. */
.ssd-note-dialog[open]{animation:ssd-note-stage-in .74s cubic-bezier(.16,.77,.2,1) both}
.ssd-note-dialog[open]::backdrop{animation:ssd-note-backdrop-in .74s ease both}
.ssd-note-dialog.is-closing{animation:ssd-note-stage-out .46s ease-in both}
.ssd-note-dialog.is-closing::backdrop{animation:ssd-note-backdrop-out .46s ease-in both}
.ssd-note-dialog-shell:before{
    background:radial-gradient(ellipse at 50% 48%,rgba(229,165,114,.19),rgba(165,67,105,.075) 30%,transparent 64%);
    opacity:0;transform:scale(.82);
    transition:opacity 1.35s ease .10s,transform 1.55s cubic-bezier(.16,.79,.25,1) .1s;
}
.ssd-note-dialog.is-revealed .ssd-note-dialog-shell:before{opacity:1;transform:scale(1.15)}
.ssd-note-letter--modal{
    opacity:0;visibility:hidden;pointer-events:none;
    filter:blur(12px);
    transform:translate(-50%,-43%) rotateX(-3deg) scale(.91);
    transition:opacity .86s ease,transform 1.04s cubic-bezier(.14,.85,.2,1),
        filter .94s ease,visibility 0s linear 1.04s;
}
.ssd-note-dialog.is-revealed .ssd-note-letter--modal{
    opacity:1;visibility:visible;pointer-events:auto;filter:blur(0);
    transform:translate(-50%,-50%) rotateX(0deg) scale(1);
    transition:opacity .9s ease .13s,transform 1.1s cubic-bezier(.14,.85,.2,1) .10s,
        filter 1.04s ease .12s,visibility 0s;
}
.ssd-note-dialog.is-revealed .ssd-note-letter--modal:after{
    animation:ssd-note-foil-trace 1.2s cubic-bezier(.18,.7,.22,1) .65s both;
}
.ssd-note-dialog.is-closing .ssd-note-letter--modal{
    opacity:0;filter:blur(7px);
    transform:translate(-50%,-47%) rotateX(-2deg) scale(.96);
    transition:opacity .38s ease,filter .44s ease,transform .46s ease;
}
@media(max-width:600px){
    .ssd-note-wax-seal{width:94px}
    .ssd-note-wax-seal:before{inset:21px;transform:translate(-2px,-1px)}
    .ssd-note-wax-seal:after{border:0;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
    .ssd-note-toggle.is-unsealing .ssd-note-envelope,.ssd-note-toggle.is-unsealing .ssd-note-envelope-flap,
    .ssd-note-toggle.is-unsealing .ssd-note-wax-seal,.ssd-note-toggle.is-unsealing .ssd-note-prompt{
        transform:none!important;filter:none!important;transition:none!important;opacity:1!important;
    }
    .ssd-note-toggle.is-unsealing .ssd-note-wax-resin:after,
    .ssd-note-toggle.is-unsealing .ssd-note-envelope-front:after{animation:none!important}
    .ssd-note-dialog[open],.ssd-note-dialog[open]::backdrop,.ssd-note-dialog.is-closing,.ssd-note-dialog.is-closing::backdrop{
        animation:none!important;
    }
    .ssd-note-letter--modal,.ssd-note-dialog.is-revealed .ssd-note-letter--modal,
    .ssd-note-dialog-shell:before{transition:none!important;filter:none!important}
}

/* v0.8.31 — Give the personal letter the available viewport height.
   Scroll only when a smaller screen genuinely cannot fit the full text. */
.ssd-note-letter--modal::-webkit-scrollbar{width:5px}
.ssd-note-letter--modal::-webkit-scrollbar-track{background:transparent}
.ssd-note-letter--modal::-webkit-scrollbar-thumb{background:rgba(137,92,80,.26);border-radius:99px}
.ssd-note-letter--modal::-webkit-scrollbar-thumb:hover{background:rgba(137,92,80,.48)}
@media(max-height:740px) and (min-width:601px){
    .ssd-note-letter--modal{padding-top:29px;padding-bottom:25px}
    .ssd-note-letter--modal .ssd-note-letter-copy p{line-height:1.66;margin-bottom:15px}
    .ssd-note-letter--modal h3{margin-bottom:18px}
}

/* v0.8.35 — Antique metal-foil invitation closure.
   The approved original monogram becomes a physically recessed burgundy
   impression with a fine light-catching lower edge. No wax or pasted logo. */
.ssd-note-wax-seal{
    top:57%;width:118px;box-shadow:none;
    filter:drop-shadow(0 10px 8px rgba(14,2,11,.62));
}
.ssd-note-wax-resin{
    background-image:url('assets/brand/ssd-antique-gold-foil-seal.webp');
    background-size:contain;
}
.ssd-note-wax-seal:before,
.ssd-note-wax-seal:after{
    content:"";position:absolute;inset:25px;
    border:0;border-radius:0;box-shadow:none;
    -webkit-mask:url('assets/brand/ssd-monogram-transparent.png') center/contain no-repeat;
    mask:url('assets/brand/ssd-monogram-transparent.png') center/contain no-repeat;
}
.ssd-note-wax-seal:before{
    z-index:3;
    background:linear-gradient(148deg,#44202b 0%,#74364d 37%,#3a1828 82%,#683146 100%);
    filter:drop-shadow(0 -1px 1px rgba(36,13,21,.62));
    /* The S's alpha centroid is almost exactly on its horizontal center.
       A 1px upward correction accounts for its heavier lower flourish. */
    transform:translate(0,-1px);
}
.ssd-note-wax-seal:after{
    z-index:2;background:#f7e5bd;opacity:.83;
    transform:translate(.3px,.75px);
    filter:blur(.2px);
}
.ssd-note-toggle:hover .ssd-note-wax-seal{
    filter:drop-shadow(0 13px 11px rgba(14,2,11,.68)) drop-shadow(0 0 7px rgba(245,208,154,.13));
}
.ssd-note-toggle.is-unsealing .ssd-note-wax-seal{
    filter:drop-shadow(0 15px 12px rgba(14,2,11,.20));
}
.ssd-note-wax-resin:after{
    background:linear-gradient(106deg,transparent 24%,rgba(255,247,215,.27) 46%,transparent 65%);
}
@media(max-width:600px){
    .ssd-note-wax-seal{width:88px}
    .ssd-note-wax-seal:before,.ssd-note-wax-seal:after{inset:19px}
    .ssd-note-wax-seal:before{transform:translate(0,-.7px)}
    .ssd-note-wax-seal:after{transform:translate(.2px,.6px)}
}

/* v0.8.36 — Exact original two-tone S, without the added emboss-outline.
   Scale the physical closure to roughly 19% of the envelope width. */
.ssd-note-wax-seal{
    width:clamp(60px,19%,84px);
    top:58%;
    filter:drop-shadow(0 6px 6px rgba(14,2,11,.52));
}
.ssd-note-wax-seal:before,.ssd-note-wax-seal:after{content:none!important}
.ssd-note-wax-seal img{
    display:block!important;position:relative;z-index:3;
    width:67%;height:67%;object-fit:contain;
    filter:none;transform:translateY(-.65px);
}
.ssd-note-toggle:hover .ssd-note-wax-seal{
    filter:drop-shadow(0 9px 8px rgba(14,2,11,.62));
}
.ssd-note-toggle.is-unsealing .ssd-note-wax-seal{
    filter:drop-shadow(0 12px 10px rgba(14,2,11,.18));
}

/* v0.8.37 — Clear-space correction for the approved monogram.
   The top-right S flourish must remain entirely inside the embossed inner ring.
   Use the unchanged source art with generous radial breathing room around it. */
.ssd-note-wax-seal img{
    width:50%;height:50%;
    transform:translateY(-.5px);
}

/* v0.8.38 — One-piece antique-gold monogram inlay.
   All strokes share one metallic material instead of the two original colors.
   The source S alpha is kept exact, at 55% of the seal, with radial clearance
   from the stamped inner ring even at the long top-right flourish. */
.ssd-note-wax-seal img{display:none!important}
.ssd-note-wax-seal:before{
    content:""!important;
    position:absolute;z-index:3;inset:22.5%;display:block;
    border:0;border-radius:0;box-shadow:none;
    background:linear-gradient(132deg,
        #553717 3%,#865923 21%,#edd08b 35%,
        #684014 48%,#895a27 66%,#d9b46c 80%,#533318 100%);
    -webkit-mask:url('assets/brand/ssd-monogram-transparent.png') center/contain no-repeat;
    mask:url('assets/brand/ssd-monogram-transparent.png') center/contain no-repeat;
    transform:translateY(-.5px);
    filter:drop-shadow(0 1px .6px rgba(51,28,13,.36));
    pointer-events:none;
}
.ssd-note-wax-seal:after{content:none!important}

/* v0.8.39 — THE LIVING FRAME / cinematic photography journal.
   Full photographs remain uncropped. A softly projected copy of the active
   photo fills the stage instead of the former empty black side panels. */
.photo-showcase{
    position:relative;isolation:isolate;overflow:hidden;
    background:linear-gradient(120deg,#24121f 0%,#371829 45%,#190e19 100%);
    border-top:1px solid rgba(213,167,112,.24);
    border-bottom:1px solid rgba(213,167,112,.20);
}
.photo-showcase:before{
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:radial-gradient(ellipse at 78% 17%,rgba(163,88,104,.18),transparent 44%),
      radial-gradient(ellipse at 4% 64%,rgba(176,101,68,.10),transparent 50%);
}
.photo-showcase>.container{position:relative;z-index:1}
.photo-showcase-head{
    grid-template-columns:minmax(0,1.12fr) minmax(300px,.72fr);
    align-items:end;gap:6%;margin-bottom:35px;
}
.photo-showcase-head .eyebrow{color:#d9b980;letter-spacing:.29em}
.photo-showcase-head .section-heading{
    max-width:780px;font-size:clamp(53px,5.45vw,89px);
    line-height:.98;letter-spacing:-.03em;text-wrap:balance;margin:20px 0 0;
}
.ssd-photo-intro{
    padding:2px 0 7px 24px;border-left:1px solid rgba(219,173,117,.48);
}
.ssd-photo-intro-kicker{
    display:block;color:#ddbb8c;font:700 11px/1.5 var(--sans);
    letter-spacing:.21em;text-transform:uppercase;margin-bottom:12px;
}
.photo-showcase-head .ssd-photo-intro p{
    max-width:470px;font-size:clamp(15px,1.2vw,18px);
    line-height:1.65;color:#e2d1ce;
}
.ssd-gallery{position:relative}
.ssd-gallery-stage{
    position:relative;isolation:isolate;overflow:hidden;
    height:clamp(470px,48vw,700px);background:#1c101a;
    border:1px solid rgba(235,191,125,.43);
    box-shadow:0 33px 70px rgba(7,3,9,.40),0 0 52px rgba(150,76,81,.06);
}
.ssd-gallery-stage:before{
    content:"";position:absolute;inset:9px;z-index:6;pointer-events:none;
    border:1px solid rgba(246,221,177,.11);
}
.ssd-gallery-stage:after{
    content:"";position:absolute;z-index:7;pointer-events:none;
    width:53%;height:200%;top:-50%;left:-66%;opacity:0;
    background:linear-gradient(90deg,transparent,rgba(253,231,189,.10),transparent);
    transform:skewX(-22deg) translateX(-25%);
}
.ssd-gallery-ambient{
    position:absolute;inset:-7%;z-index:0;
    width:114%;height:114%;object-fit:cover;
    filter:blur(32px) brightness(.52) saturate(.89);
    opacity:.90;transform:scale(1.08);pointer-events:none;
    animation:ssd-gallery-ambient-breathe 20s ease-in-out infinite alternate;
}
.ssd-gallery-stage-vignette{
    position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(90deg,rgba(13,6,15,.65) 0%,rgba(15,7,15,.08) 28%,
        rgba(15,7,15,.06) 68%,rgba(13,6,15,.67) 100%),
        radial-gradient(ellipse at center,transparent 31%,rgba(19,7,17,.30) 100%);
}
.ssd-gallery-main{
    position:relative;z-index:2;width:100%;height:100%;min-height:0;
    overflow:hidden;background:transparent;
}
.ssd-gallery-main:after{
    content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
    background:linear-gradient(0deg,rgba(11,5,13,.63),transparent 21%,transparent 78%,rgba(10,5,12,.19));
}
.ssd-gallery-main-image{
    width:100%;height:100%;object-fit:contain;object-position:center;
    background:transparent;filter:drop-shadow(0 18px 25px rgba(8,1,9,.28));
    transition:filter .45s ease;
}
.ssd-gallery-main:hover .ssd-gallery-main-image{
    filter:drop-shadow(0 21px 29px rgba(8,1,9,.34)) brightness(1.035);
}
.ssd-gallery-main-image.is-arriving{animation:ssd-gallery-image-arrive .72s cubic-bezier(.16,.7,.24,1) both}
.ssd-gallery-zoom{
    top:22px;right:24px;z-index:5;
    padding:12px 17px;color:#f8eadb;
    font:700 11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.14em;
    background:rgba(23,11,23,.47);border:1px solid rgba(233,193,137,.56);
    backdrop-filter:blur(12px);transition:background .24s,border-color .24s,transform .24s;
}
.ssd-gallery-zoom span{font-size:17px;font-weight:400;margin-left:9px;vertical-align:-1px}
.ssd-gallery-main:hover .ssd-gallery-zoom{
    background:rgba(74,28,53,.82);border-color:#e9c18d;transform:translateY(-2px);
}
.ssd-gallery-scene-marker{
    display:flex;align-items:baseline;gap:9px;
    position:absolute;z-index:5;left:33px;top:22px;
    color:#f3dfcb;pointer-events:none;text-shadow:0 2px 11px rgba(0,0,0,.72);
}
.ssd-gallery-scene-label{
    align-self:center;color:#ebc694;font:700 10px/1 var(--sans);
    letter-spacing:.22em;margin-right:7px;
}
.ssd-gallery-scene-marker strong{
    font:400 34px/1 'Italiana',Georgia,serif;letter-spacing:.01em;
}
.ssd-gallery-scene-total{font:500 12px/1.2 var(--sans);color:#d8c0b3}
.ssd-gallery-meta{
    position:absolute;bottom:0;left:0;right:0;z-index:5;
    display:flex;align-items:end;gap:24px;padding:51px 32px 26px;
    border:0;background:linear-gradient(0deg,rgba(12,5,12,.92),rgba(18,7,15,.67) 57%,transparent);
    pointer-events:none;
}
.ssd-gallery-info{align-items:center}
.ssd-gallery-caption{
    max-width:850px;font-size:clamp(15px,1.12vw,18px);line-height:1.55;
    color:#f2e6e0;text-shadow:0 2px 12px rgba(0,0,0,.68);
}
.ssd-gallery-controls{position:relative;z-index:2;gap:10px;pointer-events:auto}
.ssd-gallery-controls button{
    width:48px;height:48px;border-radius:50%;
    background:rgba(38,17,32,.50);border:1px solid rgba(237,194,137,.65);
    font-size:21px;transition:background .22s,transform .22s,border-color .22s;
}
.ssd-gallery-controls button:hover{
    background:#793a55;border-color:#f0cf99;transform:translateY(-2px);
}
.ssd-gallery-filmstrip-heading{
    display:flex;justify-content:space-between;align-items:center;gap:20px;
    color:#d9b78e;margin:22px 4px 9px;
    font:700 11px/1.4 var(--sans);letter-spacing:.19em;text-transform:uppercase;
}
.ssd-gallery-filmstrip-heading>span:last-child{font-weight:500;letter-spacing:.1em;color:#cbb6b4}
.ssd-gallery-filmstrip-arrow{color:#e8c390;margin-left:6px;font-size:17px}
.ssd-gallery-filmstrip{
    margin:0;display:flex;gap:10px;overflow-x:auto;padding:4px 3px 13px;
    scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;
}
.ssd-gallery-filmstrip::-webkit-scrollbar{display:none}
.ssd-gallery-thumb{
    position:relative;width:clamp(112px,11.7vw,164px);height:100px;
    flex:none;overflow:hidden;opacity:.67;border:1px solid rgba(238,198,149,.28);
    border-radius:2px;background:#1c1019;box-shadow:0 9px 17px rgba(8,4,10,.17);
    transform:translateY(0);transition:opacity .25s,border-color .25s,transform .25s,box-shadow .25s;
}
.ssd-gallery-thumb img{
    width:100%;height:100%;object-fit:cover;
    object-position:var(--ssd-thumb-focus-x,50%) var(--ssd-thumb-focus-y,50%);
    filter:saturate(.8) contrast(.96);transition:filter .25s,transform .35s;
}
.ssd-gallery-thumb:after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(0deg,rgba(13,5,11,.62),transparent 46%);
}
.ssd-gallery-thumb-number{
    position:absolute;bottom:7px;left:9px;z-index:1;color:#fff1df;
    font:700 11px/1 var(--sans);letter-spacing:.10em;text-shadow:0 1px 4px #140711;
}
.ssd-gallery-thumb:hover,.ssd-gallery-thumb.is-active{
    opacity:1;border-color:#edc58c;transform:translateY(-3px);
    box-shadow:0 9px 23px rgba(8,4,10,.36);
}
.ssd-gallery-thumb:hover img,.ssd-gallery-thumb.is-active img{filter:saturate(1.04) contrast(1.02)}
.ssd-gallery-progress-track{height:2px;background:rgba(228,184,123,.16);margin:0 3px 3px;overflow:hidden}
.ssd-gallery-progress-track span{
    display:block;height:100%;width:10%;max-width:100%;
    background:linear-gradient(90deg,#9a6447,#efc78d);
    box-shadow:0 0 10px rgba(239,194,135,.38);transition:width .48s ease;
}
.ssd-photo-cta{
    position:relative;isolation:isolate;overflow:hidden;
    padding:28px 31px;margin-top:32px;
    border:1px solid rgba(233,185,126,.30);border-left:3px solid #d5aa72;
    background:linear-gradient(106deg,rgba(89,35,57,.70),rgba(24,12,21,.92));
    box-shadow:0 16px 35px rgba(5,2,8,.16);
}
.ssd-photo-cta:before{
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:radial-gradient(ellipse at 13% 0,rgba(232,176,121,.15),transparent 61%);
}
.ssd-photo-cta-kicker{font-size:11px;letter-spacing:.21em;color:#e7c08c}
.ssd-photo-cta-copy p{font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:#fff1e8}
.ssd-photo-services-link{
    padding:15px 21px;font-size:12px;letter-spacing:.1em;
    background:#d8b37d;border:1px solid #e5c08d;
    transition:background .25s,transform .25s,box-shadow .25s;
}
.ssd-photo-services-link:hover{
    background:#f1d29d;transform:translateY(-2px);
    box-shadow:0 9px 26px rgba(223,178,123,.18);
}
.ssd-photo-story-link{font-size:13px}
@keyframes ssd-gallery-ambient-breathe{
    from{transform:scale(1.08) translateX(-1.1%)}
    to{transform:scale(1.16) translateX(1.1%)}
}
@keyframes ssd-gallery-image-arrive{
    from{opacity:.56;transform:translateY(11px) scale(1.014)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes ssd-gallery-intro-reveal{
    from{opacity:.65;transform:translateY(23px) scale(.988)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes ssd-gallery-light-sweep{
    0%{opacity:0;transform:skewX(-22deg) translateX(-25%)}
    32%{opacity:1}
    100%{opacity:0;transform:skewX(-22deg) translateX(375%)}
}
.photo-showcase.is-revealed .ssd-gallery-stage{
    animation:ssd-gallery-intro-reveal 1.0s cubic-bezier(.17,.72,.22,1) both;
}
.photo-showcase.is-revealed .ssd-gallery-stage:after{
    animation:ssd-gallery-light-sweep 1.45s ease-out .28s both;
}
@media(max-width:900px){
    .photo-showcase-head{grid-template-columns:1fr;gap:23px}
    .photo-showcase-head .section-heading{max-width:900px}
    .ssd-photo-intro{max-width:750px}
    .ssd-gallery-stage{height:clamp(415px,61vw,600px)}
}
@media(max-width:650px){
    .photo-showcase-head .section-heading{font-size:clamp(49px,10.1vw,68px)}
    .ssd-photo-intro{padding-left:17px}
    .ssd-photo-intro-kicker{font-size:10px;letter-spacing:.14em}
    .ssd-gallery-stage{height:clamp(385px,90vw,530px)}
    .ssd-gallery-main{height:100%;min-height:0}
    .ssd-gallery-ambient{filter:blur(25px) brightness(.50) saturate(.86)}
    .ssd-gallery-scene-marker{left:17px;top:17px;gap:5px}
    .ssd-gallery-scene-label{font-size:9px;margin-right:4px}
    .ssd-gallery-scene-marker strong{font-size:28px}
    .ssd-gallery-scene-total{font-size:11px}
    .ssd-gallery-zoom{top:17px;right:13px;padding:9px 10px;font-size:9px;letter-spacing:.05em}
    .ssd-gallery-zoom span{font-size:14px;margin-left:2px}
    .ssd-gallery-meta{align-items:end;padding:42px 15px 18px;gap:10px}
    .ssd-gallery-caption{font-size:13px;line-height:1.5}
    .ssd-gallery-controls{align-self:flex-end;gap:6px}
    .ssd-gallery-controls button{width:39px;height:39px;font-size:19px}
    .ssd-gallery-filmstrip-heading{font-size:9px;letter-spacing:.13em}
    .ssd-gallery-filmstrip-heading span:last-child{font-size:9px}
    .ssd-gallery-thumb{width:115px;height:83px}
    .ssd-photo-cta{padding:23px 20px}
    .ssd-photo-services-link{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
    .ssd-gallery-ambient,.ssd-gallery-main-image.is-arriving,
    .photo-showcase.is-revealed .ssd-gallery-stage,
    .photo-showcase.is-revealed .ssd-gallery-stage:after{
        animation:none!important;
    }
    .ssd-gallery-thumb,.ssd-gallery-thumb img,.ssd-gallery-controls button,
    .ssd-gallery-progress-track span,.ssd-photo-services-link{
        transition:none!important;
    }
}

/* v0.8.40 — curated featured-story imagery, with a fully visible IndiaFest flyer. */
.ssd-feature-card--stage .ssd-feature-card-image{object-position:52% center}
.ssd-feature-card--stage>a:before{
    background:linear-gradient(180deg,rgba(21,7,19,.25) 0%,rgba(21,7,19,.08) 30%,rgba(18,6,16,.59) 56%,rgba(13,5,15,.96) 100%),
        linear-gradient(90deg,rgba(32,8,26,.33),transparent 70%);
}
.ssd-feature-card--odia .ssd-feature-card-image{object-position:67% center}
.ssd-feature-card--odia>a:before{
    background:linear-gradient(90deg,rgba(19,6,19,.91) 0%,rgba(20,6,21,.69) 47%,rgba(18,7,18,.18) 100%),
        linear-gradient(0deg,rgba(12,4,14,.85),transparent 75%);
}
.ssd-feature-card--odia .ssd-feature-card-content{max-width:89%}
.ssd-feature-card--indiafest{background:#230f21}
.ssd-feature-card--indiafest .ssd-feature-card-image{
    object-position:center;
    filter:blur(13px) brightness(.25) saturate(.81);
    transform:scale(1.16);
    animation:none!important;
}
.ssd-feature-card--indiafest:hover .ssd-feature-card-image,
.ssd-feature-card--indiafest:focus-within .ssd-feature-card-image{
    filter:blur(13px) brightness(.28) saturate(.95);
    transform:scale(1.2);
}
.ssd-feature-card--indiafest>a:before{
    background:linear-gradient(90deg,rgba(15,6,20,.96) 0%,rgba(22,7,24,.89) 47%,rgba(23,8,23,.45) 100%),
        linear-gradient(0deg,rgba(15,5,19,.5),transparent 64%);
}
.ssd-feature-card--indiafest .ssd-feature-card-poster{
    position:absolute;
    z-index:0;
    right:24px;
    top:50%;
    width:41%;
    max-height:calc(100% - 38px);
    aspect-ratio:2000/1327;
    transform:translateY(-50%) rotate(1deg);
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(250,229,197,.7);
    background:#f6cf28;
    box-shadow:0 16px 30px rgba(0,0,0,.5),0 0 0 7px rgba(220,170,112,.07);
    pointer-events:none;
    overflow:hidden;
    transition:transform .55s ease,box-shadow .55s ease;
}
.ssd-feature-card--indiafest .ssd-feature-card-poster img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}
.ssd-feature-card--indiafest:hover .ssd-feature-card-poster,
.ssd-feature-card--indiafest:focus-within .ssd-feature-card-poster{
    transform:translateY(-50%) rotate(0deg) scale(1.025);
    box-shadow:0 21px 39px rgba(0,0,0,.58),0 0 0 7px rgba(220,170,112,.11);
}
.ssd-feature-card--indiafest .ssd-feature-card-top,
.ssd-feature-card--indiafest .ssd-feature-card-content{position:relative;z-index:2}
.ssd-feature-card--indiafest .ssd-feature-card-content{width:55%;max-width:55%;margin-top:19px;gap:7px}
.ssd-feature-card--indiafest .ssd-feature-card-title{font-size:clamp(22px,1.75vw,30px);line-height:1.11}
.ssd-feature-card--indiafest .ssd-feature-card-summary{-webkit-line-clamp:2;font-size:13px}
.ssd-feature-card--indiafest .ssd-feature-card-meta{font-size:10px}
.ssd-feature-card--indiafest .ssd-feature-card-action{margin-top:3px}
.ssd-feature-card--indiafest .ssd-feature-card-top>span:last-child{
    display:grid;
    place-items:center;
    height:29px;
    width:29px;
    border-radius:50%;
    background:rgba(23,9,22,.72);
}
@media(max-width:750px){
    .ssd-feature-card--indiafest,.ssd-feature-card--indiafest>a{min-height:455px}
    .ssd-feature-card--indiafest .ssd-feature-card-poster{
        top:56px;
        left:50%;
        right:auto;
        width:min(70%,292px);
        max-height:205px;
        transform:translateX(-50%) rotate(1deg);
    }
    .ssd-feature-card--indiafest:hover .ssd-feature-card-poster,
    .ssd-feature-card--indiafest:focus-within .ssd-feature-card-poster{
        transform:translateX(-50%) rotate(0deg) scale(1.025);
    }
    .ssd-feature-card--indiafest>a:before{
        background:linear-gradient(0deg,rgba(15,6,19,.98) 0%,rgba(15,6,19,.94) 45%,rgba(15,6,19,.58) 67%,rgba(15,6,19,.29) 100%);
    }
    .ssd-feature-card--indiafest .ssd-feature-card-content{
        width:100%;
        max-width:100%;
        margin-top:225px;
        gap:6px;
    }
    .ssd-feature-card--indiafest .ssd-feature-card-title{font-size:25px}
    .ssd-feature-card--indiafest .ssd-feature-card-summary{display:none}
}
@media(max-width:540px){
    .ssd-feature-card--indiafest,.ssd-feature-card--indiafest>a{min-height:475px}
    .ssd-feature-card--indiafest .ssd-feature-card-poster{width:min(78%,323px);max-height:210px}
    .ssd-feature-card--indiafest .ssd-feature-card-content{margin-top:230px}
}
@media(prefers-reduced-motion:reduce){
    .ssd-feature-card--indiafest .ssd-feature-card-poster{transition:none!important}
}

/* v0.8.41 — luminous live-stage storytelling and clean editorial openings. */
.ssd-feature-card--stage .ssd-feature-card-image{object-position:63% center}
.ssd-feature-card--stage>a:before{
    background:linear-gradient(180deg,rgba(18,5,17,.21) 0%,rgba(18,5,17,.05) 29%,rgba(17,5,16,.52) 53%,rgba(13,4,15,.96) 100%),
        linear-gradient(90deg,rgba(31,8,25,.28),transparent 75%);
}
/* Never float the O away from 'On' at the start of a portfolio article. */
.ssd-story-editorial .ssd-story-prose>p:first-of-type::first-letter{
    float:none;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
    margin:0;
    color:inherit;
}
.ssd-work-story .ssd-story-editorial .ssd-story-prose>p:first-of-type{
    text-wrap:pretty;
}

/* v0.8.42 — Visual Stories: cinematic prologue, homepage only.
   Genuine archive photos remain in the montage, while their softly blurred
   ambient layer sets the mood without harming foreground contrast. */
.ssd-story-teaser--home{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:clamp(37px,4.5vw,75px) 0;
    background:radial-gradient(ellipse at 80% 15%,rgba(155,64,91,.23),transparent 46%),
        radial-gradient(ellipse at 13% 89%,rgba(183,126,78,.09),transparent 55%),
        linear-gradient(180deg,#190b18 0%,#291423 50%,#170b17 100%);
}
.ssd-story-teaser--home:before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-20% -9%;
    background:conic-gradient(from 142deg at 72% 46%,transparent 0deg,rgba(237,177,113,.065) 36deg,transparent 70deg,transparent 222deg,rgba(172,66,107,.085) 278deg,transparent 315deg);
    filter:blur(44px);
    pointer-events:none;
}
.ssd-story-teaser--home .ssd-story-teaser-panel{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:clamp(580px,43vw,705px);
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    gap:clamp(28px,3.8vw,68px);
    padding:clamp(38px,4.5vw,78px);
    border:1px solid rgba(237,190,137,.6);
    border-radius:22px;
    background:#21101f;
    box-shadow:0 35px 85px rgba(4,1,8,.47),0 0 70px rgba(139,55,95,.12),inset 0 1px rgba(255,221,171,.15);
}
.ssd-story-teaser--home .ssd-story-teaser-panel:before{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(21,7,19,.98) 0%,rgba(28,9,25,.96) 33%,rgba(31,11,28,.78) 54%,rgba(32,12,27,.4) 78%,rgba(21,8,20,.27) 100%),
        linear-gradient(0deg,rgba(13,4,14,.69),transparent 51%),
        radial-gradient(ellipse at 34% 40%,rgba(172,62,100,.22),transparent 58%);
}
.ssd-story-teaser--home .ssd-story-teaser-panel:after{
    content:"";
    position:absolute;
    z-index:4;
    inset:13px;
    border:1px solid rgba(243,203,151,.2);
    border-radius:15px;
    pointer-events:none;
}
.ssd-story-teaser--home .ssd-story-teaser-atmosphere{
    position:absolute;
    z-index:0;
    inset:-15%;
    pointer-events:none;
    opacity:.42;
    overflow:hidden;
}
.ssd-story-teaser--home .ssd-story-teaser-atmosphere img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    filter:blur(24px) saturate(.75) brightness(.64);
    transform:scale(1.09);
    will-change:transform;
}
.ssd-story-teaser--home .ssd-story-teaser-copy{
    position:relative;
    z-index:3;
    padding:12px 0 18px;
    text-shadow:0 2px 19px rgba(6,2,8,.26);
}
.ssd-story-teaser--home .ssd-story-teaser-eyebrow{
    display:flex;
    align-items:center;
    gap:17px;
    color:#f0c990;
    font-size:12px;
    letter-spacing:.2em;
}
.ssd-story-teaser--home .ssd-story-teaser-eyebrow:before{
    content:"";
    flex:none;
    width:33px;
    height:1px;
    background:linear-gradient(90deg,#f4d7a3,#c4865e);
    box-shadow:0 0 12px rgba(235,182,119,.48);
}
.ssd-story-teaser--home .ssd-story-teaser-copy h2{
    font-size:clamp(67px,6.2vw,111px);
    line-height:1.02;
    letter-spacing:-.048em;
    margin:24px 0 22px;
    max-width:720px;
    text-wrap:balance;
    color:#fff4e9;
    text-shadow:0 8px 38px rgba(5,1,8,.44);
}
.ssd-story-teaser--home .ssd-story-teaser-copy h2 em{
    color:#e7bc87;
    background:linear-gradient(143deg,#fff0c4 4%,#e8c18b 43%,#a56b57 96%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.ssd-story-teaser--home .ssd-story-teaser-copy h3{
    color:#f5c993;
    font-size:clamp(21px,1.9vw,29px);
    line-height:1.28;
    letter-spacing:.012em;
    font-weight:650;
    margin:0 0 20px;
}
.ssd-story-teaser--home .ssd-story-teaser-copy p{
    max-width:565px;
    font-size:clamp(16px,1.35vw,19px);
    line-height:1.7;
    color:#f0e4e4;
}
.ssd-story-teaser--home .ssd-story-teaser-actions{margin-top:32px;gap:13px}
.ssd-story-teaser--home .ssd-story-teaser-actions a{
    min-height:55px;
    padding:13px 19px;
    font-size:14px;
    letter-spacing:.015em;
    transition:background .3s ease,box-shadow .3s ease,transform .3s ease,border-color .3s ease;
}
.ssd-story-teaser--home .ssd-story-teaser-primary{
    background:linear-gradient(138deg,#f0d19c,#d7a872);
    box-shadow:0 14px 35px rgba(8,2,12,.27),0 0 22px rgba(224,171,108,.1);
}
.ssd-story-teaser--home .ssd-story-teaser-secondary{
    background:rgba(19,7,19,.45);
    backdrop-filter:blur(8px);
}
.ssd-story-teaser--home .ssd-story-teaser-actions a:hover,
.ssd-story-teaser--home .ssd-story-teaser-actions a:focus-visible{transform:translateY(-3px)}
.ssd-story-teaser--home .ssd-story-teaser-media{
    z-index:3;
    isolation:isolate;
    width:100%;
    height:clamp(375px,29vw,510px);
    min-height:375px;
    grid-template-columns:1.14fr .86fr;
    gap:8px;
    padding:9px;
    overflow:hidden;
    border:1px solid rgba(253,214,158,.83);
    border-radius:17px;
    background:linear-gradient(135deg,#79405d,#281526);
    box-shadow:-26px 30px 65px rgba(7,2,10,.55),0 0 42px rgba(203,126,100,.16),inset 0 0 0 1px rgba(255,226,185,.2);
    transform:perspective(1300px) rotateY(-3deg) rotateZ(.25deg);
    transform-origin:center center;
    transition:transform .85s cubic-bezier(.2,.75,.22,1),box-shadow .85s;
}
.ssd-story-teaser--home .ssd-story-teaser-media:before{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    border-radius:inherit;
    box-shadow:inset 0 0 0 1px rgba(255,233,201,.21),inset 0 -45px 55px rgba(12,3,16,.4);
    pointer-events:none;
}
.ssd-story-teaser--home .ssd-story-teaser-media:after{
    content:"";
    position:absolute;
    z-index:2;
    pointer-events:none;
    inset:-25% 0;
    background:linear-gradient(111deg,transparent 30%,rgba(255,222,177,.11) 50%,transparent 63%);
    transform:translateX(-165%);
}
.ssd-story-teaser--home .ssd-story-teaser-photo{
    border-radius:8px;
    box-shadow:0 0 0 1px rgba(255,236,213,.15);
}
.ssd-story-teaser--home .ssd-story-teaser-photo img{
    filter:contrast(1.045) saturate(.97);
    transition:transform 1.35s cubic-bezier(.18,.68,.2,1),filter .8s;
}
.ssd-story-teaser--home .ssd-story-teaser-photo:first-child img{object-position:50% 34%}
.ssd-story-teaser--home .ssd-story-teaser-photo:nth-child(2) img{object-position:50% 30%}
.ssd-story-teaser--home .ssd-story-teaser-photo:nth-child(3) img{object-position:50% 43%}
.ssd-story-teaser--home .ssd-story-teaser-media:hover,
.ssd-story-teaser--home .ssd-story-teaser-media:focus-visible{
    transform:perspective(1300px) rotateY(-.6deg) scale(1.016);
    box-shadow:-29px 37px 78px rgba(7,2,10,.57),0 0 56px rgba(215,143,105,.23);
}
.ssd-story-teaser--home .ssd-story-teaser-media:hover .ssd-story-teaser-photo img,
.ssd-story-teaser--home .ssd-story-teaser-media:focus-visible .ssd-story-teaser-photo img{
    transform:scale(1.065);
    filter:contrast(1.065) saturate(1.12);
}
.ssd-story-teaser--home .ssd-story-teaser-media-label{
    z-index:3;
    left:22px;
    bottom:22px;
    padding:12px 16px;
    border-radius:4px;
    border-color:rgba(252,218,157,.83);
    background:rgba(18,7,18,.84);
    backdrop-filter:blur(11px);
    box-shadow:0 6px 27px rgba(5,2,8,.45);
    color:#ffe2b0;
    font-size:12px;
    letter-spacing:.16em;
}
@media(min-width:921px){
    .ssd-story-teaser--home .ssd-story-teaser-media{margin-left:5px}
}
@media(max-width:1120px){
    .ssd-story-teaser--home .ssd-story-teaser-panel{gap:32px;padding:clamp(34px,4.3vw,58px)}
    .ssd-story-teaser--home .ssd-story-teaser-copy h2{font-size:clamp(64px,6.2vw,89px)}
    .ssd-story-teaser--home .ssd-story-teaser-media{height:clamp(360px,35vw,460px)}
}
@media(max-width:920px){
    .ssd-story-teaser--home .ssd-story-teaser-panel{grid-template-columns:1fr;min-height:0;gap:34px}
    .ssd-story-teaser--home .ssd-story-teaser-panel:before{
        background:linear-gradient(180deg,rgba(19,7,19,.95) 0%,rgba(21,8,21,.82) 55%,rgba(21,8,21,.66) 100%);
    }
    .ssd-story-teaser--home .ssd-story-teaser-copy{padding:6px 0 0}
    .ssd-story-teaser--home .ssd-story-teaser-copy h2{font-size:clamp(63px,9.7vw,97px)}
    .ssd-story-teaser--home .ssd-story-teaser-media{height:clamp(330px,52vw,475px);min-height:330px;margin-left:0;transform:none}
    .ssd-story-teaser--home .ssd-story-teaser-media:hover,
    .ssd-story-teaser--home .ssd-story-teaser-media:focus-visible{transform:scale(1.012)}
}
@media(max-width:600px){
    .ssd-story-teaser--home{padding:34px 0}
    .ssd-story-teaser--home .ssd-story-teaser-panel{padding:29px 20px 23px;gap:27px;border-radius:15px}
    .ssd-story-teaser--home .ssd-story-teaser-panel:after{inset:8px;border-radius:10px}
    .ssd-story-teaser--home .ssd-story-teaser-eyebrow{font-size:10px;letter-spacing:.12em;gap:10px}
    .ssd-story-teaser--home .ssd-story-teaser-eyebrow:before{width:18px}
    .ssd-story-teaser--home .ssd-story-teaser-copy h2{font-size:clamp(55px,11vw,75px);margin:19px 0}
    .ssd-story-teaser--home .ssd-story-teaser-copy h3{font-size:20px;margin-bottom:15px}
    .ssd-story-teaser--home .ssd-story-teaser-copy p{font-size:16px;line-height:1.58}
    .ssd-story-teaser--home .ssd-story-teaser-actions{margin-top:23px;gap:10px}
    .ssd-story-teaser--home .ssd-story-teaser-actions a{min-height:51px;font-size:13px;padding:12px 14px}
    .ssd-story-teaser--home .ssd-story-teaser-media{height:clamp(240px,62vw,330px);min-height:240px;gap:5px;padding:6px;border-radius:10px}
    .ssd-story-teaser--home .ssd-story-teaser-media-label{left:14px;bottom:13px;padding:8px 11px;font-size:10px}
}
@media(prefers-reduced-motion:no-preference){
    .ssd-story-teaser--home .ssd-story-teaser-atmosphere img{animation:ssdStoryAtmosphereDrift 27s ease-in-out infinite alternate}
    .ssd-story-teaser--home .ssd-story-teaser-media:after{animation:ssdStoryFrameGlimmer 13s ease-in-out 1.6s infinite}
    .ssd-story-teaser--home.is-in-view .ssd-story-teaser-copy{animation:ssdStoryCopyEnter .95s cubic-bezier(.16,.75,.22,1) both}
    .ssd-story-teaser--home.is-in-view .ssd-story-teaser-media{animation:ssdStoryFrameEnter 1.2s ease-out .15s both}
}
@keyframes ssdStoryAtmosphereDrift{
    from{transform:scale(1.08) translate3d(-.7%,0,0)}
    to{transform:scale(1.16) translate3d(1%,-.5%,0)}
}
@keyframes ssdStoryFrameGlimmer{
    0%,24%{transform:translateX(-165%);opacity:0}
    32%{opacity:.85}
    44%,100%{transform:translateX(165%);opacity:0}
}
@keyframes ssdStoryCopyEnter{
    from{opacity:.35;transform:translateY(20px)}
    to{opacity:1;transform:translateY(0)}
}
@keyframes ssdStoryFrameEnter{
    from{opacity:.5;filter:brightness(.67)}
    to{opacity:1;filter:brightness(1)}
}
@media(prefers-reduced-motion:reduce){
    .ssd-story-teaser--home .ssd-story-teaser-atmosphere img,
    .ssd-story-teaser--home .ssd-story-teaser-media:after,
    .ssd-story-teaser--home .ssd-story-teaser-copy,
    .ssd-story-teaser--home .ssd-story-teaser-media{animation:none!important;transition:none!important;will-change:auto}
    .ssd-story-teaser--home .ssd-story-teaser-photo img,
    .ssd-story-teaser--home .ssd-story-teaser-actions a{transition:none!important}
    .ssd-story-teaser--home .ssd-story-teaser-media:hover,
    .ssd-story-teaser--home .ssd-story-teaser-media:focus-visible{transform:none}
    .ssd-story-teaser--home .ssd-story-teaser-media:hover .ssd-story-teaser-photo img,
    .ssd-story-teaser--home .ssd-story-teaser-media:focus-visible .ssd-story-teaser-photo img{transform:none}
}

/* v0.8.49 — A little more mist and a longer, organic up-right drift.
   The source frames have low intrinsic alpha. v0.8.45's 0.15 opacity
   plus a second radial fade made the motion nearly imperceptible.
   Keep the original hero art; never add floor smoke or rising jets. */
.hero .ssd-hero-smoke-scene{
    position:absolute;
    z-index:0;
    inset:0;
    overflow:hidden;
    pointer-events:none;
    user-select:none;
}
.hero .ssd-hero-wheel-mist{
    position:absolute;
    display:block;
    pointer-events:none;
    right:4%;
    bottom:17%;
    width:45%;
    height:58%;
    object-fit:cover;
    opacity:.20;
    filter:blur(2.5px);
    transform-origin:55% 55%;
    animation:ssd-wheel-mist-drift 48s linear infinite;
    -webkit-mask-image:radial-gradient(ellipse 62% 69% at 58% 55%,#000 18%,rgba(0,0,0,.78) 52%,transparent 98%);
    mask-image:radial-gradient(ellipse 62% 69% at 58% 55%,#000 18%,rgba(0,0,0,.78) 52%,transparent 98%);
}
@keyframes ssd-wheel-mist-drift{
    /* A soft meander, always advancing up and right, not a rigid diagonal.
       The 48s path spans four natural 12s loops of the transparent WebP. */
    0%{transform:translate3d(-6%,8%,0) rotate(-.5deg) scale(1.010)}
    16%{transform:translate3d(-2%,3%,0) rotate(.25deg) scale(1.019)}
    32%{transform:translate3d(3%,-2%,0) rotate(-.35deg) scale(1.025)}
    50%{transform:translate3d(7%,-9%,0) rotate(.4deg) scale(1.036)}
    68%{transform:translate3d(13%,-14%,0) rotate(-.25deg) scale(1.046)}
    84%{transform:translate3d(17%,-19%,0) rotate(.3deg) scale(1.054)}
    100%{transform:translate3d(22%,-25%,0) rotate(-.15deg) scale(1.065)}
}
.hero .ssd-hero-wheel-mist:not([src]){display:none}
.hero .hero-content{position:relative;z-index:2}
.hero .hero-foot{z-index:2}
@media(max-width:1050px){
    .hero .ssd-hero-wheel-mist{right:-3%;width:55%;opacity:.185}
}
@media(max-width:650px),(prefers-reduced-motion:reduce){
    /* The still artwork remains the entire hero on mobile / reduced motion. */
    .hero .ssd-hero-smoke-scene{display:none}
}

/* v0.8.50 — Behind the Name: an editorial refinement, not a redesign.
   Keep the approved portrait and serif headline; only soften the entrance,
   give the closing line an accent, and tidy milestone/CTA rhythm. */
.intro.ssd-intro-v0850{
    background:radial-gradient(ellipse at 18% 42%,rgba(151,57,84,.20),transparent 49%),#1b1019;
}
.intro.ssd-intro-v0850 .ssd-intro-portrait{
    box-shadow:0 23px 50px rgba(11,6,12,.23),0 0 0 1px rgba(203,159,115,.10);
}
.intro.ssd-intro-v0850 .ssd-intro-portrait::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:radial-gradient(ellipse at 27% 19%,rgba(232,165,105,.095),transparent 48%);
}
.intro.ssd-intro-v0850 .ssd-intro-portrait-image{
    transition:transform 1.65s cubic-bezier(.16,1,.3,1),filter 1.65s ease;
}
.intro.ssd-intro-v0850.ssd-intro-reveal-ready .ssd-intro-portrait-image{
    transform:scale(1.045);
    filter:brightness(.90) saturate(.96);
}
.intro.ssd-intro-v0850.ssd-intro-reveal-ready.is-in-view .ssd-intro-portrait-image{
    transform:scale(1);
    filter:none;
}
.intro.ssd-intro-v0850 .intro-copy > p{
    font-size:clamp(16px,1.08vw,18px);
    line-height:1.62;
    margin-bottom:17px;
}
.intro.ssd-intro-v0850 .intro-copy > .ssd-intro-coda{
    margin:20px 0 4px;
    padding:2px 0 2px 17px;
    border-left:2px solid #bd9464;
    color:#efcfa8;
    font-weight:500;
}
.intro.ssd-intro-v0850 .stats{
    margin-top:27px;
    padding-top:24px;
    border-color:rgba(218,178,126,.35);
}
.intro.ssd-intro-v0850 .stat span{
    overflow-wrap:break-word;
}
.intro.ssd-intro-v0850 .ssd-intro-journey-link{
    display:inline-flex;
    align-items:center;
    gap:14px;
    margin-top:26px;
    padding:0 0 9px;
    border-bottom:1px solid rgba(220,181,128,.58);
    color:#e7be82;
    font:700 12px/1.4 var(--sans);
    text-transform:uppercase;
    letter-spacing:.125em;
    text-decoration:none;
    transition:color .2s,border-color .2s;
}
.intro.ssd-intro-v0850 .ssd-intro-journey-link span{
    font-size:19px;
    font-weight:400;
    line-height:1;
    transition:transform .2s;
}
.intro.ssd-intro-v0850 .ssd-intro-journey-link:hover,
.intro.ssd-intro-v0850 .ssd-intro-journey-link:focus-visible{
    color:#ffdfab;
    border-color:#ffdfab;
}
.intro.ssd-intro-v0850 .ssd-intro-journey-link:hover span,
.intro.ssd-intro-v0850 .ssd-intro-journey-link:focus-visible span{
    transform:translate(3px,-3px);
}
@media(max-width:780px){
    .intro.ssd-intro-v0850 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
    .intro.ssd-intro-v0850 .ssd-intro-journey-link{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){
    .intro.ssd-intro-v0850 .ssd-intro-portrait-image,
    .intro.ssd-intro-v0850 .ssd-intro-journey-link,
    .intro.ssd-intro-v0850 .ssd-intro-journey-link span{transition:none}
}