/* Proposta 02: quadra, perspectiva e areia. Composição isolada da proposta 01. */
:root{--paper:#f3ebdc;--sand:#e8dcc9;--ink:#28241e;--muted:#61594d;--orange:#f5662e;--rust:#b3421c;--line:#cdbfaa}
body{background:var(--paper)}.header{position:absolute;top:0;left:0;right:0;z-index:3;background:transparent;border-bottom:1px solid #28241e2b;padding:20px 5%;min-height:102px}.header nav{font-size:12px}.header .button{background:var(--ink);color:var(--paper)}.header .button:hover{background:#48392b}.brand span{letter-spacing:-.025em;font-size:22px}.brand small{letter-spacing:.12em}.button{border-radius:0;background:var(--ink);color:var(--paper)!important;min-height:60px;padding:19px 24px;gap:35px}.button:hover{background:#48392b}.button-small{min-height:46px;padding:12px 18px}.hero{display:block;position:relative;min-height:920px;height:100svh;max-height:1200px;max-width:none;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f3ebdc35,transparent 46%);pointer-events:none}.hero-copy{padding:180px 0 110px 5%;height:100%;width:48%;position:relative}.hero .eyebrow{font-size:9px;letter-spacing:.1em;white-space:nowrap}.hero h1{font-size:clamp(76px,7.4vw,118px);line-height:.87;letter-spacing:-.062em;margin:34px 0 28px;font-weight:700}.hero h1 em{color:var(--ink)}.hero .lead{font-size:14px;line-height:1.7;max-width:355px;color:#43392d;text-wrap:pretty}.hero-copy .button{font-size:12px;min-height:56px;background:#28241e}.hero-copy .button:hover{background:#4b3b2a}.hero .reassurance{color:#43392d;font-size:10px;margin-top:14px}.hero .hero-location{margin-top:26px;padding-top:0;font-size:10px}.hero-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px 5%;gap:20px;background:#f3ebdcdd;border-top:1px solid #28241e33;font-size:9px;font-weight:600;letter-spacing:.1em}.hero-footer a{display:flex;gap:18px;align-items:center}.hero-footer a span{font-size:23px}.hero-footer small{font-size:8px;font-weight:400}.benefit-strip{background:var(--orange);color:var(--ink);font-size:10px;letter-spacing:.07em;padding:25px 5%}.benefit-strip i{color:#28241e;font-size:28px}.section{padding:115px 6%;max-width:none}.section-intro{grid-template-columns:1.25fr .75fr;gap:26px 6%}.eyebrow{font-size:10px;letter-spacing:.1em}.section-intro .eyebrow{display:flex;align-items:center;gap:16px}.chapter-number{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--ink);border-radius:50%;font-size:11px}.section h2{font-size:clamp(46px,5vw,78px);font-weight:600;line-height:1.02;letter-spacing:-.05em}.section h2 span{color:var(--rust)}.section-intro>p:last-child{font-size:14px;max-width:300px;border-left:1px solid var(--rust);padding-left:25px;margin-bottom:4px}.experience{position:relative}.experience:before{content:'';position:absolute;top:0;right:6%;height:70px;border-left:1px solid var(--rust)}.editorial-grid{grid-template-columns:1.1fr .9fr;gap:8%;margin-top:65px}.connection{position:relative;padding:0 0 22px 20px}.connection:before{content:'';position:absolute;left:0;bottom:0;top:20px;right:20px;border:1px solid var(--orange);z-index:-1}.connection img{border-radius:0;aspect-ratio:1.25;object-position:center}.connection figcaption{padding-top:15px;font-size:10px;letter-spacing:.02em}.reasons article{padding:28px 0;gap:25px}.reasons h3{font-size:29px}.reasons p{font-size:13px;max-width:345px}.reason-number{color:var(--rust);font-size:12px}.first-lesson{background:var(--orange);position:relative;border:18px solid var(--paper);padding:85px 5%;color:var(--ink)}.first-lesson:before{content:'';position:absolute;inset:14px;border:1px solid #28241e55;pointer-events:none}.first-lesson h2 span{color:var(--ink)}.lesson-heading{gap:8%;align-items:flex-end}.lesson-heading>p{color:var(--ink);font-size:13px;max-width:270px}.lesson-heading h2{font-size:clamp(40px,4.5vw,68px)}.steps{margin-top:75px;gap:7%}.steps li{border-top:1px solid #28241e70;padding-top:25px}.steps li>span{font-size:84px;line-height:1;color:var(--ink);letter-spacing:-.08em;margin-bottom:30px}.steps h3{font-size:28px}.steps p{color:var(--ink);font-size:13px}.lesson-bottom p{color:var(--ink);font-size:10px}.community{grid-template-columns:1fr 1fr;gap:8%;padding-top:145px;padding-bottom:145px;position:relative}.community-copy{order:2}.community-copy h2{font-size:clamp(42px,4.6vw,70px)}.community-copy>p:not(.eyebrow){font-size:14px;max-width:380px}.community-photo{order:1;transform:rotate(-4deg);background:#fcf8ee;padding:14px 14px 0;box-shadow:15px 20px 0 #d9cbb655;max-width:530px;margin-left:15px}.community-photo img{height:570px;object-position:50% 68%}.community-photo figcaption{font-size:9px;padding:20px 6px}.community:after{content:'JOGO JUNTO.';position:absolute;bottom:52px;right:6%;font:600 12px var(--display);letter-spacing:.25em;color:var(--rust)}.location{background:var(--ink);color:var(--paper);position:relative;padding-top:110px;padding-bottom:110px}.location:after{content:'';position:absolute;right:3%;top:30px;bottom:30px;left:3%;border:1px solid #f3ebdc25;pointer-events:none}.location h2{font-size:clamp(62px,6.5vw,100px)}.location h2 span{color:#ff986c}.location .eyebrow,.location p:not(.eyebrow){color:#d7cbb9}.location .text-link{border-color:#a08f77}.amenities h3{font-size:26px}.amenities p{color:#d7cbb9!important}.amenities>div{border-color:#f3ebdc35;padding-top:26px;padding-bottom:26px}.amenities>small{color:#d7cbb9}.amenities>div>span{color:#ff986c}.faq{grid-template-columns:.9fr 1.1fr;gap:7%;padding-top:100px;padding-bottom:100px}.faq h2{font-size:clamp(42px,4.7vw,70px)}summary{font-size:13px;padding:24px 0}summary span{color:var(--rust);font-size:25px}details>p{font-size:13px}.conversion{background:var(--paper);color:var(--ink);padding-top:120px;padding-bottom:120px;border-top:1px solid var(--line)}.conversion:before{content:'';position:absolute;inset:0;background-image:url('assets/hero-quadra-surreal.png');background-position:40% 70%;background-size:cover;opacity:.1;z-index:-1}.conversion h2{font-size:clamp(52px,6.6vw,100px);max-width:1100px;margin:28px auto;text-transform:uppercase;line-height:.97;letter-spacing:-.055em}.conversion .button{background:var(--orange);color:var(--ink)!important;font-size:13px;margin-top:36px}.conversion .button:hover{background:#ff814b}.conversion>p:not(.eyebrow){font-size:14px}.conversion small{font-size:10px}.court-lines{inset:24px;border-color:#b3421c70}.court-lines:before,.court-lines:after{border-color:#b3421c40;left:4%}.court-lines:after{left:auto;right:4%}footer{background:#e9ddca;padding:40px 5% 24px}.review-note{border-color:#cdbfaa}.mobile-cta{background:var(--ink);border:1px solid #f3ebdc55;box-shadow:0 4px 24px #28241e33}.mobile-cta:hover{background:#48392b}dialog{background:var(--paper);color:var(--ink);border-color:var(--line);border-radius:0}dialog::backdrop{background:#28241ebb}.sun{color:var(--rust)}
@media(min-width:1700px){.hero-copy{padding-top:200px}.hero h1{font-size:130px}.hero .lead{font-size:16px}}
@media(max-width:1150px) and (min-width:761px){.hero{min-height:850px}.hero-copy{padding-top:170px;width:49%}.hero h1{font-size:7.5vw}.hero .lead{max-width:310px;font-size:13px}.hero .eyebrow{font-size:7px}.header nav{gap:16px;font-size:11px}.hero .button{padding:18px;font-size:11px;gap:18px}.community-photo img{height:470px}.section{padding-left:5%;padding-right:5%}.first-lesson{padding:75px 5%}}
@media(max-width:760px){.header{position:absolute;min-height:82px;padding:16px 22px}.brand span{font-size:16px}.brand small{font-size:7px}.header .button-small{font-size:11px;gap:15px;min-height:43px;padding:11px 14px}.hero{height:auto;min-height:1060px;max-height:none;background:#f0e3cd;display:flex;flex-direction:column;justify-content:flex-start}.hero-art{top:auto;bottom:52px;height:550px;width:100%;object-fit:cover;object-position:68% center;z-index:-1}.hero:after{inset:0 0 auto;height:640px;background:linear-gradient(#f1e5d2 0%,#f1e5d2 83%,#f1e5d200);z-index:-1}.hero-copy{padding:121px 24px 25px;width:100%;height:auto}.hero .eyebrow{font-size:7px;letter-spacing:.075em}.hero h1{font-size:clamp(62px,16vw,105px);line-height:.9;margin:30px 0 24px}.hero .lead{font-size:13px;max-width:345px;margin-bottom:22px;line-height:1.6}.hero-copy .button{width:auto;gap:22px;padding:17px 18px;font-size:11px;min-height:53px}.hero .reassurance{font-size:9px;margin-top:12px}.hero .hero-location{font-size:9px;margin-top:18px}.hero-footer{padding:15px 24px;background:var(--paper);gap:10px;min-height:54px}.hero-footer>span{display:none}.hero-footer a{font-size:8px;gap:12px}.hero-footer small{font-size:7px;letter-spacing:.08em}.benefit-strip{padding:22px;gap:17px;font-size:7px;letter-spacing:.06em}.section{padding:65px 24px}.section h2{font-size:43px;line-height:1.05}.section-intro .eyebrow{margin-bottom:27px}.chapter-number{width:30px;height:30px;font-size:9px}.section-intro>p:last-child{padding-left:18px;margin-top:25px;font-size:13px;max-width:100%}.experience:before{height:35px}.editorial-grid{gap:25px;margin-top:40px}.connection{padding:0 0 15px 12px}.connection:before{top:12px;right:12px}.connection img{aspect-ratio:1.15}.connection figcaption{font-size:9px;line-height:1.5;padding-top:12px}.reasons article{padding:23px 0;gap:20px}.reasons h3{font-size:27px}.reasons p{font-size:13px}.first-lesson{border-width:8px;padding:55px 23px}.first-lesson:before{inset:8px}.lesson-heading h2{font-size:38px}.lesson-heading>.eyebrow,.lesson-heading .eyebrow{font-size:8px}.lesson-heading>p{font-size:13px;max-width:100%}.steps{margin-top:35px}.steps li{padding:25px 0 28px 58px}.steps li>span{font-size:44px;top:23px;letter-spacing:-.05em}.steps h3{font-size:26px}.steps p{font-size:12px}.lesson-bottom .button{font-size:11px;gap:10px;padding:16px 17px;min-height:52px}.lesson-bottom p{font-size:9px}.community{padding:65px 24px 80px;gap:45px}.community-copy{order:1}.community-copy h2{font-size:45px}.community-copy>p:not(.eyebrow){font-size:13px;line-height:1.75}.community-photo{order:2;margin:0 8px 0 4px;padding:9px 9px 0;transform:rotate(-3deg);box-shadow:10px 12px 0 #d9cbb666}.community-photo img{height:385px}.community-photo figcaption{font-size:7px;padding:17px 0}.community:after{bottom:26px;font-size:9px;right:25px}.location{padding-top:70px;padding-bottom:65px;gap:35px}.location:after{inset:12px}.location h2{font-size:66px}.location .eyebrow{font-size:9px}.location p:not(.eyebrow){font-size:13px}.location address{font-size:19px}.amenities h3{font-size:24px}.amenities>div{padding:24px 25px 24px 0}.amenities p{font-size:12px!important}.amenities .eyebrow{font-size:8px}.amenities>small{font-size:10px}.faq{padding-top:60px;padding-bottom:60px}.faq h2{font-size:43px}.faq>div>p:last-child{font-size:13px}.questions{margin-top:30px}summary{font-size:12px;padding:22px 0}details>p{font-size:12px}.conversion{padding:75px 24px}.conversion h2{font-size:47px;line-height:.98;margin:28px auto;text-transform:uppercase}.conversion>.eyebrow{font-size:8px}.conversion>p:not(.eyebrow){font-size:13px}.conversion .button{width:auto;font-size:11px;padding:17px 18px;gap:20px;min-height:54px;margin-top:25px}.conversion small{font-size:9px}.court-lines{inset:10px}.conversion:before{background-position:70% 70%;opacity:.12}footer{padding:35px 24px 100px}.mobile-cta{left:16px;right:16px;bottom:12px;min-height:52px;padding:14px 20px;font-size:12px}dialog h2{font-size:36px}}
@media(max-width:360px){.header{padding-left:18px;padding-right:18px}.header .brand span{font-size:14px}.hero h1{font-size:55px}.hero .eyebrow{font-size:6px}.hero-copy .button{font-size:10px;gap:12px}.hero{min-height:1030px}.section h2{font-size:37px}.community-copy h2{font-size:39px}.location h2{font-size:58px}.conversion h2{font-size:39px}.hero .reassurance{font-size:8px}}