/* Brand story and design subscription pages. */
.inner-page main{overflow-x:clip}
.page-breadcrumb{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.1em;color:var(--muted);padding-top:30px}
.page-breadcrumb a:hover{color:var(--ink)}
.page-hero-copy h1{font-size:clamp(42px,4.7vw,68px);line-height:1.25;letter-spacing:-.065em;margin:25px 0}
.page-lead{font-size:16px;line-height:1.95;color:var(--muted);max-width:480px;word-break:keep-all}
.page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}
.story-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding:65px 0 95px;min-height:675px}
.story-hero-grid>*{min-width:0}
.story-collage{position:relative;height:470px;margin:0 15px 0 4px}
.story-collage::before{content:"";position:absolute;inset:30px -22px 10px 10px;background:var(--beige);border-radius:50% 50% 0 0}
.story-sheet{position:absolute;width:62%;height:88%;margin:0;overflow:hidden;background:var(--white);border:7px solid var(--white);box-shadow:0 15px 35px #19191918}
.story-sheet img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.story-sheet-back{top:0;right:0;transform:rotate(7deg)}
.story-sheet-front{left:0;bottom:0;transform:rotate(-7deg)}
.story-collage-caption{position:absolute;bottom:-30px;right:0;font-size:8px;letter-spacing:.1em;color:var(--muted)}
.story-core-message strong{font-weight:650;color:var(--ink);box-shadow:inset 0 -.35em 0 #fbb03b55}
.story-identity{padding:80px 0;background:var(--beige);border-top:1px solid var(--line)}
.identity-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}
.identity-grid>*{min-width:0}
.identity-copy h2{font-size:clamp(32px,3.5vw,46px);line-height:1.4;letter-spacing:-.06em;margin-top:20px}
.identity-copy>p:not(.eyebrow){font-size:15px;line-height:1.95;color:var(--muted);margin-top:25px;word-break:keep-all}
.identity-copy strong{display:inline-block;font-size:21px;font-weight:650;color:var(--ink);margin:4px 0 2px}
.identity-meaning{padding-top:20px}
.meaning-circles{display:flex;justify-content:center;align-items:center;margin:0;padding:0;isolation:isolate}
.meaning-circle{flex:0 0 auto;width:clamp(130px,15vw,205px);aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #8f8167;border-radius:50%;background:var(--beige);position:relative}
.meaning-circle+.meaning-circle{margin-left:-24px}
.meaning-circle dt{font-size:clamp(26px,3.3vw,44px);font-weight:550;line-height:1.3;letter-spacing:-.065em}
.meaning-circle dd{margin:10px 0 0;font-size:14px;line-height:1.5;color:#5e5342}
.meaning-circle-well{background:var(--accent);border-color:var(--accent-ink);z-index:1}
.meaning-circle-well dt{font-weight:700}
.meaning-circle-well dd{color:var(--ink)}
.identity-signature{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;font-size:11px;letter-spacing:.12em;color:#5e5342}
.identity-signature>span{font-size:22px;color:var(--accent-ink);line-height:1}
.story-manifesto{background:var(--ink);color:var(--paper);padding:80px 0}
.story-manifesto .section-wrap{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px}
.story-manifesto .eyebrow{color:var(--accent);padding-top:8px}
.story-manifesto h2{font-size:clamp(30px,3.5vw,48px);line-height:1.45;letter-spacing:-.06em}
.story-manifesto p:not(.eyebrow){font-size:14px;line-height:1.95;color:#d1cabe;margin-top:22px;max-width:580px;word-break:keep-all}
.editorial-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}
.editorial-heading h2{margin:20px 0;font-size:clamp(31px,3.4vw,46px)}
.editorial-heading>p:not(.eyebrow){font-size:14px;line-height:1.95;color:var(--muted);max-width:360px;word-break:keep-all}
.principle-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}
.principle-list li{display:grid;grid-template-columns:36px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}
.principle-number{font-size:11px;letter-spacing:.05em;color:var(--accent-ink);padding-top:5px}
.principle-list h3{font-size:22px;letter-spacing:-.05em}
.principle-list p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:11px;word-break:keep-all}
.story-services{background:var(--beige);padding:76px 0}
.story-services-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}
.story-services-head h2{margin-top:18px;font-size:35px}
.story-service-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #b9ae98}
.story-service-links>a{padding:28px 25px 14px 0;min-width:0}
.story-service-links>a+a{border-left:1px solid #c9bda6;padding-left:25px}
.story-service-links span{font-size:9px;letter-spacing:.09em;color:var(--muted)}
.story-service-links h3{font-size:24px;margin:13px 0}
.story-service-links p{font-size:13px;line-height:1.9;color:var(--muted);word-break:keep-all}
.story-service-links b{display:block;font-size:24px;font-weight:400;margin-top:18px;transition:transform .2s}
.story-service-links a:hover b{transform:translateX(7px)}
.page-closing{padding:80px 0}
.page-closing-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.page-closing h2{font-size:clamp(32px,3.5vw,48px);line-height:1.4;margin-top:18px}
.page-closing p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-top:18px}
.closing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex-shrink:0}
.subscription-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center;padding:65px 0 80px;min-height:650px}
.subscription-hero-grid>*{min-width:0}
.subscription-note{font-size:11px;color:var(--muted);margin-top:16px}
.subscription-board{background:var(--ink);color:var(--paper);padding:30px;border-radius:6px;transform:rotate(2deg);box-shadow:0 22px 45px #19191912}
.subscription-board-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #48443b;padding-bottom:20px}
.subscription-board-head>span{font-size:10px;letter-spacing:.13em;color:var(--accent)}
.example-label{border:1px solid #6d6658;border-radius:30px;padding:4px 9px;color:#d3caba;font-size:9px;letter-spacing:0}
.subscription-board>h2{font-size:30px;line-height:1.5;margin:26px 0}
.board-flow{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.board-flow li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:15px;background:#302d27;border:1px solid #4b4539;border-radius:3px}
.board-flow li>span:first-child{width:30px;height:30px;border:1px solid #817356;border-radius:50%;display:grid;place-items:center;font-size:10px;color:var(--accent)}
.board-flow b{display:block;font-size:14px;font-weight:650}
.board-flow p{font-size:10px;color:#c1b8a7;margin-top:3px}
.board-flow li>span:last-child{font-size:18px;color:var(--accent)}
.board-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.board-tags span{font-size:10px;color:#d8cdb8;border:1px solid #6a5c44;border-radius:20px;padding:5px 10px}
.subscription-pricing{padding:80px 0;background:var(--white);border-top:1px solid var(--line)}
.pricing-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:38px}
.pricing-heading h2{font-size:clamp(32px,3.5vw,46px);margin-top:18px;line-height:1.35}
.pricing-heading>p{font-size:13px;line-height:1.9;color:var(--muted);word-break:keep-all}
.pricing-heading>p strong{color:var(--ink);font-weight:600}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pricing-card{display:flex;flex-direction:column;min-width:0;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:5px}
.plan-top{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:28px;margin-bottom:17px}
.plan-label{font-size:10px;letter-spacing:.12em;color:var(--accent-ink)}
.plan-recommended{font-size:10px;font-weight:650;padding:4px 10px;background:var(--accent);color:var(--ink);border-radius:20px;white-space:nowrap}
.pricing-card h3{font-size:28px;letter-spacing:-.05em}
.plan-description{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px;word-break:keep-all;min-height:44px}
.plan-price{display:flex;align-items:baseline;gap:7px;white-space:nowrap;margin-top:20px;line-height:1.15}
.plan-price strong{font-size:62px;letter-spacing:-.07em;font-weight:720;font-variant-numeric:tabular-nums}
.plan-price>span{font-size:17px;font-weight:550}
.plan-price>span:first-child{font-size:13px;font-weight:400;color:var(--muted);margin-right:3px}
.plan-tax{font-size:11px;color:var(--muted);margin-top:12px}
.plan-quota{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:7px;font-size:12px;margin-top:24px;padding:20px 0;border-block:1px solid var(--line)}
.plan-quota strong{font-size:16px;font-weight:550}
.plan-quota b{font-size:25px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.plan-inclusions{list-style:none;margin:22px 0 28px;padding:0;display:grid;gap:11px}
.plan-inclusions li{display:flex;align-items:baseline;gap:9px;font-size:12px;line-height:1.65;word-break:keep-all}
.plan-inclusions li::before{content:"✓";color:var(--accent-ink);font-size:12px}
.pricing-card .plan-button{display:flex;justify-content:space-between;gap:16px;width:100%;margin-top:auto;background:transparent;border:1px solid var(--ink);font-size:12px;padding:15px 16px}
.pricing-card .plan-button:hover{background:var(--ink);color:var(--paper)}
.pricing-card-featured{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pricing-card-featured .plan-label,.pricing-card-featured .plan-price strong,.pricing-card-featured .plan-inclusions li::before{color:var(--accent)}
.pricing-card-featured .plan-description,.pricing-card-featured .plan-tax,.pricing-card-featured .plan-price>span:first-child{color:#cec7b9}
.pricing-card-featured .plan-quota{border-color:#524d43}
.pricing-card-featured .plan-button{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.pricing-card-featured .plan-button:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.pricing-caption{font-size:12px;line-height:1.9;color:var(--muted);margin-top:22px;word-break:keep-all}
.pricing-caption a{display:inline-block;margin-left:10px;color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px}
.subscription-criteria{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;margin-top:65px;padding-top:45px;border-top:1px solid var(--ink);scroll-margin-top:25px}
.criteria-heading h3{font-size:28px;line-height:1.45;margin-top:17px;letter-spacing:-.05em}
.criteria-heading>p:last-child{font-size:12px;color:var(--muted);margin-top:16px;word-break:keep-all}
.criteria-list{margin:0}
.criteria-list>div{display:grid;grid-template-columns:115px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}
.criteria-list>div:first-child{padding-top:0}
.criteria-list dt{font-size:13px;font-weight:650;word-break:keep-all}
.criteria-list dd{margin:0;font-size:12px;line-height:1.9;color:var(--muted);word-break:keep-all}
.criteria-list dd strong{display:block;color:var(--ink);font-weight:650;margin-bottom:6px}
.subscription-scenarios{padding:66px 0;background:var(--beige);border-block:1px solid var(--line)}
.subscription-scenarios .section-heading{margin-bottom:30px}
.subscription-scenarios h2{font-size:35px}
.scenario-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.scenario-list article{padding-top:20px;border-top:1px solid #b7a98c}
.scenario-list article>span{font-size:10px;letter-spacing:.09em;color:var(--accent-ink)}
.scenario-list h3{font-size:20px;margin:14px 0 12px;line-height:1.5}
.scenario-list p{font-size:13px;line-height:1.9;color:var(--muted);word-break:keep-all}
.scope-list{border-top:1px solid var(--ink)}
.scope-list article{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:16px}
.scope-list article>span{font-size:11px;color:var(--accent-ink);padding-top:4px}
.scope-list h3{font-size:21px}
.scope-list p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:10px;word-break:keep-all}
.subscription-process{padding:70px 0;background:var(--white);border-block:1px solid var(--line)}
.subscription-process h2{font-size:35px;margin-top:18px}
.subscription-steps{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.subscription-steps li{padding-top:20px;border-top:1px solid var(--line)}
.subscription-steps span{font-size:11px;color:var(--accent-ink)}
.subscription-steps h3{font-size:21px;margin:12px 0}
.subscription-steps p{font-size:13px;line-height:1.9;color:var(--muted);word-break:keep-all}
.inner-faq{padding-top:90px;padding-bottom:90px}
.subscription-closing{background:var(--accent)}
.subscription-closing p:not(.eyebrow){color:#604818}
@media(max-width:1100px){
  .story-hero-grid,.subscription-hero-grid{gap:40px}
  .story-collage{height:400px}
  .page-hero-copy h1{font-size:clamp(40px,4.9vw,58px)}
  .page-lead{font-size:14px}
  .editorial-grid{gap:55px}
  .subscription-board{padding:25px}
  .subscription-board>h2{font-size:27px}
  .pricing-card{padding:24px 20px}
  .plan-price strong{font-size:54px}
  .subscription-criteria{gap:40px;grid-template-columns:.65fr 1.35fr}
  .criteria-list>div{grid-template-columns:100px 1fr;gap:18px}
}
@media(max-width:900px){
  .identity-grid{grid-template-columns:1fr;gap:32px}
  .identity-copy>p:not(.eyebrow){max-width:550px}
  .identity-meaning{padding-top:5px}
  .meaning-circle{width:190px}
  .pricing-heading{display:block}
  .pricing-heading>p{margin-top:20px}
  .pricing-grid{grid-template-columns:1fr;max-width:540px;margin-inline:auto}
  .pricing-card{padding:28px}
  .plan-description{min-height:0}
  .plan-price strong{font-size:62px}
  .plan-quota{font-size:14px}
  .plan-quota strong{font-size:18px}
  .plan-inclusions li{font-size:14px}
  .subscription-criteria{grid-template-columns:1fr;gap:28px}
}
@media(max-width:800px){
  .story-hero-grid,.subscription-hero-grid{grid-template-columns:1fr;padding:45px 0 70px;gap:45px;min-height:0}
  .page-hero-copy h1{font-size:52px}
  .page-lead{max-width:540px}
  .story-collage{width:min(460px,90%);height:430px;margin:0 auto}
  .story-manifesto .section-wrap{grid-template-columns:1fr;gap:24px}
  .editorial-grid{grid-template-columns:1fr;gap:35px}
  .editorial-heading>p:not(.eyebrow){max-width:540px}
  .subscription-board{width:min(440px,96%);margin:auto;box-sizing:border-box}
  .story-services-head{display:block}
  .story-service-links h3{font-size:20px}
  .story-service-links p{font-size:11px}
  .page-closing-inner{align-items:flex-start}
  .scenario-list,.subscription-steps{gap:25px}
  .scenario-list h3{font-size:18px}
  .scenario-list p,.subscription-steps p{font-size:12px}
}
@media(max-width:600px){
  .page-breadcrumb{padding-top:22px;font-size:8px;gap:9px}
  .story-hero-grid,.subscription-hero-grid{padding:35px 0 60px;gap:35px}
  .page-hero-copy h1{font-size:clamp(34px,9.5vw,48px);margin:20px 0 23px;line-height:1.3}
  .page-lead{font-size:13px;line-height:1.95}
  .page-actions{gap:20px;margin-top:26px}
  .page-actions .button{font-size:12px;padding:16px 18px;gap:24px}
  .page-actions .text-link{font-size:11px;gap:14px}
  .story-collage{width:88%;height:340px;margin:12px auto}
  .story-sheet{border-width:5px}
  .story-collage-caption{font-size:6px;bottom:-26px}
  .story-identity{padding:55px 0}
  .identity-grid{gap:30px}
  .identity-copy h2{font-size:31px;margin-top:16px}
  .identity-copy>p:not(.eyebrow){font-size:12px;margin-top:20px}
  .identity-copy strong{font-size:20px}
  .meaning-circle{width:clamp(86px,27vw,145px)}
  .meaning-circle+.meaning-circle{margin-left:-12px}
  .meaning-circle dt{font-size:clamp(23px,6.8vw,34px)}
  .meaning-circle dd{font-size:11px;margin-top:7px}
  .identity-signature{font-size:9px;margin-top:22px;gap:8px}
  .identity-signature>span{font-size:18px}
  .story-manifesto{padding:55px 0}
  .story-manifesto h2{font-size:28px;line-height:1.5}
  .story-manifesto p:not(.eyebrow){font-size:12px;line-height:1.95;margin-top:20px}
  .editorial-heading h2{font-size:31px;margin:16px 0}
  .editorial-heading>p:not(.eyebrow){font-size:12px}
  .principle-list li{grid-template-columns:25px 1fr;gap:13px;padding:22px 0}
  .principle-list h3{font-size:20px}
  .principle-list p{font-size:12px}
  .story-services{padding:55px 0}
  .story-services-head{margin-bottom:25px}
  .story-services-head h2{font-size:29px}
  .story-services-head .text-link{font-size:11px;margin-top:16px}
  .story-service-links{grid-template-columns:1fr}
  .story-service-links>a{padding:22px 0}
  .story-service-links>a+a{border-left:0;border-top:1px solid #c9bda6;padding-left:0}
  .story-service-links h3{font-size:23px;margin:10px 0}
  .story-service-links p{font-size:12px}
  .story-service-links b{margin-top:12px}
  .page-closing{padding:55px 0}
  .page-closing-inner{display:block}
  .page-closing h2{font-size:31px;margin-top:16px}
  .page-closing p:not(.eyebrow){font-size:12px}
  .closing-actions{margin-top:26px}
  .closing-actions .button{font-size:13px;padding:16px 20px}
  .subscription-note{font-size:10px;line-height:1.8}
  .subscription-board{padding:23px;width:96%;transform:rotate(1deg)}
  .subscription-board-head>span{font-size:9px}
  .subscription-board>h2{font-size:27px;margin:22px 0}
  .board-flow li{padding:12px 10px;grid-template-columns:28px 1fr auto;gap:10px}
  .board-flow li>span:first-child{width:26px;height:26px}
  .board-flow b{font-size:13px}
  .board-flow p{font-size:9px}
  .board-tags{margin-top:20px;gap:5px}
  .board-tags span{font-size:9px;padding:4px 8px}
  .subscription-pricing{padding:55px 0}
  .pricing-heading{margin-bottom:28px}
  .pricing-heading h2{font-size:31px}
  .pricing-heading>p{font-size:12px;margin-top:18px}
  .pricing-grid{gap:18px}
  .pricing-card{padding:25px 23px}
  .plan-top{margin-bottom:14px}
  .pricing-card h3{font-size:27px}
  .plan-description{font-size:12px}
  .plan-price{margin-top:20px}
  .plan-price strong{font-size:58px}
  .plan-quota{margin-top:23px;padding:18px 0;font-size:13px}
  .plan-inclusions{margin:20px 0 24px;gap:10px}
  .plan-inclusions li{font-size:12px}
  .pricing-card .plan-button{font-size:13px;min-height:50px}
  .pricing-caption{font-size:11px;margin-top:20px}
  .pricing-caption a{margin-left:0;display:block;margin-top:6px}
  .subscription-criteria{margin-top:40px;padding-top:30px;gap:25px}
  .criteria-heading h3{font-size:27px;margin-top:14px}
  .criteria-heading>p:last-child{font-size:11px;margin-top:12px}
  .criteria-list>div{grid-template-columns:1fr;gap:8px;padding:18px 0}
  .criteria-list dt{font-size:14px}
  .criteria-list dd{font-size:12px}
  .subscription-scenarios{padding:50px 0}
  .subscription-scenarios h2,.subscription-process h2{font-size:29px;line-height:1.4}
  .scenario-list,.subscription-steps{grid-template-columns:1fr;gap:23px}
  .scenario-list h3{font-size:21px;margin:12px 0 10px}
  .scenario-list p{font-size:12px}
  .scope-list article{grid-template-columns:25px 1fr;gap:13px;padding:22px 0}
  .scope-list h3{font-size:20px}
  .scope-list p{font-size:12px}
  .subscription-process{padding:50px 0}
  .subscription-steps{margin-top:28px}
  .subscription-steps h3{font-size:21px}
  .inner-faq{padding:60px 0}
}
@media(max-width:360px){
  .page-hero-copy h1{font-size:33px}
  .story-collage{height:295px}
  .subscription-board{padding:19px}
  .subscription-board>h2{font-size:24px}
  .subscription-board-head{gap:8px}
  .example-label{font-size:8px;padding:3px 7px}
  .page-actions{gap:16px}
}