*{box-sizing:border-box}body{font-size:16px;margin:0;background:#faf7f0;color:#282824;font-family:Arial,sans-serif;line-height:1.65}a{color:inherit}header{padding:25px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d3c8;gap:25px}.logo{width:280px;max-width:100%;display:block}nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none;font-size:14px}nav a[aria-current=page]{color:#a52422;text-decoration:underline;text-underline-offset:7px}.button{display:inline-block;background:#a52422;color:white;padding:13px 24px;text-decoration:none;border:1px solid #a52422;border-radius:3px;font-size:14px;cursor:pointer}.outline{background:transparent;color:#a52422}.wrap{max-width:1280px;margin:auto;padding:75px 6%}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:bold;color:#a52422}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.08}h1{font-size:clamp(34px,4.8vw,64px);letter-spacing:-2px;margin:22px 0}h2{font-size:clamp(35px,4vw,52px);margin:15px 0 25px}h3{font-size:29px;margin:16px 0}p{max-width:660px}.lead{font-size:inherit;color:inherit}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;min-height:650px}.hero h1 em{color:#a52422;font-weight:normal}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.note{font-size:14px;line-height:1.65;color:#55564e}.studio{position:relative;min-height:440px;background:#e9e3d6;border-radius:160px 160px 12px 12px;padding:65px 28px 25px}.sheet{background:#fffdf8;box-shadow:0 15px 30px #39372a18;padding:27px;transform:rotate(-5deg);max-width:330px;margin:auto}.sheet small{font-size:9px;letter-spacing:2px;color:#a52422}.sheet h3{font-size:38px}.line{height:7px;background:#e9e5db;margin:12px 0;width:80%}.swatches{display:flex;gap:8px;margin:24px 0}.swatches span{width:35px;height:35px;border-radius:50%;background:#a52422}.swatches span:nth-child(2){background:#d9cfba}.swatches span:nth-child(3){background:#30332b}.tag{position:absolute;bottom:22px;right:-12px;background:#a52422;color:#fff;padding:18px 25px;transform:rotate(5deg);font-family:Georgia,serif;font-size:21px}.strip{border-block:1px solid #d8d3c8;padding:20px 6%;display:flex;justify-content:center;gap:55px;font-size:12px;letter-spacing:1px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px}.service{border-top:1px solid #a9aa9a;padding:20px 0}.num{color:#a52422;font-size:12px}.service a{color:#a52422;text-underline-offset:5px}.sage{background:#e9ece3}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.quote{border-left:2px solid #a52422;padding-left:28px;font-family:Georgia,serif;font-size:30px;line-height:1.4}.dark{background:#30362f;color:#fffdf8}.dark .eyebrow{color:#e7b6a5}.dark p{color:#e0e2d8}.cta{display:flex;justify-content:space-between;gap:30px;align-items:center}.details{border-top:1px solid #c9c9ba;margin-top:35px;padding-top:30px}.details ul{padding-left:20px}.steps{counter-reset:step}.steps p{border-bottom:1px solid #ccc;padding:20px 0}footer{padding:30px 6%;display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #d8d3c8;gap:20px}label{display:block;font-size:14px;margin:18px 0 7px}input,select,textarea{width:100%;padding:13px;border:1px solid #a8aa9c;background:#fffdf8;border-radius:2px;font:inherit;color:#282824}textarea{min-height:150px}form{max-width:650px}.result{white-space:pre-wrap;background:#e9ece3;padding:24px;margin-top:25px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a52422;outline-offset:4px}@media(max-width:760px){header{flex-direction:column;align-items:flex-start;padding:20px 6%}nav{gap:18px;flex-wrap:wrap}.logo{width:245px;max-width:85vw}h1{font-size:34px;line-height:1.16}h2{font-size:30px}h3{font-size:25px}.wrap{padding:50px 6%}.hero,.split,.grid{grid-template-columns:1fr;gap:25px}.studio{min-height:390px;max-width:410px;width:100%;margin:20px auto}.strip{gap:16px;flex-wrap:wrap}.cta,footer{flex-direction:column;align-items:flex-start}h1{letter-spacing:-1px}.hero{min-height:0}}
@media(max-width:760px){header{gap:16px}.hero{padding-top:34px}.eyebrow{font-size:10px;letter-spacing:1.8px}.hero h1{margin:18px 0}.hero .lead{font-size:inherit}}
/* Consistent heading-to-copy rhythm, including stacked mobile columns. */
h1,h2,h3{margin-bottom:20px}p{margin:0 0 16px}h1+p,h2+p,h3+p{margin-top:0}.split>div>:last-child{margin-bottom:0}.split>div>p:first-child{margin-top:0}
@media(max-width:760px){.split{row-gap:20px}.split>div>:last-child{margin-bottom:0}.hero h1{margin-bottom:20px}.details{padding-top:26px}.details h2{margin-bottom:0}.steps p:first-child{padding-top:0}}

/* Compact mobile homepage; retain the complete content and signature graphic. */
@media(max-width:760px){
.home .wrap{padding-top:32px;padding-bottom:32px}
.home .hero{gap:12px}
.home .hero .actions{margin:20px 0}
.home .studio{width:min(100%,300px);min-height:0;padding:38px 20px 48px;margin:12px auto 0;border-radius:120px 120px 10px 10px}
.home .sheet{padding:22px;max-width:245px}
.home .sheet small{font-size:8px;letter-spacing:1.3px;display:block;line-height:1.5}
.home .sheet h3{font-size:29px;margin:14px 0}
.home .sheet p{font-size:11px!important;line-height:1.6;margin-bottom:0}
.home .swatches{margin:16px 0}.home .swatches span{width:27px;height:27px}
.home .line{height:5px;margin:10px 0}
.home .tag{font-size:19px;padding:12px 19px;right:0;bottom:6px}
.home .strip{padding-top:14px;padding-bottom:14px;font-size:10px;gap:10px 18px}
.home .grid{margin-top:22px;gap:0}
.home .service{padding:16px 0}
.home .service h3{font-size:25px;line-height:1.2;margin:9px 0 12px}
.home .service h3 br{display:none}
.home .service p{margin-bottom:10px}
.home .split{gap:18px}
.home .cta{gap:16px}
.home .cta h2{margin-bottom:0}
}

.faq{max-width:780px}.faq details{border-bottom:1px solid #c9c9ba;padding:18px 0}.faq summary{cursor:pointer;font-size:17px;font-weight:bold}.faq details p{margin:14px 0 0}.sample-checks label{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #d8d3c8;margin:0}.sample-checks input{width:19px;height:19px;flex-shrink:0;margin-top:4px;accent-color:#a52422}.sample-checks .note{margin-top:20px}footer{flex-wrap:wrap}nav{gap:22px}@media(max-width:760px){nav{gap:12px 18px}nav a{font-size:13px}.faq summary{font-size:16px}}

.about-portrait{display:block;width:100%;max-width:390px;height:auto;border-radius:6px;margin-top:28px}@media(max-width:760px){.about-portrait{max-width:300px;margin:22px auto 0}}

/* Shared reading rhythm across all pages. */
main p,main li{line-height:1.65}h1,h2,h3{line-height:1.16}main p:not(.note):not(.quote){font-size:1rem}main .sheet p{font-size:12px}main li+li{margin-top:6px}button:disabled{opacity:.7;cursor:default}

/* Reduce doubled section padding on phones while preserving desktop layout. */
@media(max-width:760px){
main .wrap,main .home .wrap{padding-top:28px;padding-bottom:28px}
.home main .wrap{padding-top:28px;padding-bottom:28px}
main>section.wrap+section.wrap{padding-top:8px}
main .wrap>p:last-child{margin-bottom:0}
main .split{row-gap:16px}
.home main .split{row-gap:16px}
main .details{margin-top:26px;padding-top:22px}
main .grid{margin-top:24px}
main h2{margin-top:12px;margin-bottom:16px}
main .quote{font-size:27px;line-height:1.35;padding-left:20px;margin-bottom:12px}
main .actions{margin-top:20px;margin-bottom:16px}
main .cta{gap:18px}
}

/* One readable section-label style on every screen size. */
main .eyebrow,main .num{display:block;font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.5;letter-spacing:.8px;text-transform:uppercase;color:#a52422}
main .dark .eyebrow,main .dark .num{color:#f0c6b6}
/* Center the mobile brand and menu with a stronger logo presence. */
@media(max-width:760px){
header{align-items:center;text-align:center;gap:18px;padding-top:22px;padding-bottom:22px}
header>a{display:block;width:min(300px,88vw);height:auto;aspect-ratio:4.4;overflow:hidden}
header .logo{width:113.333%;max-width:none;height:auto;margin-left:-6.666%;margin-top:-5.88%}
header nav{width:100%;justify-content:center;gap:10px 20px}
}

/* Tailored 2U: a distinctive creative studio, with the original paper illustration retained. */
:root{--ink:#292b29;--red:#a52422;--paper:#faf7f0;--rule:#d7d0c3}
body{font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}
header{max-width:1320px;margin:auto;border-bottom:2px solid var(--ink);padding:24px 5%;background:var(--paper)}
nav a{font-weight:600}nav a:last-child{padding:9px 13px;border:1px solid var(--red);color:var(--red)}
.wrap{max-width:1200px;padding:56px 5%}
h1,h2,h3{font-family:"Segoe UI",Arial,sans-serif;font-weight:700;letter-spacing:-1.2px;line-height:1.12;text-wrap:balance}
h1{font-size:clamp(34px,4.6vw,60px);max-width:850px;margin:18px 0 22px}
h2{font-size:clamp(28px,3.1vw,40px);margin:14px 0 20px}
h3{font-size:26px;letter-spacing:-.6px}
.hero{grid-template-columns:1.2fr 1fr;min-height:560px;gap:54px}
.hero h1{font-size:clamp(36px,4.7vw,62px)}.hero h1 em{font-style:normal;color:var(--red)}
main .eyebrow{border-left:3px solid var(--red);padding-left:11px;font-size:14px;letter-spacing:.5px;text-transform:none;line-height:1.5}
main .num{font-size:14px;letter-spacing:.4px;text-transform:none;color:var(--red)}
.button{border-radius:0;font-weight:600;padding:12px 20px}.button:hover{background:#82201e;color:#fff}.outline:hover{background:#a52422;color:#fff}
.strip{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);letter-spacing:1px;font-weight:600}
.grid{display:block;margin-top:25px}.service{display:grid;grid-template-columns:150px 1fr 1.2fr;gap:12px 24px;padding:25px 0;border-top:1px solid var(--rule);align-items:start}.service h3{margin:0}.service p{margin:0}.service>a{grid-column:3;text-underline-offset:5px;font-weight:600}.service .num{padding-top:5px}
.sage{background:transparent;border-block:1px solid var(--rule)}.sage .wrap{position:relative}.sage h2{max-width:470px}
.dark{background:#eee7db;color:var(--ink);border-top:1px solid var(--rule)}main .dark .eyebrow{color:var(--red)}.dark p{color:var(--ink)}
.split{grid-template-columns:.95fr 1.2fr;gap:56px}.details{padding-top:32px;margin-top:36px;border-top:1px solid var(--rule)}
.quote{font-family:Georgia,serif;letter-spacing:0}.studio .sheet h3{font-family:Georgia,serif;font-weight:400;letter-spacing:0;line-height:1.08}.studio .sheet p{font-family:Arial,sans-serif}.studio{background:#e9e3d6}
.project-panel{display:flex;position:relative;flex-direction:column;justify-content:center;min-height:240px;padding:28px;margin:22px 0;text-decoration:none;border:1px solid #d1c8b7;overflow:hidden;isolation:isolate}.panel-label{font:700 11px/1.5 Arial,sans-serif;letter-spacing:1px;margin-bottom:24px}.panel-title{font:400 34px/1.12 Georgia,serif;letter-spacing:-.5px}.panel-caption{font-size:13px;margin-top:20px}.panel-arrow{position:absolute;right:20px;bottom:17px;font-size:26px}.coast-panel{background:linear-gradient(155deg,#d9ecec 0%,#edf5f0 60%,#ecddc4 60%);color:#244f57}.coast-panel:after{content:"";position:absolute;width:280px;height:130px;border-top:2px solid #fff9;border-radius:50%;right:-90px;bottom:-20px;z-index:-1;transform:rotate(-14deg)}.poetry-panel{background:#37313b;color:#fff3de}.poetry-panel:after{content:"";position:absolute;right:-18px;top:25px;width:125px;height:180px;border:1px solid #bb8d7766;border-radius:60% 40% 30% 70%;transform:rotate(25deg);z-index:-1}.project-panel:hover{outline:2px solid var(--red);outline-offset:3px}
.about-portrait{border-radius:0;box-shadow:12px 12px 0 #e9e0d0}
.faq summary{font-family:inherit}.result{background:#eee7db}footer{border-top:2px solid var(--ink);font-size:13px}
@media(max-width:760px){
header{padding:20px 5%;gap:16px}header nav{gap:10px 16px}nav a:last-child{padding:5px 9px}
main .wrap,.home main .wrap{padding:28px 6%}.hero{min-height:0;gap:20px;grid-template-columns:1fr}.hero h1{font-size:36px;letter-spacing:-1px}.hero .studio{margin-top:10px}
h1{font-size:34px;letter-spacing:-.9px}h2{font-size:28px;letter-spacing:-.7px}h3,.home .service h3{font-size:24px;line-height:1.2}
main .eyebrow,main .num{font-size:14px;font-weight:700;letter-spacing:.3px}
.split{grid-template-columns:1fr;gap:16px}.home .service,.service{grid-template-columns:1fr;gap:9px;padding:20px 0}.service>a{grid-column:1}.home .service h3{margin:0}.home .service p{margin:0}.service .num{padding-top:0}
main .details{margin-top:28px;padding-top:24px}.project-panel{min-height:210px;max-width:460px;margin:18px 0}.panel-title{font-size:32px}.cta{align-items:flex-start}.about-portrait{margin-bottom:12px}
}

/* Readable section labels and authentic portfolio branding. */
main .eyebrow,main .num{font-size:16px;line-height:1.5}
.project-panel{min-height:330px;align-items:center;text-align:center;justify-content:space-between;padding:22px 25px}.project-panel .panel-label{margin-bottom:10px;font-size:12px}.portfolio-logo{display:block;max-width:100%;object-fit:contain}.val-portfolio-logo{width:255px;height:225px}.coast-panel{background:linear-gradient(175deg,#e5f5f2 0%,#a8d6d9 68%,#f0dfc5 69%,#f7ecda 100%);color:#164956}.coast-panel:after{width:120%;height:90px;right:-10%;bottom:-34px;border-top:3px solid #fff9;transform:rotate(-5deg)}
.poetry-panel{background:linear-gradient(#fff7ec30,#fff7ec50),url('assets/bab-roses.png') center/cover;color:#622737}.poetry-panel:after{display:none}.bab-portfolio-logo{width:100%;height:160px;margin:20px 0;background:#fff9f180;box-shadow:0 0 25px 15px #fff9f180}.poetry-panel .panel-caption,.poetry-panel .panel-label{background:#fff8efdf;padding:5px 10px}.panel-caption{font-size:14px;margin-top:14px}.panel-arrow{background:#fff9efdc;border-radius:50%;width:34px;height:34px;line-height:34px}
@media(max-width:760px){main .eyebrow,main .num{font-size:16px}.project-panel{width:100%;max-width:460px;min-height:310px}.val-portfolio-logo{width:240px;height:210px}.bab-portfolio-logo{height:155px}}

/* One compact resource with a choice of formats. */
.planner-resource{display:block;border-top:1px solid var(--rule)}.planner-resource h2{max-width:750px}.planner-resource>p{max-width:760px}.planner-resource .actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 16px}.planner-resource .note{margin-bottom:0}@media(max-width:760px){.planner-resource .actions{align-items:stretch;flex-direction:column}.planner-resource .button{text-align:center}}

/* Keep the mobile tag below the paper text, including enlarged text. */
@media(max-width:760px){.home .studio{display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.home .tag{position:relative;inset:auto;align-self:flex-end;flex-shrink:0;margin-top:28px;max-width:100%;font-size:19px;line-height:1.4;padding:12px 19px}}

.privacy-page{max-width:900px}.privacy-page h2{font-size:clamp(23px,2.5vw,30px);margin-top:30px}.privacy-page p{max-width:760px}footer>a{font-size:14px;text-underline-offset:4px}

/* Balanced desktop typography and a stronger brand presence. */
@media(min-width:761px){
header .logo{width:320px;max-width:100%;height:auto}header>a{flex:0 0 320px}header nav{flex-wrap:wrap;justify-content:flex-end;gap:14px 22px}
main h1,.hero h1{font-size:clamp(32px,3.45vw,45px);font-weight:600;letter-spacing:-.8px;line-height:1.18}
main h2{font-size:clamp(26px,2.5vw,32px);font-weight:600;letter-spacing:-.5px;line-height:1.2}
main h3{font-size:24px;font-weight:600;letter-spacing:-.3px;line-height:1.22}
main .studio .sheet h3{font-size:38px;font-weight:400;letter-spacing:0;line-height:1.08}
.privacy-page h2{font-size:28px}
}
@media(min-width:761px) and (max-width:1050px){header>a{flex-basis:280px}header .logo{width:280px}header nav{gap:10px 16px}}