*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f6ef;color:#273a30;font:16px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a44d3b;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.08}h1{font-size:clamp(3.2rem,6vw,5.8rem)}h2{font-size:clamp(2.25rem,4vw,3.8rem)}h3{font-size:1.5rem}p{max-width:63ch}.wrap{width:min(1186px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;background:white;z-index:20}.header{background:#f8f6ef;border-bottom:1px solid #dce2d5}.header .wrap{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{text-decoration:none;font-size:2rem;letter-spacing:-.08em;font-weight:500}.brand small{display:block;font-size:.42rem;letter-spacing:.17em;line-height:1}.nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:.84rem}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.hero{background:#e7ecdc;padding:42px 0 70px}.hero-top{display:flex;justify-content:space-between;border-bottom:1px solid #b7c4af;padding-bottom:20px;margin-bottom:45px}.hero h1{max-width:16ch;margin-bottom:30px}.hero h1 em,h2 em{font-weight:400;color:#536f4b}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.hero p{font-size:1.08rem;color:#4c5d51}.button{display:inline-flex;gap:18px;align-items:center;border:1px solid #425e4b;border-radius:999px;padding:13px 23px;text-decoration:none;font-size:.84rem;font-weight:700}.button:hover{background:#e2e9da}.section{padding:clamp(75px,9vw,120px) 0}.section.alt{background:#e8ecdd}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start;margin-bottom:45px}.section-head h2{max-width:15ch}.lead{font-size:1.15rem}.muted{color:#56675a}.note{font-size:.72rem;letter-spacing:.08em;font-weight:700;text-transform:uppercase;color:#657667}.chat-preview{max-width:390px;background:#f7f7ef;border:6px solid #33463c;border-radius:28px;overflow:hidden;box-shadow:0 24px 45px #253b271a;margin:auto}.phone-head{background:#fffefa;padding:15px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #dee7da}.avatar{background:#385e48;color:white;display:grid;place-items:center;border-radius:50%;width:40px;height:40px;font:22px Georgia}.phone-head b,.phone-head small{display:block}.phone-head small{font-size:.7rem;color:#657a68}.messages{padding:16px;background:#e7eee4;display:grid;gap:8px}.bubble{background:#fffefa;border-radius:13px 13px 13px 2px;padding:11px 13px;max-width:91%;font-size:.9rem;line-height:1.4}.bubble.sent{background:#d4e9d4;justify-self:end;border-radius:13px 13px 2px 13px}.bubble small{display:block;text-align:right;font-size:.64rem;color:#78877a}.message-bar{background:#fffefa;padding:10px;display:flex;gap:10px;align-items:center}.message-bar span{background:#eef1ec;border-radius:30px;padding:10px 14px;color:#718073;flex:1;font-size:.8rem}.message-bar b{background:#385e48;border-radius:50%;color:white;padding:6px 10px}.chat-section{padding:65px 0 95px;border-top:1px solid #d9dfd2}.chat-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.chat-copy{position:sticky;top:30px}.scene{display:grid;grid-template-columns:minmax(0,390px) minmax(130px,1fr);gap:22px;align-items:center}.phone{border:7px solid #34463c;border-radius:30px;overflow:hidden;background:#f9faf5;box-shadow:0 20px 45px #243c2e1a}.phone-top{background:#fffefa;padding:14px;display:flex;align-items:center;justify-content:space-between}.chat-name{display:flex;gap:10px;align-items:center}.chat-title{font-weight:700;line-height:1.2}.chat-title small{display:block;font-weight:400;font-size:.67rem;color:#6a7a6c;margin-top:3px}.phone-label{font-size:.62rem;color:#617267}.screen{background:#e8eee5;padding:15px}.slides{display:grid;gap:10px}.slide{font-size:.88rem;line-height:1.45;background:#fffefa;padding:12px;border-radius:13px 13px 13px 3px}.slide:first-child{padding:0;background:transparent}.slide .user{background:#d5ead5;margin:0 0 8px auto;padding:12px;width:90%;border-radius:13px 13px 3px 13px}.slide .sys{background:#fffefa;padding:12px;width:90%;border-radius:13px 13px 13px 3px}.slide strong{display:block;font-size:.67rem;letter-spacing:.1em;color:#567664}.slide .result{margin:8px 0;padding:12px;background:#eff4e9;border-left:3px solid #8cac91}.slide .choice{display:inline-block;color:#42694a;border:1px solid #a6bba4;border-radius:5px;padding:6px;margin:4px 4px 0 0;font-size:.68rem}.slide[hidden]{display:none}.no-js .slide{display:block}.controls{display:flex;align-items:center;justify-content:space-between;gap:5px;background:#fffefa;padding:10px}.controls button{background:transparent;color:#304e3a;border:1px solid #a7b9a6;border-radius:5px;padding:8px;font:inherit;font-size:.75rem;white-space:nowrap}.controls button:disabled{opacity:.4}.progress{white-space:nowrap;font-size:.72rem}.territory{position:relative;min-height:210px;background:#e8eddf;border-radius:50%;overflow:hidden}.territory svg{position:absolute;inset:0;width:100%;height:100%}.territory-title,.territory-bottom{position:absolute;font-size:.65rem;line-height:1.2;color:#536b56}.territory-title{top:15px;left:15px;letter-spacing:.08em}.territory-bottom{bottom:15px;left:15px}.connection{stroke:#668f70;stroke-width:2;fill:none;opacity:.08}.story[data-stage="2"] .connection,.story[data-stage="3"] .connection{opacity:.35}.story[data-stage="4"] .connection,.story[data-stage="5"] .connection,.story[data-stage="6"] .connection{opacity:.9}.point{fill:#7ca387}.active{fill:#c27a4b}.hub{fill:#385e48}.territory text{font:700 9px system-ui;fill:#405d48}.journey{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bbc8b6}.journey a{padding:23px 15px 24px 0;border-bottom:1px solid #bbc8b6;text-decoration:none}.journey a:hover span{text-decoration:underline}.journey b{font-family:Georgia;font-size:1.4rem;font-weight:400;display:block}.journey span{font-size:.8rem}.journey small{display:block;color:#778778}.composition{background:#344f3d;color:#f9f8ef;padding:45px;border-radius:3px}.composition .flow{display:flex;flex-wrap:wrap;gap:10px}.composition .flow span{border:1px solid #a9c2a9;padding:10px 15px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info{border-top:3px solid #65816a;background:#edf0e4;padding:25px}.info:nth-child(even){background:#f2e1d5;border-color:#ae6955}.info p{margin:0}.status{font-size:.7rem;letter-spacing:.08em;font-weight:700;text-transform:uppercase;color:#65765e}.footer{background:#293e31;color:#eff2e6;padding:60px 0}.footer .wrap{display:flex;justify-content:space-between;gap:30px}.footer a{margin-right:18px}.feature-line{border-top:1px solid #b6c6b4;border-bottom:1px solid #b6c6b4;padding:22px 0;margin:30px 0;font-family:Georgia;font-size:clamp(1.3rem,3vw,2rem)}.stage-hero h1{max-width:none}.stage-nav{display:flex;justify-content:space-between;gap:20px;margin-top:60px;flex-wrap:wrap}.stage-body{display:grid;grid-template-columns:1fr 1fr;gap:70px}.stage-body h2{font-size:clamp(2rem,3vw,3rem)}.stage-list{display:grid;gap:15px}.stage-list div{padding:17px 0;border-top:1px solid #cbd5c5}.stage-list b{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.stage-list p{margin:4px 0 0}.chip{font-size:.76rem;color:#60735f}.fake-proposal{margin-top:8px;border:1px solid #7e9e7e;border-radius:5px;padding:9px;background:#fff;color:#315c3a;font:inherit;font-size:.8rem;cursor:pointer}.detail-modal{border:1px solid #a4baa5;padding:12px;margin-top:10px;background:#f8faf3}.detail-modal[hidden]{display:none}@media(max-width:850px){.header .wrap{padding:18px 0;align-items:flex-start}.nav{gap:9px 15px;justify-content:flex-end}.hero-grid,.section-head,.chat-layout,.stage-body{grid-template-columns:1fr;gap:25px}.chat-copy{position:static}.journey{grid-template-columns:repeat(2,1fr)}.chat-layout .story{order:-1}.scene{grid-template-columns:minmax(0,390px) minmax(100px,1fr)}.info-grid{grid-template-columns:1fr}.footer .wrap{display:block}}@media(max-width:500px){.wrap{width:calc(100% - 30px)}.header .wrap{display:block}.nav{justify-content:flex-start;margin-top:15px;font-size:.76rem}.hero-top{display:block}.hero-top span:last-child{display:none}.hero h1{font-size:3rem}.scene{grid-template-columns:1fr}.phone{width:100%;max-width:390px;margin:auto}.territory{min-height:150px;max-width:320px;width:100%;border-radius:15px;margin:auto}.territory svg{width:65%;left:18%}.journey{grid-template-columns:1fr 1fr}.composition{padding:25px}.phone-label{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.no-js .controls,.no-js [data-detail]{display:none}

