/* Franklin: a heritage-to-systems editorial spread, copper and deep teal. */
.frtn-page{--fr-ink:#302924;--fr-copper:#a75d42;--fr-teal:#174448;--fr-paper:#f8f2e9;--fr-rule:#d3bca8;background:var(--fr-paper);color:var(--fr-ink);font-family:var(--font-body,"DM Sans",sans-serif)}
.frtn-page *{box-sizing:border-box}.frtn-page a{color:inherit;text-underline-offset:.22em}.frtn-page a:hover{color:#a75d42}.frtn-page a:focus-visible{outline:3px solid var(--fr-copper);outline-offset:4px}.frtn-shell{width:min(1240px,calc(100% - 3.5rem));margin:auto}.frtn-page h1,.frtn-page h2,.frtn-page h3,.frtn-page h4{font-family:var(--font-display,"Cormorant Garamond",Georgia,serif);font-weight:500;letter-spacing:-.035em;text-wrap:balance}.frtn-page p{line-height:1.65}.frtn-page h2{font-size:clamp(3.2rem,5.2vw,6rem);line-height:.95;margin:0}.frtn-kicker{font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--fr-copper);margin:0 0 1.2rem}.frtn-button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;min-width:285px;max-width:100%;background:var(--fr-teal);color:#fff!important;text-decoration:none;padding:1.05rem 1.2rem;font-size:.78rem;font-weight:800}.frtn-button:hover{background:#306b6c;color:#fff!important}
.frtn-hero{padding:1.6rem 0 0;background:#f1e2d2;border-top:7px solid var(--fr-copper)}.frtn-hero nav{display:flex;flex-wrap:wrap;gap:.6rem;color:#755f53;font-size:.75rem;margin-bottom:2.3rem}.frtn-issue{display:flex;justify-content:space-between;border-top:1px solid #c39b83;padding-top:.8rem;font-size:.66rem;font-weight:800;letter-spacing:.17em;color:#89543d}.frtn-hero-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:clamp(2rem,6vw,6rem);align-items:end}.frtn-hero-grid>div{padding:2.8rem 0 3.8rem}.frtn-hero h1{font-size:clamp(5.4rem,7vw,8rem);line-height:.83;max-width:12ch;margin:0 0 2rem}.frtn-hero h1 small{display:block;font:800 .77rem/1.5 var(--font-body,"DM Sans",sans-serif);color:#8d523b;letter-spacing:0;margin-bottom:1.2rem}.frtn-hero h1 em{color:var(--fr-copper)}.frtn-hero-grid>div>p:not(.frtn-price){font-size:1.02rem;max-width:51ch}.frtn-hero .frtn-button{margin-top:1.2rem}.frtn-price{font-size:.78rem}.frtn-price b{margin-left:.3rem}.frtn-price small{display:block;font-size:.69rem}.frtn-hero figure{margin:0;height:640px;position:relative;overflow:hidden}.frtn-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:51% center}.frtn-hero figcaption{position:absolute;right:0;bottom:0;background:#173d40e8;color:#fff;padding:.62rem .9rem;font-size:.68rem;max-width:310px}
.frtn-opening{padding:clamp(5rem,8vw,9rem) 0}.frtn-opening .frtn-shell{display:grid;grid-template-columns:.32fr 1fr;gap:clamp(3rem,8vw,8rem)}.frtn-aside{border-top:5px solid var(--fr-copper);padding-top:1rem}.frtn-aside span{font-size:.68rem;font-weight:800;letter-spacing:.17em;color:var(--fr-copper)}.frtn-aside p{font:500 2.2rem/1.05 var(--font-display,"Cormorant Garamond",Georgia,serif);max-width:11ch}.frtn-opening h2{max-width:15ch;margin-bottom:1.8rem}.frtn-opening .frtn-shell>div:last-child>p{max-width:67ch;font-size:1.02rem}.frtn-sources{border-top:2px solid var(--fr-teal);max-width:590px;margin-top:2rem}.frtn-sources a{display:flex;justify-content:space-between;border-bottom:1px solid var(--fr-rule);padding:.7rem 0;font-size:.78rem;font-weight:800}
.frtn-work{background:#e0d3c5;padding:clamp(4rem,7vw,7rem) 0}.frtn-work .frtn-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2rem,7vw,7rem);align-items:center}.frtn-work figure{margin:0}.frtn-work img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;box-shadow:14px 14px 0 #b68c72}.frtn-work figcaption{font-size:.7rem;margin-top:1.3rem}.frtn-work span{font-size:.68rem;letter-spacing:.18em;font-weight:800;color:#8e543e}.frtn-work h2{max-width:13ch;margin:1.2rem 0}.frtn-work p{max-width:47ch;font-size:1rem}
.frtn-principle{background:var(--fr-teal);color:#f9f1e8;padding:clamp(5rem,8vw,8rem) 0}.frtn-principle .frtn-shell{display:grid;grid-template-columns:.23fr 1fr;gap:clamp(2rem,8vw,8rem)}.frtn-principle span{font-size:.68rem;letter-spacing:.17em;font-weight:800;color:#dba88e}.frtn-principle h2{font-size:clamp(4rem,6.2vw,7.3rem);max-width:16ch}.frtn-principle em{color:#dfad8f}
.frtn-edit{padding:clamp(5rem,8vw,9rem) 0}.frtn-edit-head{display:grid;grid-template-columns:.24fr 1fr .65fr;gap:1.5rem;align-items:end;border-bottom:5px solid var(--fr-teal);padding-bottom:2rem}.frtn-edit-head h2{max-width:13ch}.frtn-edit-head>p:last-child{font-size:.9rem;max-width:35ch}.frtn-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}.frtn-columns>div{padding:2rem 2.2rem;background:#e9e8db}.frtn-columns>.frtn-replace{background:#e9d9ca}.frtn-columns h3{font-size:4.2rem;line-height:.9;margin:0 0 1.5rem;color:var(--fr-teal)}.frtn-columns .frtn-replace h3{color:var(--fr-copper)}.frtn-columns section{border-top:1px solid #b9b8a7;padding:1.2rem 0}.frtn-columns h4{font-size:2rem;line-height:1;margin:0}.frtn-columns p{font-size:.89rem;max-width:54ch;margin-bottom:0}
.frtn-experiment{padding:clamp(5rem,8vw,9rem) 0;background:#e7e9e4}.frtn-experiment .frtn-shell{display:grid;grid-template-columns:.8fr 1fr;gap:clamp(3rem,8vw,8rem)}.frtn-experiment h2{max-width:12ch}.frtn-experiment .frtn-shell>div:last-child{border-top:4px solid var(--fr-teal);padding-top:1rem}.frtn-experiment .frtn-shell>div:last-child>p{font-size:1.02rem;max-width:65ch}
.frtn-niches{padding:clamp(5rem,8vw,9rem) 0}.frtn-niches .frtn-shell{display:grid;grid-template-columns:.75fr 1fr;gap:clamp(3rem,8vw,8rem)}.frtn-niches h2{max-width:13ch}.frtn-niches .frtn-shell>div:last-child{border-top:4px solid var(--fr-copper)}.frtn-niches section{border-bottom:1px solid var(--fr-rule);padding:1.3rem 0}.frtn-niches h3{font-size:2.35rem;line-height:1;margin:0}.frtn-niches section p{font-size:.92rem;max-width:57ch}.frtn-niches section a{font-size:.77rem;font-weight:800}
.frtn-accounting{background:#bb7a60;color:#fff8f0;padding:clamp(5rem,8vw,9rem) 0}.frtn-accounting .frtn-shell{display:grid;grid-template-columns:.24fr 1fr;gap:1rem clamp(3rem,8vw,8rem)}.frtn-accounting span{font-size:.67rem;letter-spacing:.17em;font-weight:800;color:#ffe0c8}.frtn-accounting h2{max-width:16ch}.frtn-accounting p,.frtn-accounting .frtn-shell>div{grid-column:2;max-width:67ch}.frtn-accounting p{font-size:1.04rem}.frtn-accounting .frtn-shell>div a{display:inline-block;margin:.6rem 1.5rem .6rem 0;font-size:.78rem;font-weight:800}
.frtn-build{padding:clamp(5rem,8vw,9rem) 0}.frtn-build .frtn-shell{display:grid;grid-template-columns:1fr .8fr;gap:clamp(3rem,8vw,8rem)}.frtn-build h2{max-width:12ch}.frtn-build .frtn-shell>div>p:not(.frtn-kicker){font-size:1.02rem;max-width:52ch}.frtn-build .frtn-button{margin:1rem 0}.frtn-resource{display:block;font-size:.77rem;font-weight:800}.frtn-build aside{border-top:5px solid var(--fr-copper);padding-top:1.2rem}.frtn-build aside h3{font-size:2.8rem;line-height:1;margin:0 0 1rem}.frtn-build aside a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px solid var(--fr-rule);padding:.78rem 0;text-decoration:none}.frtn-build aside span{font:500 1.4rem/1 var(--font-display,"Cormorant Garamond",Georgia,serif)}.frtn-build aside strong{font-size:.76rem;text-align:right}.frtn-build aside small{display:block;line-height:1.5;margin-top:1rem}
.frtn-faq{padding:clamp(5rem,8vw,9rem) 0;background:#e8ded2}.frtn-faq .frtn-shell{display:grid;grid-template-columns:.78fr 1fr;gap:clamp(3rem,8vw,8rem)}.frtn-faq h2{max-width:12ch}.frtn-faq section{border-top:1px solid #c8aa96;padding:1.2rem 0}.frtn-faq h3{font-size:2rem;line-height:1.08;margin:0}.frtn-faq section p{max-width:64ch}.frtn-foot{background:var(--fr-teal);color:#fff7ed;padding:1.4rem 0}.frtn-foot .frtn-shell{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.77rem}.frtn-foot nav{display:flex;gap:1rem}
@media(max-width:850px){.frtn-shell{width:calc(100% - 2rem)}.frtn-hero{padding-top:4.7rem}.frtn-hero nav{margin-bottom:1.2rem}.frtn-issue span:last-child{display:none}.frtn-hero-grid,.frtn-opening .frtn-shell,.frtn-work .frtn-shell,.frtn-principle .frtn-shell,.frtn-edit-head,.frtn-columns,.frtn-experiment .frtn-shell,.frtn-niches .frtn-shell,.frtn-accounting .frtn-shell,.frtn-build .frtn-shell,.frtn-faq .frtn-shell{grid-template-columns:1fr;gap:1.4rem}.frtn-hero-grid>div{padding:2rem 0 1rem}.frtn-hero h1{font-size:clamp(4.2rem,13vw,6rem)}.frtn-hero figure{height:250px}.frtn-hero figcaption{left:0;right:auto}.frtn-work img{box-shadow:8px 8px 0 #b68c72}.frtn-principle h2{font-size:clamp(3.8rem,11vw,5.5rem)}.frtn-columns>div{padding:1.3rem}.frtn-accounting p,.frtn-accounting .frtn-shell>div{grid-column:1}.frtn-foot .frtn-shell{display:block}.frtn-foot nav{margin-top:1rem}}