/* White foundation, violet editorial accents and blue section highlights. */
:root{
  color-scheme:light;
  --cream:#ffffff;
  --ink:#292b45;
  --wine:#6947aa;
  --deep:#35346c;
  --muted:#62677b;
  --pink:#f1edfb;
  --line:#dedfee;
  --blue:#3e5cb5;
  --lavender:#f1edfb;
  --ice:#eef3ff;
}
html{scroll-padding-top:135px}
body{background:#fff;color:var(--ink);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}
::selection{background:#dcd5f6;color:#34315d}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#6a58b6}
.announcement{min-height:34px;background:#6150a3;color:#fff;font-size:11px;letter-spacing:.07em}
.announcement span{color:#ded9ff}
.header{background:#fffffff5;border-color:#e6e5f2;backdrop-filter:blur(16px)}
.header-inner{height:116px}
.brand-logo{width:112px}
.header nav{gap:27px;font-size:14px;font-weight:500;color:#51556f}
.header nav a:hover{color:#6947aa}
.button{background:#6947aa;border-color:#6947aa;color:#fff;border-radius:12px;font-size:15px;font-weight:600;box-shadow:0 5px 15px #6947aa12}
.button:hover{background:#55358e;border-color:#55358e;transform:translateY(-2px);box-shadow:0 8px 22px #6947aa22}
.button.small{font-size:13px;border-radius:10px}
.text-button{color:#6947aa;border-color:#b9a8d8;font-size:15px}
.text-button:hover{opacity:1;color:#3e5cb5}
.hero{margin:24px;min-height:720px;background:#fff;color:#292b45;border:1px solid #ddddef;border-radius:26px;box-shadow:0 10px 40px #545aa208}
.hero-copy{width:58%;padding-top:65px;padding-bottom:95px}
.hero .eyebrow{color:#6947aa;font-size:10px;font-weight:600;letter-spacing:.14em;max-width:470px}
h1{font-size:clamp(76px,7.2vw,110px);font-weight:500;line-height:.96;letter-spacing:-.04em;color:#303152}
h1 em{color:#4c62b3;font-weight:500}
.hero-description{color:#62677b;font-size:18px;line-height:1.8}
.hero-actions{flex-wrap:wrap;gap:18px 25px}
.hero .button{background:#3e5cb5;border-color:#3e5cb5;color:#fff;font-size:15px}
.hero .button:hover{background:#2f4895;border-color:#2f4895}
.hero .text-button{color:#6947aa;border-color:#b9a8d8;font-size:14px}
.hero-note p{color:#6a6b83}
.hero-note b{color:#53578a}
.little-flower{color:#8d75c5}
.hero-visual{left:42%}
.hero-visual::after{background:linear-gradient(90deg,#fff 0%,#ffffffed 10%,#ffffff80 29%,#ffffff0a 60%,transparent 90%)}
.seal{background:#f1edfbf5;border:1px solid #b8a7db;color:#64439d;border-radius:18px;transform:rotate(5deg);box-shadow:0 8px 28px #6951980d}
.seal span{color:#66518d;font-size:9px;letter-spacing:.13em}
.seal i{font-size:28px}
.hero-scroll{color:#62677b}
.ribbon{margin-top:0;padding-block:23px;background:#f3f5ff;border-block:1px solid #dee4f6;color:#4c5d99}
.ribbon span{font-size:27px}
.ribbon i{color:#9b87cb;font-size:24px}
.eyebrow{color:#6947aa;font-size:11px;font-weight:600;letter-spacing:.16em}
h2{font-size:clamp(54px,4.9vw,74px);font-weight:500;line-height:1.05;letter-spacing:-.035em;color:#303152}
h2 em{color:#6947aa}
.section-heading>p,.catalog-note{color:#62677b}
.filters{gap:9px}
.filters button{border-color:#d9ddee;color:#575e7b;background:#fff;min-height:46px;font-size:14px;border-radius:100px}
.filters button.active{background:#3e5cb5;color:#fff;border-color:#3e5cb5}
.filters button:not(.active):hover{background:#eef3ff;border-color:#a7b5e2}
.product-grid{gap:35px}
.product{min-width:0;background:#fff;border:1px solid #e1e3ef;border-radius:19px;padding:12px 12px 26px;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 8px 30px #4f558307}
.product:hover{transform:translateY(-3px);border-color:#b7a7d8;box-shadow:0 14px 32px #63519612}
.product-image{border-radius:12px;background:#f1edfb}
.product-tag{left:18px;top:18px;padding:9px 13px;background:#f6f3fff5;border:1px solid #d7caed;color:#5d438d;font-size:10px;letter-spacing:.05em}
.product-plus{width:49px;height:49px;right:18px;bottom:18px;background:#fff;color:#3e5cb5;border:1px solid #d2d9ee;box-shadow:0 3px 15px #3f55951a;font-size:26px}
.product-meta{padding:23px 11px 0;column-gap:16px}
.product h3{font-size:37px;font-weight:500;color:#353657;letter-spacing:-.02em}
.product p{font-size:14px;color:#62677b}
.product-meta button{font-size:13px;color:#6947aa;border-color:#bca9db;gap:12px}
.fine-print{font-size:13px;color:#62677b}
.about-section{background:#f1edfb;border-block:1px solid #e0d8f1}
.about-art>img{border-radius:160px 160px 18px 18px;border:1px solid #d6c8e8}
.about-art-label{background:#fff;border:1px solid #cbbbdf;color:#43436a;box-shadow:0 10px 35px #6c55a00e}
.about-art-label>span{color:#8970bb}
.about-art-label em{color:#6947aa}
.about-copy h2{color:#373153}
.about-copy>p:not(.eyebrow){color:#625c77;font-size:17px;line-height:1.9}
.underlined{color:#6947aa;border-color:#bca9db;font-size:16px}
.fillings .eyebrow,.fillings h2 em{color:#3e5cb5}
.flavor{background:#f8faff;border-color:#d9e0f1;border-radius:17px;min-height:300px}
.flavor.active{background:#eee9fa;border-color:#957bc4;box-shadow:inset 0 3px 0 #8d73bf}
.flavor:hover{border-color:#8d73bf}
.flavor h3{color:#3a3b5a;font-size:34px}
.flavor p,.flavor-number{color:#62677b}
.flavor-arrow,.flavor-status{color:#6947aa}
.steps{gap:26px}
.steps>div{padding:27px;border:1px solid #dce2f3;border-top:3px solid #8299d7;border-radius:12px;background:#f6f9ff}
.steps>div:nth-child(2){background:#f5f1fc;border-color:#e2d9f0;border-top-color:#ad92d4}
.steps span{color:#5f78bd;font-size:60px}
.steps>div:nth-child(2)>span{color:#8c69b5}
.steps h3{color:#373e64;font-size:32px}
.steps p{color:#62677b;font-size:16px}
.order-section{margin-inline:24px;border-radius:24px;background:linear-gradient(115deg,#624399 0%,#4a4b9c 48%,#3559a3 100%);color:#fff;border:1px solid #6152a8}
.order-section::before{content:'';position:absolute;inset:13px;border:1px solid #d9d6ff40;border-radius:14px;pointer-events:none}
.order-inner h2{color:#fff}
.order-inner em{color:#e1dcff}
.order-star{color:#c3c9fc}
.order-inner .eyebrow{color:#eeebff}
.order-inner>p:not(.eyebrow){color:#efedff;font-size:19px}
.button.light{background:#fff;border-color:#fff;color:#59449b}
.button.light:hover{background:#eae9ff;border-color:#eae9ff}
.order-decoration{color:#d7dcff14}
.faq-list,details{border-color:#dedfee}
summary{color:#393d5c;font-size:17px}
summary span{color:#6947aa}
details>p{color:#62677b;font-size:15px}
.contacts-section{background:#eef3ff;border-color:#dbe3f6}
.contacts-copy .eyebrow,.contacts-copy h2 em{color:#3e5cb5}
.contacts-copy h2{color:#303e68}
.contacts-intro,.contacts-note{color:#5c6780}
.contacts-details p{color:#353f60}
.contact-label{color:#5d6882;font-size:10px;letter-spacing:.14em}
.contact-phone{color:#3a4e87}
.contact-email,.contact-social{color:#6947aa}
.contact-social-icon{width:36px;height:36px}
.contacts-actions .button{background:#3e5cb5;border-color:#3e5cb5}
.contacts-actions .button:hover{background:#2f4895;border-color:#2f4895}
.contacts-map{background:#fff;border:1px solid #b8c7e9;border-radius:18px;box-shadow:10px 10px 0 #dfe7fa}
.map-link{background:#fff;color:#3e5cb5}
footer{background:#fff;border-top:1px solid #e0e4f0}
.footer-top .brand-logo{width:145px}
.footer-top>p{color:#62677b;font-size:15px}
.footer-bottom{border-color:#dedfee;color:#62677b}
.footer-top .text-button{color:#6947aa;border-color:#bca9db}
.footer-social>a{color:#6947aa}
dialog{background:#fff;border:1px solid #c3b4df;border-radius:20px;color:#292b45;box-shadow:0 30px 100px #25244c44}
dialog::backdrop{background:#252446ac;backdrop-filter:blur(7px)}
.close-dialog{color:#6947aa}
.dialog-intro{color:#62677b}
input,textarea,select{background:#fafaff;border-color:#c4c7dc;border-radius:9px;color:#292b45}
input::placeholder,textarea::placeholder{color:#686c82;opacity:1}
input:focus,select:focus,textarea:focus{outline-color:#6947aa;border-color:#6947aa}
pre{background:#f0edfa;border:1px solid #d5ccea;color:#36324e}
#copy-status{color:#6947aa}
@media(max-width:1150px){
  .header-inner{height:112px;gap:20px}
  .brand-logo{width:108px}
  .header nav{font-size:13px;gap:19px}
  .hero-copy{padding-top:58px}
  .hero-visual::after{background:linear-gradient(90deg,#fff 0%,#ffffffed 10%,#ffffff80 36%,transparent 85%)}
  .product-meta{display:block}
  .product p{margin-bottom:12px}
  .product h3{font-size:34px}
  .steps>div{padding:23px}
  .steps h3{font-size:29px}
}
@media(max-width:900px){
  .header nav.open{top:112px;background:#fff;border-color:#ddd7ed;font-size:16px}
  .hero{margin:18px;border-radius:22px}
  .hero-copy{width:68%;padding-top:54px}
  .hero .eyebrow{font-size:9px}
  h1{font-size:80px}
  .hero-visual{left:35%}
  .hero-actions{gap:16px}
  .seal{padding:19px;right:22px;bottom:28px}
  .seal span{font-size:8px}
  .seal i{font-size:24px}
  .product-grid{gap:28px 22px}
  .product{padding:10px 10px 24px}
  .product-meta{padding-inline:9px}
  .product h3{font-size:32px}
  .product-tag{left:12px;top:14px;font-size:8px;padding:8px 10px}
  .product-plus{width:44px;height:44px;right:13px;bottom:13px}
  .steps{gap:18px}
  .steps>div{padding:21px}
  .steps h3{font-size:27px}
  .steps p{font-size:14px}
  .contacts-map{box-shadow:7px 7px 0 #dfe7fa}
  .footer-top .text-button{border-color:#dedfee}
}
@media(max-width:600px){
  html{scroll-padding-top:112px}
  .announcement{font-size:9px;letter-spacing:.01em;min-height:32px}
  .header-inner{height:98px}
  .brand-logo{width:92px}
  .header nav.open{top:98px}
  .header .button{font-size:11px;min-height:45px;padding:10px 14px}
  .hero{margin:12px;border-radius:18px;min-height:0}
  .hero-copy{width:100%;padding:34px 23px 32px}
  .hero .eyebrow{font-size:9px;letter-spacing:.08em}
  h1{font-size:clamp(58px,15.8vw,84px);line-height:1}
  .hero-description{font-size:17px}
  .hero-visual{inset:auto}
  .hero-visual::after{background:linear-gradient(180deg,#fff 0%,#ffffff45 18%,transparent 42%)}
  .hero .button,.hero .text-button{font-size:14px}
  .seal{right:18px;bottom:18px;padding:15px 19px;border-radius:13px}
  .seal i{font-size:24px}
  .ribbon{padding-block:19px}
  .ribbon span{font-size:24px}
  h2{font-size:49px}
  .product-grid{gap:26px}
  .product{padding:11px 11px 25px}
  .product-meta{padding:21px 10px 0}
  .product h3{font-size:35px}
  .product p{font-size:14px}
  .product-meta button{font-size:14px}
  .product-tag{font-size:9px;left:14px;top:16px}
  .product-plus{width:48px;height:48px;right:15px;bottom:15px}
  .about-art>img{border-radius:140px 140px 12px 12px}
  .about-copy>p:not(.eyebrow){font-size:16px}
  .steps{gap:18px}
  .steps>div{padding:23px 20px 23px 70px}
  .steps>div>span{left:19px;top:26px;font-size:38px}
  .steps h3{font-size:30px}
  .steps p{font-size:15px}
  .order-section{margin-inline:12px;border-radius:18px}
  .order-section::before{inset:9px;border-radius:11px}
  .order-inner>p:not(.eyebrow){font-size:17px}
  summary{font-size:16px}
  .contacts-map{border-radius:14px}
  .contact-label{font-size:10px}
  .contacts-actions .button{font-size:14px}
  .footer-top .brand-logo{width:128px}
  .footer-top>p{font-size:14px}
}
@media(max-width:370px){
  .brand-logo{width:80px}
  .header .button{font-size:10px;padding-inline:10px;gap:8px}
  .hero-copy{padding-inline:19px}
  .hero .eyebrow{font-size:8px}
  h1{font-size:55px}
  .hero .button,.hero .text-button{font-size:13px}
  .product h3{font-size:31px}
  h2{font-size:44px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* Prominent brand name above the navigation. */
html{scroll-padding-top:165px}
.header-inner{display:grid;grid-template-columns:112px minmax(0,1fr) auto;grid-template-rows:auto auto;height:auto;min-height:148px;padding-block:15px;gap:4px 30px}
.header-inner>.brand{grid-column:1;grid-row:1/3}
.site-name{grid-column:2;grid-row:1;justify-self:start;display:block;max-width:100%;color:rgba(105,71,170,.72);font-family:var(--serif);font-size:clamp(43px,4.7vw,66px);font-weight:500;line-height:1.05;letter-spacing:.065em;white-space:nowrap;text-transform:uppercase}
.site-name:hover{color:rgba(105,71,170,.85)}
.header nav{grid-column:2/-1;grid-row:2;justify-content:flex-start;font-size:18px;font-weight:600;line-height:1.4;gap:28px;color:rgba(105,71,170,.9)}
.header nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0}
.header-inner>.button{grid-column:3;grid-row:1;align-self:center}
.header .menu-toggle{grid-column:3;grid-row:1}
.header nav.open{top:100%}
@media(max-width:1150px){
  .header-inner{grid-template-columns:104px minmax(0,1fr) auto;gap:5px 22px;min-height:140px}
  .header nav{font-size:17px;gap:22px}
  .site-name{font-size:clamp(40px,4.5vw,52px)}
}
@media(max-width:900px){
  .header-inner{grid-template-columns:80px minmax(0,1fr) 44px;grid-template-rows:auto auto;min-height:0;padding-block:10px;gap:8px 16px}
  .header-inner>.brand{grid-column:1;grid-row:1}
  .header .brand-logo{width:80px}
  .site-name{grid-column:2;grid-row:1;justify-self:center;font-size:clamp(32px,5vw,44px);letter-spacing:.045em}
  .header-inner>.button{grid-column:1/-1;grid-row:2;margin:0;justify-content:center;min-height:42px;padding:10px 18px;gap:15px;font-size:12px}
  .header .menu-toggle{grid-column:3;grid-row:1}
  .header nav.open{font-size:20px;justify-content:center;gap:14px 26px}
}
@media(max-width:600px){
  .header-inner{grid-template-columns:64px minmax(0,1fr) 36px;padding-block:8px;gap:7px 10px}
  .header .brand-logo{width:64px}
  .site-name{font-size:clamp(27px,6.7vw,39px);letter-spacing:.03em}
  .header-inner>.button{min-height:38px;padding:8px 15px;font-size:11px}
  .header .menu-toggle{min-width:36px}
}
@media(max-width:370px){
  .header-inner{grid-template-columns:53px minmax(0,1fr) 30px;gap:7px 7px}
  .header .brand-logo{width:53px}
  .site-name{font-size:26px;letter-spacing:.015em}
  .header .menu-toggle{min-width:30px}
}

/* Translucent violet surfaces over the white foundation. */
:root{
  --wine:#6947aa;
  --blue:#7054a6;
  --pink:rgba(105,71,170,.08);
  --line:rgba(105,71,170,.18);
}
body{background:#fff}
::selection{background:rgba(105,71,170,.2);color:#423160}
.announcement{background:rgba(105,71,170,.12);color:#5c3b91;border-bottom:1px solid rgba(105,71,170,.12)}
.announcement span{color:rgba(105,71,170,.75)}
.header{background:rgba(255,255,255,.88);border-color:rgba(105,71,170,.16);backdrop-filter:blur(18px)}
.header nav.open{background:rgba(255,255,255,.97);border-color:rgba(105,71,170,.18)}
.header nav a:hover,.fillings .eyebrow,.fillings h2 em{color:#6947aa}
.button,.hero .button,.contacts-actions .button{background:rgba(105,71,170,.88);border-color:rgba(105,71,170,.16);color:#fff;box-shadow:0 5px 18px rgba(105,71,170,.1)}
.button:hover,.hero .button:hover,.contacts-actions .button:hover{background:rgba(105,71,170,.98);border-color:rgba(105,71,170,.3);box-shadow:0 8px 24px rgba(105,71,170,.16)}
.hero{background:rgba(255,255,255,.96);border-color:rgba(105,71,170,.18);box-shadow:0 10px 40px rgba(105,71,170,.045)}
h1 em{color:rgba(105,71,170,.92)}
.hero-note b{color:#69528e}
.seal{background:rgba(241,235,255,.88);border-color:rgba(105,71,170,.28);box-shadow:0 8px 28px rgba(105,71,170,.07);backdrop-filter:blur(10px)}
.ribbon{background:rgba(105,71,170,.065);border-color:rgba(105,71,170,.14);color:#6c548f}
.ribbon i{color:rgba(105,71,170,.6)}
.filters button{background:rgba(105,71,170,.025);border-color:rgba(105,71,170,.22);color:#62527c}
.filters button.active{background:rgba(105,71,170,.88);border-color:rgba(105,71,170,.16);color:#fff}
.filters button:not(.active):hover{background:rgba(105,71,170,.09);border-color:rgba(105,71,170,.35)}
.product{background:rgba(105,71,170,.025);border-color:rgba(105,71,170,.14);box-shadow:0 8px 30px rgba(105,71,170,.035)}
.product:hover{border-color:rgba(105,71,170,.34);box-shadow:0 14px 32px rgba(105,71,170,.085)}
.product-image{background:rgba(105,71,170,.06)}
.product-tag{background:rgba(247,243,255,.88);border-color:rgba(105,71,170,.22);color:#63458f;backdrop-filter:blur(8px)}
.product-plus{background:rgba(255,255,255,.9);border-color:rgba(105,71,170,.22);color:#6947aa;box-shadow:0 3px 15px rgba(105,71,170,.1)}
.about-section{background:rgba(105,71,170,.085);border-color:rgba(105,71,170,.15)}
.about-art>img{border-color:rgba(105,71,170,.2)}
.about-art-label{background:rgba(255,255,255,.9);border-color:rgba(105,71,170,.25);box-shadow:0 10px 35px rgba(105,71,170,.07);backdrop-filter:blur(10px)}
.flavor{background:rgba(105,71,170,.035);border-color:rgba(105,71,170,.18)}
.flavor.active{background:rgba(105,71,170,.12);border-color:rgba(105,71,170,.44);box-shadow:inset 0 3px 0 rgba(105,71,170,.55)}
.flavor:hover{border-color:rgba(105,71,170,.5)}
.steps>div{background:rgba(105,71,170,.04);border-color:rgba(105,71,170,.16);border-top-color:rgba(105,71,170,.45)}
.steps>div:nth-child(2){background:rgba(105,71,170,.08);border-color:rgba(105,71,170,.2);border-top-color:rgba(105,71,170,.62)}
.steps span,.steps>div:nth-child(2)>span{color:rgba(105,71,170,.82)}
.order-section{background:linear-gradient(115deg,rgba(105,71,170,.16),rgba(130,106,191,.09));border-color:rgba(105,71,170,.25);color:#3d3356}
.order-section::before{border-color:rgba(105,71,170,.18)}
.order-inner h2{color:#44335f}
.order-inner em{color:#6947aa}
.order-inner .eyebrow{color:#6947aa}
.order-inner>p:not(.eyebrow){color:#635574}
.order-star{color:rgba(105,71,170,.72)}
.order-decoration{color:rgba(105,71,170,.06)}
.button.light{background:rgba(105,71,170,.88);border-color:rgba(105,71,170,.16);color:#fff}
.button.light:hover{background:rgba(105,71,170,.98);border-color:rgba(105,71,170,.3)}
.faq-list,details{border-color:rgba(105,71,170,.18)}
.contacts-section{background:rgba(105,71,170,.07);border-color:rgba(105,71,170,.16)}
.contacts-copy .eyebrow,.contacts-copy h2 em{color:#6947aa}
.contacts-copy h2{color:#44335f}
.contact-phone{color:#62458d}
.contacts-map{background:rgba(255,255,255,.86);border-color:rgba(105,71,170,.28);box-shadow:10px 10px 0 rgba(105,71,170,.075)}
.map-link{background:rgba(255,255,255,.8);color:#6947aa}
footer{background:#fff;border-color:rgba(105,71,170,.16)}
.footer-bottom{border-color:rgba(105,71,170,.18)}
dialog{background:rgba(255,255,255,.97);border-color:rgba(105,71,170,.3);box-shadow:0 30px 100px rgba(58,37,96,.22)}
dialog::backdrop{background:rgba(61,39,100,.42)}
input,textarea,select{background:rgba(105,71,170,.025);border-color:rgba(105,71,170,.27)}
pre{background:rgba(105,71,170,.07);border-color:rgba(105,71,170,.17)}
@media(max-width:900px){.contacts-map{box-shadow:7px 7px 0 rgba(105,71,170,.075)}}

/* Black header lettering and a prominent order action. */
.header .site-name,.header .site-name:hover,.header nav a,.header nav a:hover{color:#000}
.header nav a:hover{text-decoration:underline;text-decoration-color:rgba(105,71,170,.45);text-underline-offset:7px}
.header .button{min-height:56px;min-width:170px;padding:16px 30px;font-size:17px;font-weight:700;background:#6947aa;border-color:#6947aa;color:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(105,71,170,.2)}
.header .button:hover{background:#55358e;border-color:#55358e;box-shadow:0 9px 25px rgba(105,71,170,.27)}
@media(max-width:900px){.header .button{min-height:52px;font-size:17px;min-width:0}}
@media(max-width:600px){.header .button{min-height:50px;padding:13px 24px;font-size:16px}}

/* Navigation and ordering together immediately below the brand name. */
@media(min-width:901px){
  .header .site-name{grid-column:2/-1;grid-row:1}
  .header nav{grid-column:2;grid-row:2;align-self:center}
  .header-inner>.button{grid-column:3;grid-row:2;align-self:center;min-height:48px;min-width:0;padding:12px 22px;font-size:15px;gap:16px}
}

/* Keep the order action immediately beside the navigation. */
.header-menu{grid-column:2/-1;grid-row:2;display:flex;align-items:center;justify-content:flex-start;gap:18px;min-width:0}
.header-menu>nav{flex:0 1 auto}
.header-menu>.button{flex-shrink:0;margin:0;min-height:48px;min-width:0;padding:12px 22px;font-size:15px;gap:16px}
@media(max-width:1150px){.header-menu{gap:16px}.header-menu>.button{padding-inline:18px;font-size:14px}}
@media(max-width:900px){
  .header-menu{display:contents}
  .header-menu>.button{grid-column:1/-1;grid-row:2;margin:0;justify-content:center;min-height:52px;padding:13px 24px;font-size:17px;gap:15px}
}
@media(max-width:600px){.header-menu>.button{min-height:50px;font-size:16px}}

/* A wide introduction to the pastry maker, after the dessert collection. */
.about-section{background:#fff;padding-block:72px 90px;border-block:1px solid rgba(105,71,170,.12)}
.about-layout{grid-template-columns:minmax(0,1fr);gap:48px}
.about-banner{margin:0;overflow:hidden;border-radius:22px;background:#faf1e4;border:1px solid rgba(163,117,56,.18)}
.about-banner img{display:block;width:100%;height:auto;aspect-ratio:1983/793;object-fit:cover}
.about-copy{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:start;max-width:none}
.about-heading .eyebrow{margin-bottom:18px}
.about-heading h2{margin-bottom:0}
.about-story>p{color:#625c77;font-size:17px;line-height:1.9;margin-bottom:22px}
.about-story .underlined{max-width:100%}
@media(max-width:900px){
  .about-section{padding-block:48px 65px}
  .about-layout{gap:34px}
  .about-copy{grid-template-columns:minmax(0,1fr);gap:25px}
  .about-heading h2{font-size:60px}
}
@media(max-width:600px){
  .about-section{padding-block:32px 50px}
  .about-layout{gap:28px}
  .about-banner{border-radius:16px}
  .about-banner img{aspect-ratio:1/1.05;object-position:79% center}
  .about-copy{gap:22px}
  .about-heading .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:14px}
  .about-heading h2{font-size:clamp(40px,11.8vw,50px)}
  .about-story>p{font-size:16px;line-height:1.85}
  .about-story .underlined{font-size:14px;gap:12px}
}