/* Assinatura original do Líquen Beleza. */
.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;letter-spacing:normal;line-height:1;text-decoration:none}
.brand-symbol{display:block;width:58px;height:58px;object-fit:contain;flex-shrink:0}
.brand-text{display:flex;flex-direction:column;gap:8px}
.brand-name{font-size:41px;font-weight:400;letter-spacing:-2.2px;line-height:1}
.brand small{font-size:7px;font-weight:500;letter-spacing:1.3px;text-transform:uppercase;line-height:1}
@media(max-width:500px){.brand-symbol{width:48px;height:48px}.brand-name{font-size:35px}.brand small{font-size:6px}}

/* Conversa, território e operação: uma apresentação mais aberta e visual. */
:root{--paper:#fbf9f3;--ink:#284a43;--green:#32695b;--peach:#f0d8c5;--blue:#dbe9ec}body{background:var(--paper);color:var(--ink)}img{max-width:100%;height:auto}figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.wrap{width:min(1220px,calc(100% - 64px))}.header{background:var(--paper);border:0}.header .wrap{min-height:108px}.nav{gap:12px 22px}.nav a{padding:10px 0}.hero{background:transparent;padding-top:22px}.hero-top{border:0;margin-bottom:38px;padding-bottom:0}.home-hero{position:relative;padding-bottom:100px}.hero-grid{grid-template-columns:.9fr 1.1fr;gap:32px}.hero-copy{position:relative;z-index:1;padding:20px 0 40px}.home-hero h1{font-size:clamp(3.3rem,6.3vw,6rem);max-width:10ch;line-height:1.01;margin-bottom:28px}.home-hero h1 em{color:var(--green)}.home-hero p{max-width:37ch;font-size:1.05rem}.button{background:var(--green);color:#fff;border:1px solid var(--green);padding:15px 24px;min-height:48px}.button:hover{background:#244f44;color:white}.hero-product{position:relative;padding:45px 20px 10px;min-width:0}.hero-product:before{content:"";position:absolute;inset:3% -2% 3% 5%;background:var(--blue);border-radius:45% 55% 48% 52% / 54% 44% 56% 46%;transform:rotate(-9deg)}.hero-terrain{position:absolute;inset:15% -5% 0 -8%;opacity:.7;transform:rotate(6deg)}.hero-terrain img{width:100%;height:100%;object-fit:contain}.chat-preview{position:relative;z-index:1;max-width:328px;border:5px solid #31534a;border-radius:34px;transform:rotate(-3deg);box-shadow:10px 26px 0 #31534a0b,0 30px 50px #294b4215}.chat-preview .messages{padding:20px 14px;gap:12px}.chat-preview .phone-head{padding:17px 15px}.chat-preview .bubble{font-size:.86rem;padding:13px;line-height:1.5}.chat-preview .message-bar{padding:12px}.avatar{background:#fffaf0;overflow:hidden;flex-shrink:0}.avatar img{width:40px;height:40px;object-fit:contain}.floating-note{position:absolute;z-index:2;right:-4px;top:36px;background:#fffdf5;border-radius:12px;padding:15px 20px;transform:rotate(5deg);box-shadow:0 8px 30px #31534a10;font-size:.9rem}.floating-note b{display:block;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-weight:500}.hero-product>.note{position:relative;z-index:1;margin-top:30px!important;font-size:.62rem}.section{padding:95px 0}.section-head{gap:80px;margin-bottom:32px}.section-head h2{max-width:17ch;font-size:clamp(2.5rem,4vw,3.8rem)}.explanation{max-width:1000px;margin:24px auto 0}.explanation img{width:100%;display:block}.chat-section{border:0;padding:88px 0 100px;position:relative}.chat-layout{grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.chat-copy{position:static;max-width:340px}.chat-copy h2{font-size:clamp(2.8rem,4.8vw,4.3rem);max-width:10ch;margin-bottom:22px}.chat-copy p:not(.eyebrow):not(.status){font-size:1.12rem}.chat-copy .status{font-size:.62rem;margin-top:32px}.scene{grid-template-columns:minmax(0,360px) minmax(150px,1fr);gap:26px}.story{min-width:0}.phone{border:5px solid #31534a;border-radius:32px;box-shadow:0 20px 40px #294b4212}.phone-top{padding:17px 14px}.screen{background:#ecf0e7;padding:15px;max-height:570px;overflow:auto;scrollbar-width:thin;scrollbar-color:#7f9c86 #ecf0e7}.slide{font-size:.88rem;padding:13px}.slide .user{background:#dce9d4}.slide .sys{background:#fffdf7}.slide .result{background:#f4f6ec;border-left:2px solid #98b09c}.controls{padding:12px 10px}.controls button{border:0;background:#edf1e8;min-height:44px;padding:10px 12px;border-radius:30px}.controls button:hover:not(:disabled){background:#dbe8d5}.message-bar span.message-icon{flex:none;background:#32695b;color:#fff;padding:7px 12px}.territory{background:transparent;border-radius:0;min-height:290px;overflow:visible}.territory:before{content:"";position:absolute;inset:10% -5%;background:#e0eadd;border-radius:45% 55% 55% 45%}.territory-title{top:-4px;left:0;font-size:.6rem}.territory-bottom{bottom:-12px;left:0;font-size:.63rem}.territory svg{z-index:1}.connection{stroke-width:2;transition:opacity .4s ease}.point{fill:#608f7a}.active{fill:#ae7655}.hub{fill:#315f53}#comprador{background:#edf2ef}#transporte{background:#f5e9df}.section.alt{background:#eef0e4}.composition{background:transparent;color:var(--ink);padding:0;display:grid;grid-template-columns:1.5fr .65fr;gap:64px;align-items:center}.operation-drawing{background:#fbf9f3;border-radius:49% 51% 48% 52% / 46% 47% 53% 54%;padding:12px}.operation-drawing img{width:100%;display:block}.composition>p{font-size:1.1rem;max-width:28ch}.journey{gap:30px 24px;border:0;grid-template-columns:repeat(4,minmax(0,1fr))}.journey a{border:0;padding:0 0 22px;position:relative}.journey-drawing{width:100%;display:block;aspect-ratio:1.5;object-fit:contain;margin-bottom:16px;border-radius:44% 56% 51% 49%;background:#fbf9f3;transition:transform .2s}.journey a:hover .journey-drawing{transform:translateY(-5px)}.journey b{font-size:1.65rem;margin:8px 0}.journey span{font-size:.72rem}.journey small{color:#526a59}.info-grid{gap:64px}.info,.info:nth-child(even){border:0;background:transparent;padding:25px 0}.info:before{content:"↗";display:grid;place-items:center;width:50px;height:50px;background:#dce8dc;border-radius:50%;font-size:1.5rem;margin-bottom:23px}.info:nth-child(even):before{content:"↔";background:#e9d4c4}.info h3{font-size:2rem}.footer{padding:65px 0;background:#284a43}.footer .brand{margin-bottom:20px}.footer p{font-size:.85rem;max-width:38ch}.stage-hero>.wrap{position:relative;min-height:460px;padding-bottom:70px}.stage-hero h1,.stage-hero .lead,.stage-hero .button{position:relative;z-index:1;max-width:48%}.stage-hero h1{font-size:clamp(3.4rem,6vw,5.6rem)}.stage-hero .lead{max-width:42%;font-size:1.12rem}.stage-drawing{position:absolute;right:0;top:35px;width:52%;background:#e6eee4;border-radius:46% 54% 44% 56% / 52% 46% 54% 48%;padding:8px}.stage-drawing img{display:block;width:100%}.stage-drawing figcaption{position:absolute;bottom:-26px;left:5%;right:5%;font-size:.75rem;text-align:center}.stage-drawing figcaption span{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;margin-top:5px;color:#556e61}.stage-body{gap:100px}.feature-line{border:0;background:#e9eee2;border-radius:20px;padding:28px;font-size:1.6rem}.stage-list div{border-color:#dfe4d9}.stage-nav a{background:transparent;color:var(--ink)}.stage-nav a:hover{background:#e8eee1;color:var(--ink)}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header .wrap{gap:20px}.nav{gap:4px 14px;font-size:.75rem}.scene{grid-template-columns:minmax(0,340px) minmax(100px,1fr);gap:15px}.chat-layout{gap:35px;grid-template-columns:.6fr 1.4fr}.floating-note{right:-5px;font-size:.8rem;padding:12px}.journey{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.composition{gap:30px}.stage-body{gap:45px}.stage-hero h1{overflow-wrap:normal}}
@media(max-width:850px){.header .wrap{align-items:center}.hero-grid{grid-template-columns:.85fr 1.15fr;gap:18px}.hero-product{padding:35px 12px 10px}.home-hero h1{font-size:3.6rem}.hero-copy p{font-size:.95rem}.floating-note{font-size:.72rem;right:0;top:4px}.chat-preview{max-width:290px}.section-head{grid-template-columns:1fr 1fr;gap:35px}.chat-layout{grid-template-columns:1fr;gap:35px}.chat-layout .story{order:0}.chat-copy{max-width:550px}.chat-copy h2{max-width:none;font-size:3.4rem}.chat-copy .status{margin-top:18px}.scene{grid-template-columns:minmax(0,390px) minmax(160px,1fr);gap:40px;max-width:680px;margin:auto}.phone{width:100%}.territory{min-height:300px}.section{padding:75px 0}.journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.composition{grid-template-columns:1.3fr .7fr;gap:25px}.info-grid{grid-template-columns:1fr 1fr;gap:35px}.stage-hero>.wrap{min-height:400px}.stage-drawing{top:70px}.stage-body{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header .wrap{display:block;padding:20px 0}.header .brand-symbol{width:45px;height:45px}.header .brand-name{font-size:34px}.header .brand small{font-size:6px}.nav{margin-top:20px;justify-content:flex-start;gap:2px 18px;font-size:.73rem}.nav a{padding:6px 0;min-height:32px}.hero-top{margin-bottom:25px}.hero-top .eyebrow{font-size:.58rem;letter-spacing:.07em}.hero-top span:last-child{display:none}.hero-grid{grid-template-columns:1fr;gap:18px}.hero-copy{padding:0}.home-hero h1{font-size:clamp(3.25rem,13.5vw,4.6rem);max-width:11ch;margin-bottom:20px}.home-hero p{font-size:1rem;max-width:36ch}.hero-copy .button{margin-top:6px}.hero-product{padding:44px 18px 0;margin-top:12px}.hero-product:before{inset:8% -3% 8% -3%}.hero-terrain{inset:12% -3% 3% -3%;opacity:.5}.chat-preview{max-width:320px;transform:rotate(-2deg)}.floating-note{top:12px;right:0;padding:12px 16px;font-size:.8rem}.floating-note b{font-size:.57rem}.home-hero{padding-bottom:60px}.section{padding:64px 0}.section-head{grid-template-columns:1fr;gap:12px}.section-head h2{font-size:2.65rem;margin-bottom:16px;max-width:16ch}.section-head p{font-size:1rem}.explanation{margin:32px -5px 0}.explanation img{min-height:170px;object-fit:contain}.chat-section{padding:62px 0 72px}.chat-copy h2{font-size:3.1rem}.chat-copy .eyebrow{font-size:.63rem}.scene{grid-template-columns:minmax(0,1fr);gap:30px;max-width:390px}.screen{max-height:480px}.territory{min-height:210px;max-width:360px;width:100%;margin:0 auto}.territory:before{inset:0 8%;border-radius:48% 52% 48% 52%}.territory svg{width:65%;height:100%;left:18%}.territory-title{top:5px;left:8px}.territory-bottom{bottom:0;left:8px}.composition{grid-template-columns:1fr;gap:12px}.operation-drawing{margin:0 -8px}.composition>p{max-width:none;font-size:1rem}.journey{gap:26px 18px}.journey b{font-size:1.4rem;overflow-wrap:anywhere}.journey span{font-size:.67rem}.journey-drawing{margin-bottom:10px}.info-grid{grid-template-columns:1fr;gap:8px}.info h3{font-size:1.8rem}.footer .wrap{display:block}.footer .wrap>div+div{margin-top:30px}.footer a{display:inline-block;padding:10px 0}.stage-hero>.wrap{padding-bottom:70px;min-height:0}.stage-hero h1,.stage-hero .lead,.stage-hero .button{max-width:none}.stage-hero h1{font-size:clamp(2.6rem,10.5vw,3.8rem);overflow-wrap:anywhere}.stage-hero .lead{font-size:1.03rem}.stage-drawing{position:relative;top:auto;right:auto;width:100%;margin:42px 0 16px}.stage-drawing figcaption{bottom:-34px;font-size:.7rem}.stage-body h2{font-size:2.2rem}.feature-line{font-size:1.3rem;padding:22px}.stage-nav{gap:18px;margin-top:40px}.stage-nav .button{font-size:.76rem;padding:12px 16px}.status,.note{color:#52644e}.footer .brand{color:#fff}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.journey a:hover .journey-drawing{transform:none}}

.home-hero{overflow:clip}.screen:focus-visible{outline:3px solid #a44d3b;outline-offset:-4px}
@media(max-width:600px){.nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:20px;margin-top:14px;scrollbar-width:thin;padding-bottom:6px}.nav a{flex-shrink:0;min-height:44px;padding:10px 0}.header .wrap{padding-bottom:8px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero-copy{display:contents}.home-hero h1{order:0;font-size:clamp(2.9rem,12.3vw,4rem);max-width:12ch;margin-bottom:0}.hero-product{order:1;margin-top:0}.hero-copy>p{order:2;margin:12px 0 0}.hero-copy>.button{order:3;align-self:flex-start}.hero-top{margin-bottom:18px}}

.composition-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;align-items:start}.composition-example{min-width:0}.composition-example h3{font-size:2.4rem;margin-bottom:12px}.composition-example>p{max-width:none;margin-bottom:24px}.composition-principle{grid-column:1/-1;max-width:850px;margin:15px auto 0}.composition-principle p:first-child{font-family:Georgia,serif;font-size:1.6rem;line-height:1.35}.composition-principle p{max-width:none}@media(max-width:600px){.composition-pair{grid-template-columns:1fr;gap:45px}.composition-example h3{font-size:2.1rem}.composition-principle{margin-top:0}.composition-principle p:first-child{font-size:1.4rem}}