*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f5f5f3;color:#171717;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,label,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:#171717;color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 28px}.brand>span{width:38px;height:38px;border-radius:10px;background:#fff;color:#171717;display:grid;place-items:center;font-weight:900}.brand strong{display:block;font-size:15px}.brand small{display:block;color:#999;font-size:11px;margin-top:3px}.side-label{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800;color:#777;padding:18px 10px 8px}.template-list,.page-list{display:grid;gap:6px}.template-list button,.page-list button{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#bbb;padding:11px 12px;border-radius:9px;cursor:pointer}.template-list button:hover,.page-list button:hover{background:#222;color:#fff}.template-list button.active,.page-list button.active{background:#fff;color:#171717}.template-list button small{display:block;color:#888;margin-top:3px;font-size:10px}.template-list button.active small{color:#777}.side-bottom{margin-top:auto}.upload{display:block;text-align:center;border:1px solid #444;border-radius:9px;padding:11px;color:#fff;cursor:pointer;font-weight:700}.upload:hover{background:#222}.upload input{display:none}.schema-note{font-size:10px;line-height:1.5;color:#777;padding:12px 4px 0}.workspace{margin-left:270px;min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.crumb{display:flex;gap:10px;align-items:center;font-size:13px;color:#888}.crumb b{color:#ccc}.crumb strong{color:#171717}.actions button,.stage-controls button{border:1px solid #d6d2cc;background:#fff;border-radius:8px;padding:9px 13px;font-weight:750;cursor:pointer}.actions button{background:#171717;color:#fff;border-color:#171717}.stage{padding:30px;max-width:1500px;margin:auto}.stage-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.stage-head h1{font:38px Georgia,serif;margin:0}.stage-head p{margin:7px 0 0;color:#777}.stage-controls{display:flex;gap:5px}.stage-controls button.active{background:#171717;color:#fff;border-color:#171717}.preview-frame{background:#d9d9d6;border:1px solid #d0cec9;border-radius:14px;box-shadow:0 15px 45px #00000012;overflow:hidden;transition:max-width .25s;margin:auto;max-width:1180px}.preview-frame.mobile{max-width:430px}.frame-bar{height:32px;background:#ececea;border-bottom:1px solid #d2d0cc;display:flex;align-items:center;gap:6px;padding:0 11px}.frame-bar i{width:7px;height:7px;border-radius:50%;background:#bcbcb8}.frame-bar span{margin-left:8px;font-size:10px;color:#999}.preview-frame #site{background:#fff;overflow:hidden}.hero{min-height:650px}.split{display:grid;grid-template-columns:1.05fr .95fr}.hero-copy{padding:clamp(45px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.hero-copy small,.section small{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:850;color:#9b7b4f}.hero h1{font:clamp(48px,6vw,88px)/.9 Georgia,serif;margin:13px 0 22px;letter-spacing:-.035em}.hero p{font-size:18px;line-height:1.7;color:#6e6963;max-width:620px}.hero-media{min-height:650px}.hero-media img{display:block;width:100%;height:100%;object-fit:cover}.cinematic{position:relative;background:#111;color:#fff;min-height:760px}.cinematic .hero-media{position:absolute;inset:0;min-height:0;opacity:.5}.cinematic .hero-copy{position:relative;z-index:2;min-height:760px;max-width:1050px}.cinematic p{color:#d2cbc3}.cinematic .hero-copy small{color:#d1ad72}.section{padding:75px clamp(28px,6vw,90px)}.cards,.editorial,.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid #dfdad3;border-radius:18px;padding:30px;min-width:0}.card h2{font:34px/1.05 Georgia,serif;margin:10px 0 15px}.card p{color:#706b65;line-height:1.7;margin:0}.editorial{padding:0;background:#111;color:#fff}.editorial .card{border-radius:0;background:#151515;border-color:#2b2927;color:#fff;min-height:330px}.editorial .card p{color:#aaa39b}.masonry{background:#111}.masonry-grid{columns:3 220px;column-gap:14px}.masonry-grid img{width:100%;display:block;break-inside:avoid;margin:0 0 14px;border-radius:10px}.feature{display:grid;grid-template-columns:2fr 1fr;gap:14px}.media{min-height:300px;position:relative;overflow:hidden;border-radius:18px;background:#222}.media img{width:100%;height:100%;object-fit:cover;display:block}.media span{position:absolute;left:15px;bottom:15px;background:#111d;color:#fff;padding:8px 10px;border-radius:8px;font-size:12px;font-weight:750}.editorial-facts{background:#111;color:#fff}.editorial-facts .card{background:#171717;color:#fff;border-color:#2b2927}.footer{padding:42px;text-align:center;background:#111;color:#888;font-size:12px}.modal{position:fixed;inset:0;background:#000b;z-index:100;padding:25px}.modal-shell{background:#f5f5f3;width:min(1200px,100%);height:calc(100vh - 50px);overflow:auto;margin:auto;border-radius:16px;position:relative}.modal-head{padding:24px 28px;background:#fff;border-bottom:1px solid #ddd}.modal-head small{color:#9b7b4f;font-size:10px;letter-spacing:.2em;font-weight:850}.modal-head h2{font:34px Georgia;margin:8px 0 0}.close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#eee;font-size:25px;z-index:3;cursor:pointer}.hide{display:none}@media(max-width:800px){.sidebar{position:relative;width:100%;height:auto;min-height:0;padding:14px}.side-label,.side-bottom{display:none}.template-list,.page-list{display:flex;overflow:auto}.template-list button,.page-list button{white-space:nowrap;width:auto}.workspace{margin-left:0}.topbar{height:58px;padding:0 15px}.stage{padding:18px 10px}.stage-head{align-items:flex-start;gap:12px}.stage-head h1{font-size:30px}.preview-frame{border-radius:10px}.split,.cards,.editorial,.facts,.feature{grid-template-columns:1fr}.hero-media{min-height:45vh}.hero-copy{padding:45px 25px}.hero h1{font-size:54px}.cinematic .hero-copy{min-height:700px}.masonry-grid{columns:2 140px}.modal{padding:0}.modal-shell{height:100vh;border-radius:0}}
.top-upload{display:inline-flex;align-items:center;gap:5px;border:1px solid #d6d2cc;background:#fff;border-radius:8px;padding:9px 13px;font-weight:750;cursor:pointer}
.top-upload:hover{background:#f4f4f2}
.top-upload input{display:none}
@media(max-width:800px){.top-upload{padding:8px 10px;font-size:12px}.actions{display:flex;gap:6px}}

/* Asymmetric Magazine template */
.magazine{position:relative;min-height:820px;background:#eeeae3;overflow:hidden;padding:70px 7vw}.mag-kicker{position:absolute;left:7vw;top:54px;font-size:11px;letter-spacing:.2em;font-weight:900;color:#c25b3e}.mag-copy{position:relative;z-index:2;width:58%;padding-top:110px}.mag-copy h1{font:clamp(70px,10vw,145px)/.83 Georgia,serif;letter-spacing:-.055em;margin:0 0 28px;max-width:900px}.mag-copy p{font-size:20px;line-height:1.65;max-width:580px;color:#615d57}.mag-image{position:absolute;right:5vw;top:100px;width:42%;height:620px;transform:rotate(2.5deg);box-shadow:25px 30px 60px #0002}.mag-image img{width:100%;height:100%;object-fit:cover;display:block}.mag-index{position:absolute;right:6vw;bottom:35px;font-size:10px;letter-spacing:.2em;font-weight:900;color:#c25b3e}.staggered{background:#f8f6f1;padding-top:100px;padding-bottom:100px}.stagger-item{display:grid;grid-template-columns:80px 1fr 1.1fr;gap:30px;align-items:start;max-width:1000px;margin:0 auto;padding:55px 0;border-top:1px solid #cbc5bd}.stagger-item.reverse{grid-template-columns:80px 1.1fr 1fr}.stagger-num{font:28px Georgia,serif;color:#c25b3e}.stagger-item small,.asym-head small,.media-feature-head small,.fact-rail-title small{font-size:10px;letter-spacing:.2em;font-weight:900;color:#c25b3e}.stagger-item h2{font:clamp(36px,4.5vw,66px)/.95 Georgia,serif;margin:12px 0}.stagger-item>p{margin:0;color:#67615b;line-height:1.8;font-size:17px;max-width:450px}.asym-gallery{background:#171717;color:#fff}.asym-head{max-width:1000px;margin:0 auto 55px}.asym-head h2,.media-feature-head h2,.fact-rail-title h2{font:clamp(50px,7vw,92px)/.9 Georgia,serif;margin:12px 0}.asym-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:80px;gap:14px}.asym-grid figure{margin:0;position:relative;overflow:hidden}.asym-grid img{width:100%;height:100%;display:block;object-fit:cover}.asym-grid figcaption{position:absolute;left:10px;bottom:8px;color:#fff;font-size:10px;font-weight:900}.asym-1{grid-column:1/6;grid-row:1/7}.asym-2{grid-column:6/13;grid-row:1/5}.asym-3{grid-column:6/9;grid-row:5/9}.asym-4{grid-column:9/13;grid-row:5/10}.asym-5{grid-column:1/6;grid-row:7/11}.media-feature-section{background:#e9e4dc}.media-feature-head{max-width:1000px;margin:0 auto 50px}.media-feature-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.media-feature-card{min-height:330px;background:#111;color:#fff;position:relative;overflow:hidden}.media-feature-card.lead{grid-row:span 2;min-height:680px}.media-feature-card img{width:100%;height:100%;object-fit:cover;display:block;opacity:.75}.media-feature-card>div{position:absolute;left:24px;right:24px;bottom:24px}.media-feature-card h3{font:38px Georgia,serif;margin:8px 0}.fact-rail{display:grid;grid-template-columns:1fr 2fr;background:#c25b3e;color:#fff;padding:70px 7vw}.fact-rail-title h2{margin-bottom:0}.fact-rail-items{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid #ffffff55}.fact-rail-items article{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:25px 28px;border-bottom:1px solid #ffffff55}.fact-rail-items article:nth-child(odd){border-right:1px solid #ffffff55}.fact-rail-items b{font:20px Georgia,serif}.fact-rail-items p{margin:8px 0 0;line-height:1.6;color:#ffe8df}.magazine-footer{background:#151515;color:#fff}
@media(max-width:800px){.magazine{min-height:850px;padding:35px 22px}.mag-kicker{left:22px;top:28px}.mag-copy{width:100%;padding-top:130px}.mag-copy h1{font-size:66px}.mag-image{position:relative;right:auto;top:auto;width:88%;height:330px;margin:35px 0 0 auto;transform:rotate(1deg)}.mag-index{right:22px}.stagger-item,.stagger-item.reverse{grid-template-columns:45px 1fr;gap:15px}.stagger-item>p{grid-column:2}.asym-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:65px}.asym-1{grid-column:1/7;grid-row:1/6}.asym-2{grid-column:1/4;grid-row:6/10}.asym-3{grid-column:4/7;grid-row:6/11}.asym-4{grid-column:1/7;grid-row:11/16}.asym-5{grid-column:1/7;grid-row:16/21}.media-feature-grid{grid-template-columns:1fr}.media-feature-card.lead{grid-row:auto;min-height:430px}.fact-rail{grid-template-columns:1fr;padding:55px 22px}.fact-rail-items{border-left:0;margin-top:30px}.fact-rail-items article:nth-child(odd){border-right:0}}

/* ORBIT — experimental template */
.orbit{min-height:900px;background:#0b0b0d;color:#f4f0e8;position:relative;overflow:hidden;padding:80px 6vw}.orbit-scan{position:absolute;top:28px;left:6vw;font:10px/1 monospace;letter-spacing:.22em;color:#d9ff45}.orbit-word{position:absolute;right:5vw;top:40px;writing-mode:vertical-rl;font:900 10px/1 Arial;letter-spacing:.45em;color:#8c6cff}.orbit-copy{position:relative;z-index:4;padding-top:150px;width:65%}.orbit-copy h1{font:clamp(75px,13vw,190px)/.76 Georgia,serif;letter-spacing:-.07em;margin:0;max-width:1000px}.orbit-copy p{font:18px/1.7 Arial;max-width:520px;color:#aaa7a0;margin:45px 0 0}.orbit-photo{position:absolute;right:8%;top:150px;width:36vw;height:56vw;max-height:650px;min-height:430px;transform:rotate(7deg);z-index:2;border:1px solid #f4f0e833;padding:10px;background:#17171a}.orbit-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.75)}.orbit-ring{position:absolute;border:1px solid #d9ff4530;border-radius:50%;pointer-events:none}.orbit-ring.r1{width:55vw;height:55vw;right:-10vw;top:90px}.orbit-ring.r2{width:80vw;height:80vw;left:-25vw;bottom:-55vw;border-color:#8c6cff25}.orbit-coordinate{position:absolute;bottom:28px;right:6vw;font:10px monospace;color:#777;letter-spacing:.15em}.orbit-stack{background:#f4f0e8;color:#111;padding:100px 7vw}.orbit-stack-item{position:relative;display:grid;grid-template-columns:100px 1.1fr 1fr;gap:30px;align-items:center;min-height:260px;border-top:2px solid #111;padding:40px 0}.orbit-stack-item:last-child{border-bottom:2px solid #111}.orbit-stack-id{font:12px monospace;color:#8c6cff}.orbit-stack-item h2{font:clamp(48px,7vw,100px)/.82 Georgia,serif;letter-spacing:-.055em;margin:0}.orbit-stack-item p{font:18px/1.8 Arial;color:#555;max-width:500px}.orbit-dot{width:18px;height:18px;border-radius:50%;background:#d9ff45;position:absolute;right:0;top:50%;box-shadow:0 0 0 12px #d9ff4520}.orbit-gallery{background:#17171a;color:#f4f0e8;padding:110px 6vw;overflow:hidden}.orbit-gallery-title{max-width:900px;margin:0 auto 70px}.orbit-gallery-title small,.orbit-media-label{font:10px monospace;letter-spacing:.25em;color:#d9ff45}.orbit-gallery-title h2{font:clamp(55px,8vw,110px)/.85 Georgia,serif;letter-spacing:-.06em;margin:15px 0}.orbit-gallery-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:70px;gap:18px}.orbit-gallery-grid figure{margin:0;position:relative;overflow:hidden;background:#222}.orbit-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.02)}.orbit-gallery-grid figcaption{position:absolute;bottom:12px;left:14px;font:9px monospace;letter-spacing:.08em;background:#0b0b0dcc;padding:5px 7px}.og-1{grid-column:1/6;grid-row:1/8}.og-2{grid-column:6/10;grid-row:2/7;transform:translateY(35px)}.og-3{grid-column:10/13;grid-row:1/6}.og-4{grid-column:2/7;grid-row:8/13}.og-5{grid-column:7/13;grid-row:7/14;transform:translateY(-30px)}.og-6{grid-column:1/4;grid-row:13/17}.orbit-media{background:#d9ff45;color:#111;padding:100px 6vw}.orbit-media-grid{max-width:1200px;margin:45px auto 0;display:grid;grid-template-columns:2fr 1fr;grid-auto-rows:280px;gap:18px}.orbit-video-main{grid-row:span 2;position:relative;background:#111;color:#fff;overflow:hidden}.orbit-video-small{position:relative;background:#111;color:#fff;overflow:hidden}.orbit-video-main img,.orbit-video-small img{width:100%;height:100%;object-fit:cover;opacity:.7}.orbit-video-main div,.orbit-video-small div{position:absolute;left:22px;right:22px;bottom:20px}.orbit-video-main h3{font:54px Georgia,serif;margin:8px 0}.orbit-video-small h3{font:28px Georgia,serif;margin:8px 0}.orbit-facts{background:#8c6cff;color:#fff;display:grid;grid-template-columns:1fr 1.5fr;padding:100px 7vw;min-height:650px}.orbit-facts-title{font:900 clamp(70px,9vw,130px)/.78 Arial;letter-spacing:-.08em;color:#111}.orbit-facts-list{border-left:1px solid #fff6}.orbit-facts-list article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:28px 0 28px 35px;border-bottom:1px solid #fff6}.orbit-facts-list span{font:11px monospace}.orbit-facts-list h3{font:30px Georgia,serif;margin:0}.orbit-facts-list p{font:16px/1.7 Arial;color:#eee;margin:10px 0 0}.orbit-footer{background:#0b0b0d;color:#f4f0e8;padding:100px 6vw;border-top:1px solid #fff2}.orbit-footer-big{font:clamp(70px,14vw,190px)/.75 Georgia,serif;letter-spacing:-.08em;max-width:1000px}.orbit-footer-meta{font:10px monospace;color:#d9ff45;letter-spacing:.2em;margin-top:70px}
@media(max-width:800px){
.orbit{min-height:820px;padding:28px 20px}.orbit-copy{padding-top:115px;width:100%}.orbit-copy h1{font-size:70px}.orbit-copy p{font-size:16px;margin-top:30px}.orbit-photo{position:relative;right:auto;top:auto;width:78%;height:420px;min-height:0;margin:55px 0 0 auto}.orbit-ring.r1{width:95vw;height:95vw;right:-35vw;top:260px}.orbit-coordinate{bottom:18px;right:20px}.orbit-stack{padding:70px 20px}.orbit-stack-item{grid-template-columns:45px 1fr;gap:12px;min-height:300px}.orbit-stack-item h2{font-size:52px}.orbit-stack-item p{grid-column:2;font-size:16px}.orbit-dot{display:none}.orbit-gallery{padding:75px 20px}.orbit-gallery-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:70px;gap:10px}.og-1{grid-column:1/7;grid-row:1/6}.og-2{grid-column:1/4;grid-row:6/10;transform:none}.og-3{grid-column:4/7;grid-row:6/10}.og-4{grid-column:1/7;grid-row:10/15}.og-5{grid-column:1/5;grid-row:15/20;transform:none}.og-6{grid-column:5/7;grid-row:15/20}.orbit-media{padding:75px 20px}.orbit-media-grid{grid-template-columns:1fr;grid-auto-rows:300px}.orbit-video-main{grid-row:auto;min-height:450px}.orbit-facts{grid-template-columns:1fr;padding:75px 20px}.orbit-facts-list{border-left:0;margin-top:60px}.orbit-facts-list article{padding-left:0}.orbit-footer{padding:75px 20px}.orbit-footer-big{font-size:72px}
}