:root{--sand:#f3f0e6;--charcoal:#2d2d2d;--terra:#c86b4e;--olive:#6b705c;--clay:#dfd8c8;--ui:#171816}*{box-sizing:border-box}html,body{min-height:100%;color:var(--charcoal);background:#111210;margin:0;font-family:Montserrat,Arial,sans-serif}button,select{font:inherit}.studio{background:#191a18;grid-template-columns:310px 1fr;min-height:100vh;display:grid}aside{color:#eee;background:#111210;border-right:1px solid #30312e;flex-direction:column;gap:18px;padding:24px 18px;display:flex}.tool-brand{border-bottom:1px solid #30312e;align-items:center;gap:12px;padding:0 6px 20px;display:flex}.tool-brand b,.tool-brand small{display:block}.tool-brand small{color:#85877f;margin-top:3px;font-size:10px}.tool-icon{background:var(--terra);border-radius:9px;place-items:center;width:34px;height:34px;font-family:Cormorant Garamond;font-size:23px;display:grid}aside label,.workspace header small{letter-spacing:.22em;color:#85877f;font-size:9px;font-weight:600}select{color:#eee;background:#20211f;border:1px solid #373834;border-radius:7px;width:100%;padding:11px}.aside-heading{justify-content:space-between;align-items:center;display:flex}.aside-heading span{color:#85877f;font-size:10px}.slide-nav{flex-direction:column;gap:5px;display:flex}.slide-nav button{text-align:left;color:#bbb;cursor:pointer;background:0 0;border:0;border-radius:7px;gap:11px;padding:10px;display:flex}.slide-nav button.active{color:#fff;background:#292a27}.slide-nav button>span{color:#777;margin-top:2px;font-size:10px}.slide-nav b,.slide-nav small{display:block}.slide-nav b{letter-spacing:.12em;font-size:9px}.slide-nav small{white-space:nowrap;text-overflow:ellipsis;max-width:205px;margin-top:3px;font-family:Cormorant Garamond;font-size:14px;overflow:hidden}.brand-panel{border-top:1px solid #30312e;margin-top:auto;padding-top:18px}.color-row{color:#aaa;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;margin-top:9px;font-size:10px;display:grid}.swatch{border:1px solid #555;border-radius:50%;width:14px;height:14px}.color-row code{color:#686a64;font-size:9px}.workspace{flex-direction:column;min-width:0;display:flex}.workspace>header{color:#eee;border-bottom:1px solid #30312e;justify-content:space-between;align-items:center;height:82px;padding:0 30px;display:flex}.workspace h1{margin:5px 0 0;font-size:17px}.actions{gap:8px;display:flex}.actions button{color:#ddd;cursor:pointer;background:0 0;border:1px solid #444;border-radius:7px;padding:10px 14px;font-size:11px}.actions .primary{background:var(--terra);border-color:var(--terra);color:#fff}.canvas{flex:1;grid-template-columns:50px minmax(300px,700px) 50px;justify-content:center;align-items:center;gap:24px;padding:34px;display:grid}.preview{aspect-ratio:4/5;width:min(56vh,620px);box-shadow:0 24px 80px #0008}.preview .slide{width:100%;height:100%;font-size:calc(min(56vh,620px)/1080)}.arrow{color:#aaa;cursor:pointer;background:#222320;border:1px solid #454641;border-radius:50%;width:44px;height:44px}.status{color:#797b74;border-top:1px solid #30312e;justify-content:center;align-items:center;gap:18px;height:48px;font-size:10px;display:flex}.status b{color:#bbb}.slide{background:var(--sand);width:1080px;height:1350px;color:var(--charcoal);isolation:isolate;position:relative;overflow:hidden}.slide .photo{background-image:var(--image);background-position:50%;background-size:cover;position:absolute;inset:0}.grain{opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.brand{letter-spacing:.18em;align-items:center;gap:12em;font-size:16em;font-weight:600;display:flex}.brand-orbit{color:var(--terra);font-family:serif;font-size:24em;line-height:0}.brand--inverse{color:var(--sand)}.cover-shade{background:linear-gradient(#2226 0%,#2222 40%,#211b17e8 100%);position:absolute;inset:0}.cover-top{color:var(--sand);letter-spacing:.18em;justify-content:space-between;align-items:center;font-size:13em;display:flex;position:absolute;top:64em;left:68em;right:68em}.cover-copy{color:var(--sand);width:920em;position:absolute;bottom:82em;left:68em}.eyebrow{letter-spacing:.3em;color:var(--terra);margin:0 0 26em;font-size:15em;font-weight:600}.cover-copy h1,.slide h2{letter-spacing:-.035em;margin:0;font:500 102em/.9 Cormorant Garamond,serif}.cover-copy h1{font-style:italic}.lede{letter-spacing:.02em;margin:34em 0 0;font:300 24em/1.5 Montserrat}.topline{letter-spacing:.24em;color:var(--olive);align-items:center;gap:28em;font-size:13em;font-weight:600;display:flex;position:relative}.topline span:first-child{color:var(--terra)}.topline.inverse{color:var(--sand)}.slide footer{letter-spacing:.12em;border-top:1em solid #2d2d2d44;justify-content:space-between;align-items:center;padding-top:25em;font-size:12em;display:flex;position:absolute;bottom:48em;left:68em;right:68em}.slide footer.inverse{color:var(--sand);border-color:#fff5}.slide--statement{padding:70em 68em}.statement-art{height:580em;position:absolute;inset:190em 0 auto}.sun{background:var(--terra);border-radius:50%;width:190em;height:190em;position:absolute;top:80em;left:155em}.arch{border:4em solid var(--olive);border-bottom:0;border-radius:500em 500em 0 0;position:absolute}.arch-a{width:620em;height:430em;top:55em;right:-40em}.arch-b{width:470em;height:325em;top:160em;right:35em}.ground{background:var(--clay);height:95em;position:absolute;bottom:5em;left:0;right:0}.main-copy{position:absolute;bottom:145em;left:68em;right:68em}.main-copy h2{max-width:880em;font-size:82em}.main-copy p,.image-copy p,.quote-copy p{max-width:790em;margin:28em 0 0;font-size:22em;font-weight:300;line-height:1.55}.image-panel{background:#aaa;height:770em;position:absolute;top:0;left:0;right:0;overflow:hidden}.image-panel .photo{background-position:top}.image-label{background:var(--sand);letter-spacing:.16em;padding:13em 18em;font-size:11em;position:absolute;bottom:40em;left:48em}.image-copy{position:absolute;top:825em;left:68em;right:68em}.image-copy h2{margin-top:28em;font-size:72em}.slide--metrics{background:var(--charcoal);color:var(--sand);padding:68em}.metrics-bg{position:absolute;inset:0}.metrics-bg .photo{filter:saturate(.65);background-position:50%}.metrics-shade{background:linear-gradient(105deg,#252420f5 0%,#252420d7 55%,#25242072 100%);position:absolute;inset:0}.slide--metrics h2{width:760em;margin-top:210em;font-size:76em;position:relative}.metric-list{border-top:1em solid #fff5;grid-template-columns:repeat(3,1fr);padding-top:34em;display:grid;position:absolute;bottom:145em;left:68em;right:68em}.metric-list div{flex-direction:column;display:flex}.metric-list strong{color:var(--terra);font:500 62em Cormorant Garamond}.metric-list span{letter-spacing:.08em;max-width:140em;font-size:13em;line-height:1.35}.slide--steps{background:var(--clay);padding:70em 68em}.slide--steps h2,.slide--principles h2{max-width:800em;margin-top:90em;font-size:82em}.step-list{position:absolute;top:500em;left:68em;right:68em}.step{border-top:1em solid #2d2d2d66;grid-template-columns:90em 1fr;gap:34em;padding:30em 0;display:grid}.step>span{color:var(--terra);font:italic 40em Cormorant Garamond}.step p{max-width:650em;margin:0;font:400 24em/1.4 Montserrat}.air-lines{opacity:.25;width:470em;height:300em;position:absolute;bottom:80em;right:-80em}.air-lines i{border:3em solid var(--olive);border-bottom:0;border-left:0;border-radius:0 100% 0 0;height:85em;margin:10em;display:block}.slide--principles{padding:70em 68em}.principle-grid{border-top:1em solid #2d2d2d;grid-template-columns:1fr 1fr;display:grid;position:absolute;top:505em;left:68em;right:68em}.principle-grid div{border-bottom:1em solid #2d2d2d;border-right:1em solid #2d2d2d;height:205em;padding:28em}.principle-grid div:nth-child(2n){border-right:0}.principle-grid span{color:var(--terra);margin-bottom:35em;font-size:13em;display:block}.principle-grid b{font:500 28em/1.1 Cormorant Garamond}.quote-image{position:absolute;inset:0 0 510em}.quote-image .photo{background-position:50%}.quote-copy{position:absolute;top:790em;left:68em;right:68em}.quote-copy h2{margin-top:32em;font-size:76em;font-style:italic}.slide--cta{background:var(--charcoal);color:var(--sand);padding:70em 68em}.slide--cta>.brand{position:relative}.cta-orbit{width:800em;height:800em;position:absolute;top:30em;right:-270em}.cta-orbit i{border:2em solid var(--olive);border-radius:50%;position:absolute;inset:0}.cta-orbit i:nth-child(2){inset:90em}.cta-orbit i:nth-child(3){background:var(--terra);opacity:.9;border:0;inset:180em}.cta-copy{position:absolute;bottom:170em;left:68em}.cta-copy h2{font-size:100em;font-style:italic}.cta-copy>p:not(.eyebrow){width:600em;margin:28em 0 45em;font-size:22em;line-height:1.5}.button{border:1em solid var(--sand);letter-spacing:.18em;padding:20em 26em;font-size:13em;display:inline-block}.cta-url{letter-spacing:.14em;color:var(--clay);font-size:12em;position:absolute;bottom:62em;right:68em}.render-mode{background:#ddd}.render-stack{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.render-mode .slide{flex:none}@media (max-width:900px){.studio{grid-template-columns:1fr}aside{display:none}.workspace>header{padding:0 16px}.actions button:first-child{display:none}.canvas{grid-template-columns:34px minmax(230px,1fr) 34px;gap:8px;padding:18px}.preview{width:100%}}.brand-orbit{font-size:1.5em}.cover-top .brand{font-size:1em}.slide footer .brand{font-size:1.16em}.brand{gap:.75em}.eyebrow{margin-bottom:1.73em}.lede{margin-top:1.42em}.topline{gap:2.15em}.slide footer{padding-top:2.08em}.image-label{padding:1.18em 1.64em}.image-copy h2{margin-top:.39em}.main-copy p,.image-copy p,.quote-copy p{margin-top:1.27em}.slide--metrics h2{margin-top:2.76em}.metric-list span{max-width:10.77em}.slide--steps h2,.slide--principles h2{margin-top:1.1em}.principle-grid span{margin-bottom:2.69em}.quote-copy h2{margin-top:.42em}.cta-copy>p:not(.eyebrow){width:27.27em;margin:1.27em 0 2.05em}.button{padding:1.54em 2em}.canvas{position:relative}.export-stage{width:1080px;position:fixed;top:0;left:-10000px}.export-stage .slide,.render-mode .slide{font-size:1px;display:block}.export-progress{color:#aaa;font-size:11px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.actions button:disabled{opacity:.55;cursor:wait}
