@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap");
:root{--ink:#17221f;--forest:#12352c;--leaf:#c8df73;--cream:#f4f0e8;--paper:#faf8f2;--terra:#e77848;--line:rgba(23,34,31,.19);--mono:"DM Mono",monospace;--sans:"DM Sans",Arial,sans-serif;--display:"Playfair Display",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.skip{background:var(--leaf);color:var(--ink);left:12px;padding:9px 12px;position:fixed;top:-60px;z-index:99}.skip:focus{top:12px}.site-header{align-items:center;border-bottom:1px solid var(--line);display:flex;height:82px;justify-content:space-between;padding:0 clamp(22px,5vw,80px);position:relative;z-index:5}.brand{align-items:center;display:inline-flex;gap:10px;line-height:1}.brand img{height:46px;width:46px}.brand span{display:grid;gap:4px;letter-spacing:.09em}.brand b{font-size:14px}.brand i{font-family:var(--mono);font-size:8px;font-style:normal;letter-spacing:.15em}.site-header nav{display:flex;gap:28px}.site-header nav a{font-size:13px;font-weight:600}.site-header nav a:hover,.text-link:hover{color:var(--terra)}.age-chip{border:1px solid var(--ink);border-radius:999px;font:10px var(--mono);letter-spacing:.07em;padding:9px 12px;text-transform:uppercase}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);min-height:680px;overflow:hidden}.hero-copy{align-content:center;padding:70px clamp(22px,8vw,130px)}.eyebrow{align-items:center;color:var(--forest);display:flex;font:10px var(--mono);gap:9px;letter-spacing:.12em;margin:0 0 18px;text-transform:uppercase}.eyebrow span{background:var(--terra);border-radius:50%;height:7px;width:7px}.hero h1,.section-intro h2,.recipe-heading h2,.principles h2,.faq h2,.closing h2{font-family:var(--display);font-size:clamp(48px,5.6vw,88px);font-weight:600;letter-spacing:-.065em;line-height:.95;margin:0}.hero h1 em{color:var(--terra);font-weight:600}.hero-text{font-size:17px;line-height:1.6;max-width:500px;margin:29px 0}.hero-actions{align-items:center;display:flex;gap:24px}.button{align-items:center;border-radius:3px;display:inline-flex;font-size:14px;font-weight:700;gap:20px;justify-content:space-between;padding:16px 19px;transition:transform .2s,box-shadow .2s}.button span{font-size:20px;line-height:1}.button:hover{box-shadow:6px 6px 0 var(--terra);transform:translate(-2px,-2px)}.button-dark{background:var(--ink);color:#fff}.text-link{font-size:14px;font-weight:700}.text-link span{font-size:20px;margin-left:7px}.review-note{color:#6a716d;font:10px var(--mono);letter-spacing:.07em;margin-top:32px;text-transform:uppercase}.hero-visual{background:var(--leaf);min-height:620px;overflow:hidden;position:relative}.sun{background:#f8dd70;border-radius:50%;height:36vw;max-height:520px;max-width:520px;position:absolute;right:-12%;top:-5%;width:36vw}.arch{border:1px solid rgba(23,34,31,.4);border-bottom:0;border-radius:300px 300px 0 0;height:70%;left:12%;position:absolute;top:15%;width:70%}.arch-two{height:52%;left:33%;top:31%;width:52%}.hero-surface{border-top:1px solid var(--ink);bottom:50px;display:flex;font:10px var(--mono);justify-content:space-between;left:9%;letter-spacing:.08em;position:absolute;right:9%;z-index:2}.hero-surface strong{font:48px var(--display);letter-spacing:-.08em;line-height:.8}.hero-card{box-shadow:0 14px 0 rgba(23,34,31,.17);overflow:hidden;position:absolute}.hero-card img{height:100%;object-fit:cover;width:100%}.hero-card-a{height:390px;right:12%;top:18%;transform:rotate(5deg);width:245px}.hero-card-b{bottom:85px;height:230px;left:13%;transform:rotate(-8deg);width:145px}.ruler{font:9px var(--mono);letter-spacing:.12em;position:absolute;z-index:2}.ruler-x{right:8%;top:12%}.ruler-y{bottom:32%;right:3%;transform:rotate(90deg)}.studio-section{background:var(--cream);padding:clamp(75px,10vw,140px) clamp(22px,8vw,130px)}.section-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;margin-bottom:55px}.section-intro .eyebrow{grid-column:1/-1}.section-intro h2,.recipe-heading h2,.principles h2,.faq h2{font-size:clamp(42px,4.3vw,68px)}.section-intro>p:last-child{align-self:end;max-width:410px}.studio-shell{background:var(--forest);box-shadow:10px 10px 0 var(--terra);color:#fff;display:grid;grid-template-columns:1fr .85fr;min-height:420px}.prompt-panel{display:flex;flex-direction:column;padding:34px}.panel-top,.output-meta,.output-caption{display:flex;font:10px var(--mono);justify-content:space-between;letter-spacing:.08em}.panel-top b{color:var(--leaf);font-weight:400}.prompt-copy{font-family:var(--display);font-size:clamp(25px,3vw,39px);line-height:1.09;margin:50px 0 35px;max-width:620px}.field-row{display:flex;flex-wrap:wrap;gap:8px}.control{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;font:11px var(--mono);padding:10px 13px}.control.active,.control:hover{background:var(--leaf);border-color:var(--leaf);color:var(--ink)}.range-wrap{border-top:1px solid rgba(255,255,255,.25);margin-top:auto;padding-top:22px}.range-wrap>div{display:flex;font:10px var(--mono);justify-content:space-between;letter-spacing:.08em}.range-wrap input{accent-color:var(--leaf);margin-top:12px;width:100%}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{border:1px solid rgba(255,255,255,.28);border-radius:999px;font:9px var(--mono);padding:5px 8px}.output-panel{background:#c5dcca;display:flex;flex-direction:column;padding:18px;color:var(--ink)}.output-panel img{height:300px;margin:20px auto;max-width:290px;object-fit:cover;width:100%}.output-caption{margin-top:auto}.recipes{padding:clamp(75px,10vw,140px) clamp(22px,8vw,130px)}.recipe-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:80px}.recipe-heading>p{max-width:360px}.collection-head{border-bottom:1px solid var(--ink);display:flex;font:10px var(--mono);justify-content:space-between;letter-spacing:.1em;padding-bottom:13px}.collection-head-second{margin-top:75px}.recipe-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:16px}.recipe-card{background:#e8e1d4;min-width:0}.recipe-card img{aspect-ratio:4/5;object-fit:cover;width:100%}.recipe-card div{padding:13px 14px 17px}.recipe-card span{color:var(--terra);font:10px var(--mono)}.recipe-card h3{font:600 27px/1 var(--display);letter-spacing:-.05em;margin:7px 0}.recipe-card p{font-size:12px;margin:0}.recipe-card.photo{background:#dbe5dc}.principles{background:var(--ink);color:#fff;display:grid;gap:70px;grid-template-columns:.85fr 1.15fr;padding:clamp(75px,10vw,140px) clamp(22px,8vw,130px)}.principles .eyebrow{color:var(--leaf)}.principles ol{list-style:none;margin:0;padding:0}.principles li{border-top:1px solid rgba(255,255,255,.3);display:grid;gap:20px;grid-template-columns:50px 1fr;padding:25px 0}.principles li b{color:var(--leaf);font:10px var(--mono)}.principles h3{font-size:19px;margin:0 0 5px}.principles p{color:#ccd2ce;font-size:14px;margin:0;max-width:410px}.faq{display:grid;gap:70px;grid-template-columns:.82fr 1.18fr;padding:clamp(75px,10vw,140px) clamp(22px,8vw,130px)}.faq-intro>p:last-child{font-size:14px;max-width:330px}.faq-list details{border-top:1px solid var(--line);padding:18px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px;font-weight:700;list-style:none;padding-right:30px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:25px var(--display);position:absolute;right:4px;top:-7px}details[open] summary:after{content:"−"}.faq-list p{color:#4c5551;font-size:14px;line-height:1.65;margin:13px 30px 0 0}.closing{background:var(--terra);color:var(--ink);padding:clamp(75px,10vw,130px) clamp(22px,8vw,130px)}.closing>p{font:10px var(--mono);letter-spacing:.1em;margin:0 0 20px}.closing h2{font-size:clamp(54px,7.2vw,105px);margin-bottom:33px}.button-light{background:var(--leaf)}footer{background:var(--forest);color:#fff;display:grid;gap:35px;grid-template-columns:1fr 1.1fr 1fr;padding:48px clamp(22px,5vw,80px)}footer p{color:#cad7ce;font-size:12px;line-height:1.65;margin:0;max-width:430px}footer>div{align-items:flex-end;display:flex;flex-direction:column;font:10px var(--mono);gap:9px;letter-spacing:.05em}footer>div a:hover{color:var(--leaf)}footer>div span{color:#9ab1a5;margin-top:11px}@media(max-width:1024px){.hero{grid-template-columns:1fr .78fr;min-height:600px}.hero-copy{padding:60px 40px}.site-header{padding:0 40px}.studio-section,.recipes,.principles,.faq,.closing{padding-left:40px;padding-right:40px}.hero-card-a{height:330px;width:210px}.hero-card-b{height:190px;width:120px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.recipe-card img{aspect-ratio:4/4.5}.section-intro,.principles,.faq{gap:42px}.studio-shell{grid-template-columns:1fr .8fr}}@media(max-width:640px){body{font-size:15px}.site-header{height:70px;padding:0 18px}.site-header nav{display:none}.brand img{height:37px;width:37px}.brand b{font-size:12px}.age-chip{font-size:9px;padding:8px}.hero{display:block}.hero-copy{padding:65px 22px 50px}.hero h1{font-size:56px}.hero-visual{min-height:480px}.sun{height:340px;width:340px}.hero-card-a{height:290px;right:12%;top:15%;width:180px}.hero-card-b{bottom:55px;height:175px;left:12%;width:112px}.hero-surface{bottom:32px}.ruler-y{display:none}.studio-section,.recipes,.principles,.faq,.closing{padding:75px 22px}.section-intro,.recipe-heading,.principles,.faq{display:block}.section-intro h2,.recipe-heading h2,.principles h2,.faq h2{margin-bottom:22px}.studio-shell{display:block;box-shadow:6px 6px 0 var(--terra)}.prompt-panel{min-height:390px;padding:25px}.prompt-copy{font-size:29px;margin:40px 0 30px}.output-panel{padding:15px}.output-panel img{height:270px;margin:15px auto}.recipe-heading{margin-bottom:55px}.recipe-heading>p{font-size:14px}.collection-head-second{margin-top:52px}.recipe-grid{grid-template-columns:1fr}.recipe-card{display:grid;grid-template-columns:1fr .9fr}.recipe-card img{aspect-ratio:auto;height:230px}.recipe-card div{align-self:end}.principles li{gap:15px}.faq-list p{font-size:13px}.closing h2{font-size:63px}footer{display:block;padding:42px 22px}footer p{margin:25px 0}footer>div{align-items:flex-start}.footer-brand img{height:42px;width:42px}}