:root{--ink:#10110f;--paper:#f4f5ef;--muted:#afb1a6;--volt:#deff00;--line:#383a31;--body:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--paper);font:18px/1.65 var(--body);-webkit-font-smoothing:antialiased}::selection{background:var(--volt);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--volt);outline-offset:7px}button{font:inherit}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.04;letter-spacing:-.055em}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--volt);color:var(--ink);padding:12px}.skip:focus{top:12px}.header{height:112px;margin:0 4.7%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{font:800 58px/.8 var(--display);letter-spacing:-.085em;display:flex;align-items:flex-start;gap:4px}.brand-spark{font-size:33px;color:var(--volt);letter-spacing:0;transform:translateY(-3px)}.family{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-left:8px}.family img{width:95px}.header nav{display:flex;gap:32px;margin-left:auto;font-size:14px}.header nav a:hover{color:var(--volt)}.hero{padding:43px 4.7% 0;position:relative;overflow:hidden;min-height:750px}.hero-top{display:flex;justify-content:space-between;position:relative;z-index:2}.eyebrow,.edition,.hero-caption{font-size:12px;letter-spacing:.08em;line-height:1.5}.eyebrow{font-weight:600}.edition{letter-spacing:0;color:var(--muted);width:188px}.hero h1{font-size:clamp(70px,8.7vw,148px);line-height:1.01;margin-top:61px;position:relative;z-index:2;max-width:1110px}.serif,em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.serif{font-style:italic;color:var(--volt);letter-spacing:-.065em}.hero-bottom{position:relative;z-index:2;display:flex;align-items:flex-end;gap:7%;margin-top:42px;max-width:815px}.hero-bottom p{max-width:435px;color:#c4c6bb;font-size:17px;line-height:1.65}.round-link{font-size:14px;display:flex;gap:20px;align-items:center;white-space:nowrap}.round-link>span:last-child{width:42px;height:42px;border:1px solid #727663;display:grid;place-items:center;border-radius:50%;font-size:23px;transition:background .2s,color .2s}.round-link:hover>span:last-child{background:var(--volt);color:var(--ink)}.hero-art{height:80px}.hero-caption{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:22px 0;color:#9fa393;font-size:11px}.section{padding:105px 8%;display:grid;grid-template-columns:1fr 2fr;gap:65px}.story{background:var(--paper);color:var(--ink)}.story h2{font-size:clamp(44px,5.2vw,80px);margin-bottom:38px;max-width:740px}.story p:not(.eyebrow){max-width:650px;margin-bottom:24px;color:#52564d}.story .large-copy{font-size:28px;line-height:1.4;color:var(--ink)!important;letter-spacing:-.025em}.signature{font-family:Georgia,serif;font-size:36px;font-style:italic;padding-top:20px;color:var(--ink)!important}.signature span{display:block;font:13px var(--body);letter-spacing:.02em;margin-top:8px;color:#6c7064}footer{padding:40px 4.7%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}footer>span{font:800 42px var(--display);letter-spacing:-.07em;color:var(--volt)}@media(max-width:760px){.header{height:90px;gap:20px}.brand{font-size:47px}.brand-spark{font-size:26px}.family{display:none}.header nav{gap:17px;font-size:12px}.header nav a:last-child{display:none}.hero{padding-top:30px;min-height:660px}.hero-top .edition{display:none}.eyebrow{font-size:11px}.hero h1{font-size:clamp(52px,12.3vw,94px);margin-top:60px}.hero-bottom{display:block;margin-top:28px}.hero-bottom p{font-size:16px;max-width:340px}.round-link{margin-top:28px;justify-content:flex-start}.hero-art{height:55px}.hero-caption{font-size:9px;gap:20px}.hero-caption span:last-child{text-align:right}.section{padding:65px 6%;grid-template-columns:1fr;gap:32px}.story h2{font-size:48px}.story .large-copy{font-size:23px}.story p:not(.eyebrow){font-size:17px}.story p.signature{font-size:32px}footer{flex-wrap:wrap;padding:30px 6%}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* The Splendor mark turns into a pair of connected threads. */
.brand-symbol{width:27px;height:27px;margin:0 0 0 4px;transform:translateY(-1px)}.hero{min-height:850px}.hero h1{font-size:clamp(78px,8.6vw,139px);line-height:.99;max-width:740px;margin-top:48px}.hero-art{position:absolute;right:-7%;top:160px;width:63%;height:550px;z-index:0;pointer-events:none;mask-image:linear-gradient(90deg,transparent,black 16%);-webkit-mask-image:linear-gradient(90deg,transparent,black 16%)}.hero-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}.hero-art span{position:absolute;right:19%;bottom:20px;font-size:12px;line-height:1.55;color:var(--muted);letter-spacing:.02em}.hero-bottom{margin-top:40px;max-width:805px}.hero-bottom p{max-width:430px}.hero-caption{margin-top:64px;position:relative;z-index:2}.story{padding-top:115px;padding-bottom:115px}.practice{padding:108px 8% 90px}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:20px 65px}.section-heading h2{font-size:clamp(46px,5.2vw,80px)}.section-heading>p:last-child:not(.eyebrow){grid-column:2;color:var(--muted);font-size:17px;margin-top:7px}.work-list{margin-top:68px;border-top:1px solid var(--line)}.work-list details{border-bottom:1px solid var(--line)}.work-list summary{display:flex;align-items:center;gap:27px;padding:32px 0;cursor:pointer;list-style:none}.work-list summary::-webkit-details-marker{display:none}.work-list summary:hover h3{color:var(--volt)}.work-list summary:focus-visible{outline:2px solid var(--volt);outline-offset:6px}.work-number{font-size:12px;color:#929888;min-width:30px}.work-list h3{font-size:clamp(24px,2.6vw,36px);letter-spacing:-.035em}.work-kind{margin-left:auto;font-size:11px;letter-spacing:.09em;color:#b4b9a6}.toggle{width:32px;height:32px;border:1px solid #5a614b;border-radius:50%;position:relative;margin-left:13px;flex-shrink:0}.toggle:before,.toggle:after{content:'';position:absolute;left:10px;top:14px;width:10px;height:1px;background:var(--paper)}.toggle:after{transform:rotate(90deg)}details[open] .toggle{background:var(--volt);border-color:var(--volt)}details[open] .toggle:before{background:var(--ink)}details[open] .toggle:after{display:none}.work-detail{padding:0 0 36px 57px;display:grid;grid-template-columns:1.2fr .8fr;gap:13%;color:#b6bbac}.work-detail>p{max-width:565px;font-size:17px}.outcome{border-left:1px solid #49513b;padding-left:28px;align-self:center}.outcome span{display:block;color:#9da88b;font-size:11px;letter-spacing:.07em;margin-bottom:8px}.outcome strong{font-size:22px;font-weight:400;color:var(--volt);line-height:1.2}.small-note{font-size:12px;color:#8e9683;margin-top:22px}.mind{background:#e8ebe1;color:var(--ink);grid-template-columns:1.1fr 1fr;gap:9%;padding-top:105px;padding-bottom:105px}.mind h2{font-size:clamp(40px,4.6vw,68px);margin:40px 0 28px}.mind>div>p:not(.eyebrow){font-size:17px;color:#50584a;margin-top:17px;max-width:445px}.architecture{background:var(--ink);color:var(--paper);padding:28px 32px;align-self:center;transform:rotate(2deg);box-shadow:16px 18px 0 #d6dbc9}.diagram-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;color:#a7b18f;border-bottom:1px solid #414933;padding-bottom:19px}.diagram-head>span:last-child{font-size:21px;line-height:1}.diagram-core{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:29px 0}.diagram-core img{width:37px;height:37px;order:2}.diagram-core strong{font:800 76px/.9 var(--display);letter-spacing:-.085em}.diagram-core>span{flex:0 0 100%;font-size:14px;color:#c0c8b2;margin-top:12px;order:3}.diagram-layers>div{padding:20px 0;border-top:1px solid #414933;display:grid;grid-template-columns:28px 1fr;gap:5px 12px}.diagram-layers span{font-size:11px;color:#7d8d65;margin-top:3px}.diagram-layers strong{font-size:19px;font-weight:500}.diagram-layers p{grid-column:2;font-size:13px;color:#9fa990}.diagram-foot{font-size:12px;margin-top:7px;color:#c6d3b0}.care{background:var(--volt);color:var(--ink);padding:72px 8% 30px}.care h2{font-size:clamp(75px,10.7vw,168px);margin:55px 0 48px;line-height:.98;letter-spacing:-.065em}.care h2 span{font-family:Georgia,serif;font-weight:400;font-style:italic}.care-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14%;max-width:1100px}.care-bottom p{font-size:17px;max-width:450px}.care-bottom p:last-child{font-size:18px}.care-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #aabd19;padding-top:18px;margin-top:60px}.care-line span:first-child{font-size:11px;letter-spacing:.07em}.care-line span:last-child{font:italic 30px Georgia,serif}.principles{background:var(--paper);color:var(--ink);padding:98px 8%}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:60px}.principle-grid article{border-top:1px solid #b7bdab;padding-top:18px}.principle-grid article>span{font-size:11px;color:#656f57;letter-spacing:.04em}.principle-grid h3{font-size:27px;letter-spacing:-.035em;margin:30px 0 17px;line-height:1.15}.principle-grid p{font-size:16px;color:#626958;max-width:330px}.closing{padding:95px 8% 0;overflow:hidden;position:relative}.closing h2{font-size:clamp(55px,7.1vw,109px);margin-top:38px}.closing h2 em{color:var(--volt)}.closing .round-link{position:relative;z-index:1;margin-top:37px;display:inline-flex}.closing-word{font:800 clamp(170px,37.5vw,620px)/.8 var(--display);letter-spacing:-.105em;color:var(--volt);margin:80px 0 -6.8%;display:flex;align-items:center;user-select:none;pointer-events:none}.closing-word img{width:15.5vw;height:15.5vw;margin-left:5.5vw;align-self:flex-start;margin-top:1.2vw}footer{background:var(--ink);position:relative;border-top:1px solid var(--line);padding-top:28px;padding-bottom:28px}footer>span{font:500 11px var(--body);letter-spacing:.07em;color:var(--muted)}footer p{font-size:12px}footer a{font-size:12px}.story a:focus-visible,.mind a:focus-visible,.care a:focus-visible,.principles a:focus-visible{outline-color:var(--ink)}
@media(min-width:1600px){.header,.hero,footer{padding-left:max(4.7%,calc((100vw - 1510px)/2));padding-right:max(4.7%,calc((100vw - 1510px)/2))}.header{margin:0}.hero-art{right:2%;width:52%}}
@media(max-width:1000px) and (min-width:761px){.family{display:none}.hero-art{right:-12%;top:200px}.hero-bottom{max-width:690px;gap:40px}.round-link{gap:12px}.hero-bottom p{max-width:370px}.section,.section-heading{gap:35px}.section{padding-left:6%;padding-right:6%}.architecture{padding:24px}.work-kind{display:none}.mind{gap:6%}.mind h2{font-size:48px}}
@media(max-width:760px){.header nav{font-size:14px}.brand-symbol{width:23px;height:23px}.hero{min-height:0;padding-top:30px}.hero h1{font-size:clamp(70px,16.5vw,125px);max-width:600px;margin-top:37px}.hero-art{position:relative;inset:auto;width:114%;margin:-10px -7% -20px;height:260px;mask-image:none;-webkit-mask-image:none}.hero-art span{right:12%;bottom:14px;font-size:10px}.hero-bottom{margin-top:22px}.hero-bottom p{max-width:430px}.hero-bottom .round-link{justify-content:space-between;max-width:430px}.hero-caption{margin-top:36px;font-size:10px}.story{padding-top:68px;padding-bottom:65px}.section-heading{grid-template-columns:1fr;gap:27px}.section-heading>p:last-child:not(.eyebrow){grid-column:1;font-size:16px;margin:0}.practice{padding:65px 6%}.section-heading h2{font-size:45px}.work-list{margin-top:36px}.work-list summary{gap:10px;padding:26px 0}.work-list h3{font-size:23px;line-height:1.25;letter-spacing:-.04em}.work-number{min-width:20px;font-size:11px}.work-kind{display:none}.toggle{margin-left:auto;width:28px;height:28px}.toggle:before,.toggle:after{left:8px;top:12px}.work-detail{padding:0 0 28px 30px;grid-template-columns:1fr;gap:22px}.work-detail>p{font-size:16px}.outcome{padding-left:18px}.outcome strong{font-size:21px}.small-note{font-size:12px}.mind{grid-template-columns:1fr;gap:44px;padding-top:65px;padding-bottom:75px}.mind h2{font-size:46px;margin:29px 0}.mind>div>p:not(.eyebrow){font-size:16px}.architecture{margin:0 5px 0 0;padding:25px;box-shadow:9px 10px 0 #d6dbc9;transform:rotate(1deg)}.care{padding:60px 6% 26px}.care h2{font-size:clamp(52px,12.4vw,94px);margin:38px 0 32px}.care-bottom{grid-template-columns:1fr;gap:25px}.care-bottom p,.care-bottom p:last-child{font-size:16px}.care-line{margin-top:40px}.principles{padding:65px 6%}.principle-grid{grid-template-columns:1fr;gap:32px;margin-top:35px}.principle-grid h3{margin:18px 0 12px}.principle-grid p{max-width:100%}.closing{padding:65px 6% 0}.closing h2{font-size:clamp(42px,9.5vw,72px);margin-top:28px}.closing .eyebrow{max-width:250px}.closing .round-link{font-size:13px;gap:15px}.closing-word{margin-top:65px;margin-bottom:-5.5%;font-size:38.5vw}.closing-word img{width:15vw;height:15vw;margin-left:6vw}footer{padding:25px 6%;gap:18px}footer>span{font-size:10px}.header nav a:last-child{display:inline}.header nav a:last-child{font-size:0}.header nav a:last-child::after{content:'Many minds';font-size:14px}}
@media(max-width:370px){.header nav{gap:10px;font-size:12px}.header nav a:last-child::after{font-size:12px}.brand{font-size:40px}.brand-symbol{width:19px;height:19px}.hero h1{font-size:17vw}.work-list h3{font-size:20px}}
.hero-art{mix-blend-mode:screen}.hero-art img{mix-blend-mode:normal}.hero-art span{bottom:36px}
@media(max-width:1000px) and (min-width:761px){.hero-art{top:110px;height:350px;width:63%;right:-5%}.hero-art span{bottom:5px;right:19%}.hero-bottom{display:block}.hero-bottom .round-link{margin-top:26px;max-width:370px;justify-content:space-between}.hero-caption{margin-top:45px}.hero{min-height:780px}}
@media(max-width:760px){.hero-art span{bottom:16px}}
.hero-art img{mask-image:radial-gradient(ellipse 65% 56% at center,black 48%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse 65% 56% at center,black 48%,transparent 98%)}
@media(max-width:760px){.header{gap:16px}.header .brand{font-size:42px}.header nav{gap:12px;white-space:nowrap;font-size:13px}.header nav a:last-child::after{font-size:13px}.header .brand-symbol{width:21px;height:21px}}
@media(max-width:370px){.header nav a:last-child{display:none}}

/* The original artwork is the texture; its silhouette and color stay intact. */
.hero-art{pointer-events:none}
.ribbon-surface{position:relative;display:block;width:100%;height:calc(100% - 42px);padding:0;border:0;background:none;color:inherit;border-radius:40%;pointer-events:auto;cursor:crosshair;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.ribbon-surface:disabled{cursor:default}
.ribbon-surface:focus-visible{outline:1px solid var(--volt);outline-offset:-18px}
.hero-art .ribbon-surface img,.ribbon-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse 65% 56% at center,black 48%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse 65% 56% at center,black 48%,transparent 98%)}
.ribbon-canvas{display:block;opacity:0;pointer-events:none}
.ribbon-ready .ribbon-canvas{opacity:1}
.ribbon-ready .ribbon-surface img{opacity:0}
.ribbon-caption{position:absolute;left:22%;right:19%;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:1;pointer-events:none;font-size:12px;line-height:1.5;color:var(--muted)}
.ribbon-caption>p{margin-left:auto}
@media(max-width:1000px) and (min-width:761px){.ribbon-caption{left:17%;right:16%;bottom:-4px;gap:12px}}
@media(max-width:760px){.hero-art{height:310px;margin-bottom:-5px}.ribbon-surface{height:255px}.ribbon-caption{left:10%;right:10%;bottom:6px;gap:12px}.ribbon-caption>p{font-size:12px}}
/* Reserve the bottom strip so it never overlaps the artwork caption. */
@media(min-width:761px){.hero{padding-bottom:80px}.hero-caption{position:absolute;left:max(4.7%,calc((100vw - 1510px)/2));right:max(4.7%,calc((100vw - 1510px)/2));bottom:0;margin-top:0}}
