.establish-width{width:calc(100% - 64px);max-width:1216px;margin:auto}.establish-page{padding:0 0 40px;background:url('../images/establishing-shot/glow.png') no-repeat center -232px/1228px 512px}.establish-intro h1{font:800 56px/56px var(--heading-font);letter-spacing:-.03em}.establish-intro>div{max-width:804px;margin-top:24px;padding:24px;background:white;border-radius:12px}.establish-intro p{font:400 16px/26px var(--font)}.establish-intro blockquote{margin:12px 0 0;font:italic 600 14px/22px var(--heading-font);letter-spacing:-.02em}.establish-intro blockquote span{color:#75ac00;font-style:normal;font-size:22px}.establish-workspace{display:grid;grid-template-columns:1.42fr 1fr;gap:24px;align-items:start;margin-top:40px}.establish-workspace>div{min-width:0}.establish-editor{overflow:hidden;background:white;border-radius:12px;box-shadow:0 3px 4px #18213d26}.establish-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:#e3e5ff}.establish-editor h2{display:flex;align-items:center;gap:16px;font:600 12px/20px var(--heading-font);letter-spacing:0;color:#46515b}.establish-dots{display:flex;gap:6px}.establish-dots i{width:12px;height:12px;border-radius:50%;background:#c95a66}.establish-dots i:nth-child(2){background:#90b746}.establish-dots i:nth-child(3){background:#479981}.establish-editor header button{display:flex;align-items:center;gap:4px;background:#00a6d9;color:white;border-radius:6px;padding:4px 8px;font:600 10px/14px var(--heading-font);white-space:nowrap}.establish-editor header button svg{width:14px;height:14px}.establish-prompt{padding:24px}.establish-prompt p{font:400 14px/23px var(--font);color:var(--ink)}.establish-prompt p+p{margin-top:18px}.establish-prompt p:nth-last-child(2){font-weight:500;color:#46515b}.establish-prompt p:last-child{font-weight:500;color:#006d93}.establish-variable{font-size:12px;padding:3px 8px;border-radius:3px;background:#dce2ff;box-decoration-break:clone;-webkit-box-decoration-break:clone}.establish-variable.blue{background:#c3e7ff;color:#004b67}.establish-variable.mint{background:#65f4b9;color:#005e48}.establish-variable.lime{background:#b1f843;color:#324c00}.establish-example{padding:16px;background:#f3f1ff;border-radius:12px;margin-top:16px}.establish-example h3{font:500 10px/14px var(--heading-font);text-transform:uppercase;letter-spacing:.03em;color:#006d93}.establish-example p{font:italic 500 14px/22px var(--font);margin-top:4px;color:var(--ink)}.establish-preflight{display:flex;gap:8px;margin-top:16px;padding:16px;background:#e1e3f8;border-radius:12px}.establish-preflight>svg{width:18px;height:20px;flex-shrink:0;color:#006d93}.establish-preflight h3{font:700 12px/18px var(--heading-font)}.establish-preflight p{font:400 12px/20px var(--font);margin-top:4px}.establish-reference{background:white;border-radius:12px;overflow:hidden;box-shadow:0 3px 4px #18213d26}.establish-reference>header{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#e9ecff;padding:8px 16px;font:600 12px/18px var(--heading-font);letter-spacing:-.02em}.establish-reference>header>span{display:flex;align-items:center;gap:6px}.establish-reference>header svg{width:18px;height:18px;color:#006d93}.establish-reference>header small{font:500 10px/14px var(--heading-font);letter-spacing:.02em;background:#65f4b9;border-radius:16px;padding:3px 8px;white-space:nowrap;color:#007653}.establish-photo{position:relative;aspect-ratio:16/9;overflow:hidden}.establish-photo>img{width:100%;height:100%;display:block;object-fit:cover}.establish-photo:after{content:"";position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#000c);pointer-events:none}.establish-rec,.establish-hd{position:absolute;top:12px;background:#342a24b3;color:white;font:400 10px/14px var(--font);padding:4px 8px;border-radius:4px}.establish-rec{left:12px}.establish-hd{right:12px}.establish-landmark{position:absolute;left:15%;top:40%;padding:8px;background:#352d27aa;color:#edf0f5;font:400 9px/14px var(--font);letter-spacing:.03em;max-width:80%}.establish-play{position:absolute;top:43%;right:15%;width:48px;height:48px;border-radius:50%;background:#61665aaf;color:white;display:grid;place-items:center;z-index:2}.establish-play svg{width:24px;height:24px}.establish-timeline{position:absolute;bottom:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:white;font:400 10px/14px var(--font);z-index:1}.establish-timeline>span:first-child{color:#65ffd0}.establish-timeline i{height:4px;flex-basis:100%;background:linear-gradient(to right,#00a6d9,#62a900 60%,#b0b0a7 60%)}.establish-reference figcaption{padding:16px}.establish-reference h3{font:600 10px/14px var(--heading-font);color:#007653;letter-spacing:.02em}.establish-reference figcaption p{font:400 12px/20px var(--font);margin-top:4px}.establish-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 0}.establish-specs>div{padding:8px;background:#e9ecff;border-radius:12px;text-align:center}.establish-specs dt{font:600 10px/14px var(--heading-font);text-transform:uppercase;color:#46515b}.establish-specs dd{font:600 12px/18px var(--font);margin:4px 0 0}.establish-specs>div:last-child dd{color:#007653}.establish-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}.establish-steps article{padding:24px;background:white;border-radius:12px}.establish-steps header{display:flex;align-items:center;justify-content:space-between}.establish-steps header span{font:600 36px/44px var(--heading-font);color:#dbe2ff;letter-spacing:-.04em}.establish-steps header svg{width:24px;height:24px;color:#006d93}.establish-steps article:nth-child(2) svg{color:#007653}.establish-steps article:nth-child(3) svg{color:#466c00}.establish-steps h2{font:600 18px/26px var(--heading-font);letter-spacing:-.02em;margin-top:8px}.establish-steps p{font:400 14px/22px var(--font);margin-top:8px}.establish-faq{margin-top:60px}.establish-faq>h2,.establish-related>header h2{font:700 40px/48px var(--heading-font);letter-spacing:-.035em}.establish-faq>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.establish-faq details{padding:24px;background:white;border-radius:12px}.establish-faq summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font:600 18px/26px var(--heading-font);letter-spacing:-.02em}.establish-faq summary::-webkit-details-marker{display:none}.establish-faq summary svg{width:20px;height:20px;flex-shrink:0;color:#006d93}.establish-faq details:nth-child(2) svg{color:#007653}.establish-faq p{font:400 14px/22px var(--font);margin:4px 0 0 28px}.establish-related{margin-top:40px}.establish-related>header{display:flex;align-items:end;justify-content:space-between;gap:16px}.establish-related>header a{font:500 14px/20px var(--heading-font);color:#006d93}.establish-related>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.establish-related>div>a{padding:24px;background:white;border-radius:12px}.establish-related a>header{display:flex;align-items:center;justify-content:space-between;color:#006d93}.establish-related a>header span{font:600 10px/14px var(--heading-font);border-radius:16px;padding:2px 8px;background:#c3e7ff;color:#004b67}.establish-related a:nth-child(2)>header span{background:#65f4b9;color:#007653}.establish-related header svg{width:18px;height:18px}.establish-related h3{font:600 22px/30px var(--heading-font);letter-spacing:-.03em;margin-top:4px}.establish-related p{font:400 14px/22px var(--font);margin-top:4px}.establish-related small{display:flex;align-items:center;gap:4px;font:600 10px/14px var(--heading-font);letter-spacing:.025em;color:#46515b;margin-top:20px}.establish-related small svg{width:14px;height:14px;color:#007653}.establish-cta{margin-top:40px;padding:40px;background:linear-gradient(105deg,#102f35,#282f43,#1e263b,#073e55);border-radius:12px;box-shadow:0 16px 18px #18213d26}.establish-cta button{display:flex;align-items:center;gap:8px;padding:16px 40px;background:linear-gradient(110deg,#00a6d9,#007653,#629b00);color:white;border-radius:40px;font:600 14px/20px var(--heading-font);letter-spacing:-.02em}.establish-cta svg{width:20px;height:20px}.establish-copy-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 20px;border-radius:12px;background:#173e47;color:white;z-index:100;display:none;font-size:14px}.establish-copy-status.visible{display:block}#establish-preview-dialog p{font-size:16px;line-height:26px;margin-top:16px}
@media(max-width:1100px){.establish-break{display:none}.establish-intro h1{font-size:48px;line-height:52px}.establish-editor>header,.establish-reference>header{flex-wrap:wrap}.establish-editor h2{gap:8px}.establish-prompt{padding:20px}.establish-landmark{left:8%;font-size:8px}.establish-related h3{font-size:20px;line-height:28px}}@media(max-width:800px){.establish-width{width:calc(100% - 40px)}.establish-page{padding-top:32px}.establish-intro h1{font-size:38px;line-height:44px}.establish-workspace,.establish-steps,.establish-faq>div,.establish-related>div{grid-template-columns:1fr}.establish-steps,.establish-faq{margin-top:40px}.establish-faq>h2,.establish-related>header h2{font-size:32px;line-height:40px}.establish-cta{padding:28px 20px}}@media(max-width:440px){.establish-width{width:calc(100% - 32px)}.establish-intro h1{font-size:32px;line-height:38px}.establish-variable{overflow-wrap:anywhere}.establish-prompt{padding:20px 16px}.establish-editor h2{font-size:11px}.establish-reference>header{padding:8px}.establish-specs{grid-template-columns:1fr}.establish-landmark{font-size:7px;line-height:10px;padding:4px;max-width:75%}.establish-play{width:36px;height:36px;right:8%}.establish-timeline{font-size:8px;gap:4px}.establish-faq summary{font-size:16px;line-height:24px}.establish-faq p{margin-left:0}.establish-related>header{flex-direction:column;align-items:start;gap:8px}.establish-cta button{font-size:12px;padding-inline:20px}}