/* A single editorial experience; the introduction carries the demonstration. */
.front-opening{padding-block:55px 48px}.front-opening h1{font-size:clamp(54px,7.3vw,96px);line-height:1.02;max-width:1100px;margin-bottom:30px}.front-opening-foot{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.front-opening-foot>p{font:23px/1.45 Newsreader,Georgia,serif;max-width:660px;margin:0}.front-opening-foot>div{justify-self:end}.front-enter{font-size:15px;color:#267577;display:flex;align-items:center;gap:30px;min-height:48px;text-underline-offset:7px}.front-opening-foot .small{display:block;font-size:11px;margin-top:10px}.front-experience{display:grid;grid-template-columns:210px minmax(0,1fr);gap:55px;border-top:1px solid var(--rule);padding-block:42px 0}.front-margin{padding-top:50px}.margin-number{font:12px/1 'Public Sans',sans-serif;color:#267577;display:block;margin-bottom:25px}.front-margin>.handwritten{font-size:31px;line-height:1.2;transform:rotate(-3deg);margin-bottom:28px}.front-margin>p:not(.handwritten){font-size:13px;line-height:1.8}.front-margin>.quiet-link{font-size:12px;line-height:1.5;color:#267577}.margin-bottom{margin-top:70px}.margin-bottom p{font-size:12px;color:#5d5a61;margin-top:20px}.front-person{min-width:0}.front-window-label{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.04em;color:#5d5a61;margin-bottom:16px}.front-under-profile{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-top:20px}.front-under-profile>p{font-size:12px;line-height:1.8;margin:0}.front-under-profile .small{font-size:10px}.front-under-profile .handwritten{font-size:22px;transform:rotate(-2deg)}.front-market{margin-top:25px;border-block:1px solid var(--rule)}.front-market>summary{list-style:none;min-height:64px;padding-block:20px;display:flex;justify-content:space-between;gap:20px;font-size:13px}.front-market>summary::-webkit-details-marker{display:none}.front-market[open]>summary>span:last-child{transform:rotate(45deg)}.front-market-body{padding-bottom:25px}.front-market-body>img{width:100%;aspect-ratio:2;object-fit:cover;object-position:50% 38%;border-radius:7px}.front-market-body>div{padding:26px 0 0;max-width:640px}.front-market-body h2{font-size:36px}.front-market-body p:not(.eyebrow){font-size:14px}.front-market-body .small{font-size:11px!important}.front-bridge{padding-block:58px 65px;padding-left:265px}.front-bridge>p{font:29px/1.4 Newsreader,Georgia,serif;margin-bottom:18px}.front-bridge>a{font-size:13px;color:#267577;display:inline-flex;align-items:center;gap:25px;min-height:44px}.front-door-study .story-your-turn{background:#f6efe5;padding-block:45px}.front-door-study .your-turn-heading{grid-template-columns:1fr 1fr;gap:50px}.front-door-study .your-turn-heading h2{font-size:52px}.front-door-study .your-turn-heading>p{font:24px/1.35 Newsreader,Georgia,serif;margin:0}.front-door-study .try-writing{margin-top:20px;gap:60px}.front-door-study .writing-invitation>img{width:60px;height:40px;margin-bottom:15px}.front-door-study .your-piece{min-height:240px}.front-door-study .story-plans{padding-block:60px;gap:70px}.front-door-study .story-plans h2{font-size:40px}.front-door-study .plan-line h3{font-size:29px}.front-door-study .why-section{padding-block:55px;gap:80px}.front-door-study #morgan-name:focus-visible{outline:2px solid #267577;outline-offset:6px}.front-door-study .why-section h2{font-size:42px}
@media(max-width:1000px){.front-experience{grid-template-columns:160px minmax(0,1fr);gap:30px}.front-bridge{padding-left:190px}.front-under-profile{flex-direction:column;gap:12px}.front-opening-foot{gap:35px}.front-door-study .why-section,.front-door-study .story-plans{gap:40px}}
@media(max-width:760px){.front-opening{padding-block:35px}.front-opening h1{font-size:clamp(49px,9vw,68px)}.front-opening-foot{grid-template-columns:1fr;gap:22px}.front-opening-foot>div{justify-self:start}.front-opening-foot>p{font-size:22px}.front-opening-foot .small br{display:none}.front-experience{grid-template-columns:1fr;padding-top:25px;gap:20px}.front-margin{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.front-margin>.handwritten{font-size:26px;margin:0;transform:none}.margin-number,.margin-bottom,.front-margin>.quiet-link{display:none}.front-margin>p:not(.handwritten){margin:0;font-size:12px}.front-window-label{margin-bottom:12px}.front-bridge{padding:35px 0}.front-bridge>p{font-size:26px}.front-door-study .your-turn-heading{grid-template-columns:1fr;gap:12px}.front-door-study .your-turn-heading h2{font-size:44px}.front-door-study .your-turn-heading>p{font-size:22px}.front-door-study .try-writing{gap:25px}.front-door-study .story-plans{padding-block:40px;gap:25px}.front-door-study .story-plans h2 br{display:none}.front-door-study .why-section{padding-block:40px;gap:25px}}
@media(max-width:480px){.front-opening h1{font-size:49px}.front-opening-foot>p{font-size:21px}.front-margin{grid-template-columns:1fr;gap:10px}.front-margin>.handwritten br{display:none}.front-window-label{font-size:9px;gap:10px}.front-under-profile .handwritten{font-size:23px}.front-market-body h2{font-size:30px}.front-door-study .story-plans h2{font-size:36px}.front-door-study .why-section h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.front-margin>.handwritten,.front-under-profile .handwritten{transform:none}}
.front-film-slot{margin:0}.front-film-slot img{width:100%;aspect-ratio:2;object-fit:cover;object-position:50% 38%;border-radius:7px}.front-film-slot figcaption{font-size:11px;line-height:1.6;color:var(--muted);padding-top:10px}.full-profile-intro{font-size:14px;padding-block:6px 20px}.front-full #download-full-record{font-size:12px;margin-block:22px}.front-full .composition-more-pieces{margin-bottom:22px}.marketing-sharing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;padding-block:15px 30px}.marketing-sharing-layout>div{min-width:0}.marketing-sharing-layout h2{font-size:32px}.marketing-sharing-layout h3{font-size:28px;margin-top:30px}.marketing-sharing-layout p{font-size:14px}.marketing-sharing-layout .small{font-size:11px}.marketing-sharing-layout .primary{font-size:12px;line-height:1.5}.marketing-sharing-layout .sharing-card{position:static}.sharing-card .fine{font-size:11px;color:var(--muted)}.sharing-card .cycle svg{fill:currentColor}.sharing-person .portrait img{width:100%;height:100%;object-fit:cover}.marketing-footer{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:35px;padding-block:45px 20px;border-top:1px solid var(--rule)}.footer-intro>p{font:23px/1.3 Newsreader,Georgia,serif;margin-top:22px}.marketing-footer nav{display:flex;align-items:start;flex-direction:column;gap:3px}.marketing-footer h2{font:23px/1.2 Newsreader,Georgia,serif;margin-bottom:13px}.marketing-footer nav a{font-size:12px;line-height:1.6;min-height:44px;display:flex;align-items:center}.footer-status{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:20px;margin:0;font-size:11px;color:var(--muted)}.notice-page{max-width:800px;padding-block:50px}.notice-page h1{font-size:58px}.notice-page h2{font-size:36px}.notice-page>p,.notice-page section p{font-size:15px;line-height:1.8}.notice-page section{padding-block:35px;border-top:1px solid var(--rule);scroll-margin-top:20px}.notice-page details{font-size:13px}.notice-page summary{min-height:44px}
@media(max-width:1000px){.marketing-sharing-layout{grid-template-columns:1fr}.marketing-sharing-layout #marketing-sharing-card{max-width:420px}.marketing-footer{grid-template-columns:1fr 1fr;gap:25px}}
@media(max-width:480px){.marketing-footer{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-intro{grid-column:1/-1}.marketing-footer h2{font-size:21px}.marketing-sharing-layout .sharing-card{padding:23px}.notice-page h1{font-size:44px}}

/* The personal note is a quieter, distinct pause before the footer. */
.front-door-study .founder-note-band{background:#edf3ee;border-block:1px solid #d3ded5}.front-door-study .founder-note-band .why-section{border:0;padding-block:clamp(40px,6vw,78px)}

/* An editorial comparison gives the complementary role its own place in the story. */
.front-commons{margin-top:55px;padding-block:clamp(48px,6vw,80px);background:#f3e9ec;border-block:1px solid #dfd3d8}
.front-commons-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(35px,7vw,90px);align-items:start}
.front-commons h2{font-size:clamp(38px,4.5vw,59px);line-height:1.08;text-wrap:pretty;margin-bottom:28px}
.front-commons h2 em{color:#9a4053}.front-commons-link{display:inline-flex;align-items:center;gap:22px;min-height:48px;color:#292b3e;font-size:14px;line-height:1.5}
.front-commons-copy{padding-top:36px;min-width:0}.front-commons-copy>p{font-size:16px;line-height:1.75;max-width:52ch}
.front-commons-copy .front-commons-places{font:28px/1.3 Newsreader,Georgia,serif;margin-bottom:25px}
.front-commons-copy .front-commons-close{border-top:1px solid #cdbbc2;padding-top:23px;margin:28px 0 0;font:23px/1.4 Newsreader,Georgia,serif}.front-commons-close em{color:#9a4053}
@media(max-width:760px){.front-commons{margin-top:35px}.front-commons-layout{grid-template-columns:1fr;gap:25px}.front-commons-copy{padding-top:0}.front-commons h2 br{display:none}.front-commons h2 em{display:block}.front-commons-copy .front-commons-places{font-size:26px}}

/* Homepage hero candidate: the person’s world leads into the working introduction. */
.front-illustrated-opening{display:grid;grid-template-columns:.95fr 1.05fr;gap:45px;align-items:center;padding-block:48px}
.front-hero-copy{min-width:0}.front-illustrated-opening h1{font-size:clamp(48px,4.9vw,66px);line-height:1.05;margin-bottom:25px;letter-spacing:-.035em}
.front-hero-description{font:22px/1.45 Newsreader,Georgia,serif;max-width:490px;margin:0 0 22px}
.front-hero-copy .front-enter{display:inline-flex;gap:22px}.front-hero-copy>.small{font-size:11px;line-height:1.7;max-width:400px;margin:9px 0 0}
.front-hero-scene{min-width:0;margin:0}.front-hero-scene img{display:block;width:100%;height:auto;border-radius:3px 3px 28px 3px}.front-hero-scene figcaption{font-size:23px;line-height:1.3;color:#397b63;margin-top:18px;text-align:center}
@media(max-width:1000px){.front-illustrated-opening{gap:28px}.front-illustrated-opening h1{font-size:clamp(43px,5vw,58px)}.front-hero-description{font-size:21px}.front-hero-scene figcaption{font-size:21px}}
@media(max-width:760px){.front-illustrated-opening{grid-template-columns:1fr;gap:30px;padding-block:35px}.front-illustrated-opening h1{font-size:clamp(42px,8.5vw,62px);max-width:600px}.front-hero-description{max-width:580px}.front-hero-scene{width:100%;max-width:620px;margin-inline:auto}.front-hero-scene figcaption{margin-top:14px}}