@layer reset{*{box-sizing:border-box}html,body,h1,h2,h3,p,figure{margin:0}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}html{scroll-behavior:smooth;scroll-padding-top:32px}body{min-width:320px}}@layer base{:root{color-scheme:dark;--bg:#141716;--panel:#1b1f1d;--ink:#eeeae0;--muted:#b0b4aa;--green:#81b39a;--purple:#b998cd;--line:#ffffff24;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}h1,h2,h3{font-family:var(--serif);text-wrap:balance;font-weight:400;line-height:1.13}a{text-decoration:none}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}::selection{color:#fff;background:#735685}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font:11px/1.8 var(--sans);color:var(--green)}.skip-link{z-index:100;background:var(--ink);color:var(--bg);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:20px}}@layer components{.hero{background:#101312;height:100svh;min-height:620px;max-height:1400px;position:relative;overflow:hidden}.hero-scene{background:url(/images/design/hero.webp) 50%/cover no-repeat;position:absolute;inset:0}.hero-scene canvas{width:100%;height:100%;display:block}.hero-tagline{text-align:center;width:55%;font-family:var(--serif);letter-spacing:.065em;text-shadow:0 2px 7px #000;color:#dadad1;font-size:clamp(16px,1.3vw,25px);position:absolute;top:17.4%;left:25%}.discover{letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(10px);white-space:nowrap;background:#101512d9;border:1px solid #c3c7b944;border-radius:2px;align-items:center;gap:22px;padding:10px 22px;font-size:11px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.discover span:last-child{font-size:24px;line-height:1}.motion-control{color:#ddd;font:11px var(--sans);cursor:pointer;backdrop-filter:blur(8px);background:#111b;border:1px solid #ffffff35;border-radius:30px;padding:9px 15px;position:absolute;bottom:28px;right:28px}.motion-control:hover{background:#29352e}.menu-toggle{z-index:20;backdrop-filter:blur(12px);cursor:pointer;background:#151917c9;border:1px solid #ffffff25;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;display:flex;position:fixed;top:27px;right:30px}.menu-toggle span{background:#dfdfd3;width:18px;height:1px}.menu-toggle:hover{border-color:var(--green)}.site-menu{width:min(520px,100%);max-width:100%;height:100dvh;max-height:none;color:var(--ink);border:0;border-left:1px solid var(--line);background:#181e1b;margin:0;padding:50px 45px;position:fixed;inset:0 0 0 auto;overflow:auto}.site-menu::backdrop{backdrop-filter:blur(8px);background:#050908b8}.menu-close{color:var(--ink);font:36px var(--serif);cursor:pointer;background:0 0;border:0;position:absolute;top:18px;right:25px}.site-menu h2{margin:12px 0 28px;font-size:38px}.site-menu section{margin-top:24px}.site-menu h3{font:10px var(--sans);text-transform:uppercase;letter-spacing:.18em;color:var(--green);margin:0 0 9px}.site-menu ul{margin:0;padding:0;list-style:none}.site-menu li a,.menu-home{border-bottom:1px solid #ffffff0e;justify-content:space-between;padding:8px 0;font-size:15px;display:flex}.site-menu a:hover,.site-menu a[aria-current=page]{color:var(--purple)}.site-menu a span{color:var(--green)}.home-content{max-width:1280px;margin:auto;padding:0 50px}.introduction{text-align:center;max-width:800px;margin:0 auto;padding:115px 30px 100px}.introduction h2{margin:22px 0 28px;font-size:clamp(38px,4.2vw,64px)}.introduction>p:not(.eyebrow){font:19px/1.85 var(--serif);color:#c5c8bd;max-width:660px;margin:auto}.intro-rule{border-top:1px solid var(--line);color:#9ca599;letter-spacing:.12em;text-transform:uppercase;justify-content:center;gap:22px;margin-top:40px;padding-top:21px;font-size:10px;display:flex}.story-group{border-top:1px solid var(--line);padding:35px 0 60px}.group-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px;display:flex}.group-heading h2{margin-top:10px;font-size:clamp(30px,3vw,43px)}.group-heading>p{max-width:240px;font:italic 16px/1.6 var(--serif);color:var(--muted)}.card-grid{grid-template-columns:repeat(3,1fr);gap:38px 26px;display:grid}.article-card{min-width:0;display:block}.card-image{aspect-ratio:1.5;background:#202722;position:relative;overflow:hidden}.card-image img{object-fit:cover;filter:brightness(.85)saturate(.75);width:100%;height:100%;transition:transform .5s,filter .5s}.article-card:hover .card-image img{filter:brightness()saturate(.95);transform:scale(1.035)}.card-copy{padding:21px 0 8px}.card-copy h3{margin:8px 0 13px;font-size:28px}.card-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.read-link{letter-spacing:.09em;color:var(--purple);align-items:center;gap:20px;margin-top:19px;font-size:11px;display:flex}.read-link span{font-size:20px}.portraits .card-image{aspect-ratio:1.15}.portraits .card-image img{object-position:50% 25%}.brand{text-align:center;width:280px;display:block}.brand svg{width:100%;height:auto;display:block}.brand>span{font:13px/1.7 var(--serif);color:#d8dacd;letter-spacing:.055em;margin-top:2px;display:block}.brand.large{width:min(490px,75vw)}.brand.large>span{font-size:17px}.article-masthead{border-bottom:1px solid var(--line);background:radial-gradient(at 30% 100%,#32393677,#0000 45%),radial-gradient(at 80% 10%,#43454640,#0000 40%),linear-gradient(130deg,#0c0f10,#202525 55%,#111414);justify-content:center;align-items:center;min-height:255px;display:flex;position:relative;overflow:hidden}.article-masthead:before{content:"";opacity:.22;pointer-events:none;background:url(/images/design/clouds.svg);position:absolute;inset:0}.article-masthead .brand{position:relative}.article-shell{max-width:1240px;margin:auto;padding:0 50px}.breadcrumbs{letter-spacing:.04em;color:#a0a99c;gap:14px;padding:29px 0;font-size:11px;display:flex}.breadcrumbs a{color:var(--green)}.article-heading{max-width:850px;padding:28px 0 36px}.article-heading h1{letter-spacing:-.025em;margin:17px 0 23px;font-size:clamp(36px,4.1vw,61px)}.dot{margin:0 9px}.article-deck{font:21px/1.6 var(--serif);color:#bec5b7;max-width:760px}.byline{color:#a3ac9e;letter-spacing:.04em;flex-wrap:wrap;gap:20px;margin-top:25px;font-size:11px;display:flex}.spoiler{color:var(--purple)}.article-hero{background:#111513;margin-bottom:55px}.article-hero>img{object-fit:contain;background:#101312;width:100%;max-height:560px}.article-hero figcaption{color:#a0a99a;padding:13px 17px;font-size:11px;line-height:1.7}.reading-grid{grid-template-columns:230px minmax(0,740px);justify-content:space-between;align-items:start;gap:65px;display:grid}.toc{color:#aeb7a8;font-size:12px;line-height:1.6;position:sticky;top:36px}.toc summary{text-transform:uppercase;letter-spacing:.16em;color:var(--green);cursor:pointer;margin-bottom:16px;font-size:10px}.toc ol{border-left:1px solid var(--line);margin:0;padding:0;list-style:none}.toc li a{border-left:1px solid #0000;margin-left:-1px;padding:6px 0 6px 16px;display:block}.toc li a:hover{color:var(--ink);border-color:var(--purple)}.toc-back{color:var(--purple);margin-top:22px;font-size:11px;display:block}.prose{font:19px/1.85 var(--serif);color:#d1d4c9;min-width:0}.prose>p{margin-bottom:26px}.prose>p:first-child{color:#e5e7dd;font-size:23px;line-height:1.7}.prose h2{color:var(--ink);margin:55px 0 23px;scroll-margin-top:35px;font-size:34px;line-height:1.25}.prose h3{color:#e1e5d9;margin:37px 0 17px;font-size:25px}.prose strong{color:#e3e6dd;font-weight:700}.prose a{color:var(--green);text-underline-offset:4px;text-decoration:underline #81b39a55}.prose a:hover{color:#b7d7c3}.prose figure{margin:38px 0}.prose figure img{background:#101312;width:auto;max-width:100%;max-height:620px;margin:auto}.prose figcaption{font:12px/1.7 var(--sans);color:#a5ae9e;margin:13px 0}.prose blockquote{border-left:2px solid var(--purple);color:#dfd3e7;background:linear-gradient(90deg,#b998cd09,#0000);margin:32px 0;padding:15px 0 15px 25px;font-size:24px;font-style:italic}.prose blockquote p{margin:0}.prose ul,.prose ol{margin:22px 0;padding-left:25px}.prose li{margin-bottom:8px;padding-left:5px}.prose table{border-collapse:collapse;width:100%;font:14px/1.7 var(--sans);margin:26px 0 34px;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:13px 17px}.prose th{color:var(--green);background:#202722;font-weight:400}.prose td{background:#181d1a}.prose .image-credits{border-top:1px solid var(--line);font:12px/1.8 var(--sans);color:#9fa898;margin-top:50px;padding-top:20px}.prose .image-credits small{font-size:inherit}.next-story{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;margin:65px 0 20px;padding:35px 0;display:flex}.next-story h2{margin-top:10px;font-size:35px}.next-story>span{color:var(--purple);font-size:40px}.next-story:hover h2{color:var(--green)}.site-footer{background:linear-gradient(#141716,#101512);margin-top:30px;padding-top:70px;overflow:hidden}.footer-top{justify-content:space-between;align-items:center;max-width:1140px;margin:auto;padding:0 30px;display:flex}.back-top{letter-spacing:.1em;color:var(--green);font-size:11px}.independent{text-align:center;letter-spacing:.035em;color:#9da795;margin:35px 25px 0;font-size:11px}.footer-flowers{height:clamp(160px,20vw,330px);margin-top:15px;position:relative;overflow:hidden}.footer-flowers img{opacity:.88;width:100%;min-width:800px;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.not-found{text-align:center;max-width:850px;margin:auto;padding:100px 30px}.not-found h1{margin:20px 0;font-size:50px}.not-found a{color:var(--green)}@media (aspect-ratio>=16/9){.hero-tagline{top:calc(50% - 18.34vw)}}@media (aspect-ratio<=16/9){.hero-tagline{width:97.778vh;left:calc(50% - 44.444vh)}}@media (width<=900px){.home-content,.article-shell{padding-left:25px;padding-right:25px}.card-grid{grid-template-columns:repeat(2,1fr)}.portraits{grid-template-columns:repeat(3,1fr)}.portraits .card-copy h3{font-size:24px}.group-heading{align-items:start}.reading-grid{grid-template-columns:180px minmax(0,1fr);gap:30px}.prose{font-size:18px}.menu-toggle{top:18px;right:20px}.article-masthead{min-height:220px}.introduction{padding:80px 15px}.article-hero>img{max-height:460px}.hero{min-height:500px}}@media (width<=600px){.hero{height:100svh;min-height:620px}.hero-scene{background-size:auto 100%;inset:0}.hero-scene canvas{position:absolute;inset:0}.hero-tagline{width:80%;font-size:14px;top:19%;left:10%}.discover{padding:8px 15px;font-size:9px;bottom:38px}.motion-control{padding:7px 11px;font-size:10px;bottom:90px;right:18px}.introduction h2{font-size:38px}.introduction>p:not(.eyebrow){font-size:18px}.intro-rule{flex-wrap:wrap;gap:14px;font-size:9px}.group-heading{display:block}.group-heading>p{max-width:none;margin-top:15px}.card-grid,.portraits{grid-template-columns:1fr;gap:35px}.card-image,.portraits .card-image{aspect-ratio:1.5}.portraits .card-image img{object-position:50% 22%}.story-group{padding:30px 0 45px}.card-copy h3{font-size:29px}.card-copy>p:not(.eyebrow){font-size:15px}.article-masthead{min-height:190px;padding-top:25px}.brand.large{width:min(350px,80vw)}.brand.large>span{font-size:14px}.breadcrumbs{padding:22px 0;font-size:10px}.article-heading{padding:15px 0 28px}.article-heading h1{font-size:37px}.article-deck{font-size:19px}.article-hero{margin-bottom:28px;margin-left:-25px;margin-right:-25px}.reading-grid{display:block}.toc{background:#1b211d;margin-bottom:35px;padding:18px 20px;position:static}.toc summary{margin-bottom:0}.toc details[open] summary{margin-bottom:15px}.toc-back{display:none}.prose>p:first-child{font-size:21px}.prose h2{margin-top:40px;font-size:29px}.prose h3{font-size:24px}.prose figure{margin:30px 0}.prose blockquote{padding-left:19px;font-size:22px}.next-story h2{font-size:28px}.footer-top{flex-direction:column;gap:25px}.site-footer{padding-top:45px}.footer-top .brand{width:250px}.site-menu{padding:45px 28px}.site-menu h2{font-size:32px}}.brand svg{mix-blend-mode:screen;mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.home-credits{border-top:1px solid var(--line);color:#a0a997;font:11px/1.8 var(--sans);columns:2;column-gap:35px;padding:25px 0}.home-credits p{break-inside:avoid;margin-bottom:10px}.home-credits a{color:var(--green);text-underline-offset:2px;text-decoration:underline}@media (width>=901px){.story-group:nth-of-type(2) .article-card:first-child{grid-column:span 2}.story-group:nth-of-type(2) .article-card:first-child .card-image{aspect-ratio:3.1}}@media (width<=600px){.home-credits{columns:1}}.site-footer{position:relative;overflow:visible}.footer-flowers{z-index:1;pointer-events:none;clip-path:inset(-100vh 0 0);overflow:visible}.footer-flowers img{min-width:0}.footer-top,.independent{z-index:2;position:relative}.article-masthead{min-height:140px}@media (width<=900px){.article-masthead{min-height:135px}}@media (width<=600px){.article-masthead{min-height:100px;padding:0 70px 0 20px}.article-masthead .brand.large{width:min(350px,100%)}}@media (aspect-ratio<=16/9){.hero-tagline{width:55%;font-size:clamp(10px,1.3vw,25px);top:calc(50% - 18.3375vw);left:25%}}@media (aspect-ratio>=16/9){.hero-tagline{width:97.778vh;font-size:clamp(12px,2.31vh,25px);top:17.4%;left:calc(50% - 44.444vh)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}}.mobile-cover-brand{display:none}@media (width<=700px) and (orientation:portrait){.hero{height:100svh;min-height:560px;max-height:none}.hero-scene{background-image:url(/images/design/flowers-mobile-v2.webp),url(/images/design/courtyard-mobile.webp);background-position:bottom,50%;background-repeat:no-repeat;background-size:100%,cover}.hero-tagline{display:none}.mobile-cover-brand{z-index:1;width:86%;display:block;position:absolute;top:12%;left:7%}.mobile-cover-brand .brand{width:100%}.mobile-cover-brand .brand>span{text-shadow:0 2px 8px #000;margin-top:10px;font-size:clamp(13px,3.5vw,19px)}.hero .discover{bottom:max(24px,env(safe-area-inset-bottom));padding:9px 15px;font-size:9px}.hero .motion-control{bottom:max(82px,calc(env(safe-area-inset-bottom) + 58px));min-height:36px;right:16px}}