/* Masmoudi — editorial direction. A strong type scale and quiet, functional detail. */
.editorial{--paper:#f7f6f2;--ink:#20211f;--editorial-orange:#20211f;background:var(--paper)}
.editorial .nav{height:88px}.editorial .nav .brand{font-size:22px}.editorial .nav .pill{border-radius:3px}.editorial .wrap{max-width:1520px;padding-inline:clamp(22px,5.6vw,88px)}
.editorial .pill{border-radius:3px;gap:28px;min-height:50px}.editorial .text-link{display:inline-block;min-height:44px;line-height:1.6;padding-block:12px}.editorial .editorial-hero{padding-top:28px;padding-bottom:90px}
.editorial-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.08em;color:#595a54}.editorial-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:42px 0 38px}.editorial-heading h1{font-size:clamp(72px,10.7vw,164px);line-height:.99;font-weight:550;letter-spacing:-.078em}.editorial-heading h1>span{color:var(--editorial-orange)}.editorial-asterisk{font-family:Georgia,serif;font-size:clamp(90px,15vw,225px);color:var(--editorial-orange);line-height:1;padding-right:3vw}
.editorial-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;border-top:1px solid #c9c8c0;padding:30px 0 58px;align-items:start}.editorial-intro>p{font-size:clamp(20px,2.25vw,32px);line-height:1.4;letter-spacing:-.045em}.editorial-description{font-size:15px;line-height:1.75;color:#60615a;max-width:430px;margin-bottom:22px}.editorial-price{display:block;font-size:11px;text-decoration:underline;text-underline-offset:4px;margin-top:16px;width:fit-content;padding-block:6px}
.editorial-feature{display:block}.feature-art{display:grid;grid-template-columns:1fr 1.3fr;background:#e5e7dc;position:relative;min-height:420px;overflow:hidden}.feature-copy{display:flex;flex-direction:column;justify-content:space-between;padding:38px 45px;color:#4d573d}.feature-copy>span{font-size:10px;letter-spacing:.13em}.feature-copy>strong{font:clamp(90px,13vw,185px)/1 Georgia,serif;letter-spacing:-.08em}.feature-copy>strong span{font-size:.28em;vertical-align:top;display:inline-block;padding-top:.4em;letter-spacing:0}.feature-copy>p{font-size:13px;line-height:1.7}.feature-art>img{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:75% center;transition:transform .7s}.feature-disc{position:absolute;right:24px;bottom:24px;display:grid;place-content:center;text-align:center;border-radius:50%;width:94px;height:94px;background:#f7f6f2;color:#20211f;font-size:12px;line-height:1.6}.editorial-feature:hover .feature-disc{background:#20211f;color:#fff}.feature-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;padding:20px 0;border-bottom:1px solid #c9c8c0}.feature-caption>span:nth-child(2){color:#60615a}
.editorial .work-a{padding-block:70px 100px}.editorial .section-head h2{font-size:clamp(44px,5.1vw,78px);font-weight:500;letter-spacing:-.065em}.editorial .work-grid{grid-template-columns:1.08fr 1fr;gap:60px 40px}.editorial .work-tile:nth-child(odd):not(.alma-tile){padding-top:0}.editorial .work-tile:nth-child(even){padding-top:95px}.editorial .tile-caption h3{font-size:28px}.editorial .tile-caption p{max-width:430px}.editorial .tile-inner{height:clamp(310px,33vw,460px)}.editorial .tile-caption .case-arrow{border-radius:0;border:0;font-size:29px}.editorial .deckit-feature{margin-top:75px}
.editorial .approach-a{max-width:none;background:#20211f;color:#f7f6f2;padding-block:85px}.editorial .approach-a h2{font-size:clamp(43px,5vw,74px);letter-spacing:-.06em}.editorial .studio-intro{color:#cacbc2}.editorial .steps p{color:#c4c6bc}.editorial .steps article{border-color:#5c5e54}.editorial .steps article>span{color:#d4b49c}.editorial .approach-a>.pill{color:#f7f6f2;background:transparent}.author-line{display:flex;align-items:center;gap:24px;padding:28px 0 35px;border-bottom:1px solid #53554c;margin-bottom:45px}.author-monogram{position:relative;font-size:32px;letter-spacing:-3px;border:1px solid #77796f;padding:16px 20px}.author-monogram>span{font-size:18px;letter-spacing:0;vertical-align:top;margin-left:8px;color:#dbb998}.author-line>div{display:grid;gap:7px}.author-line strong{font-size:18px;font-weight:500}.author-line>div>span{color:#bfc1b6;font-size:12px}.author-line>p{margin-left:auto;font-size:13px;line-height:1.7;color:#bfc1b6}.editorial .home-offers{padding-block:90px}.editorial .contact-a{background:#efeee8}.editorial .contact-a h2{font-size:clamp(54px,8vw,112px)}.editorial .project-form{border:0}.editorial .pricing-note{max-width:950px}
/* Alma project story. */
.case-page main{overflow:clip}.case-hero{padding-block:30px 0}.back-link{font-size:12px;display:inline-flex;align-items:center;min-height:44px;color:#61635b}.case-title-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;padding-block:45px 40px}.case-title-row h1{font:clamp(100px,15vw,210px)/.95 Georgia,serif;letter-spacing:-.075em;color:#4d573d;margin-top:26px}.case-title-row h1>span{font-size:.32em;vertical-align:top;margin-left:12px;color:inherit;letter-spacing:0}.case-lead{font-size:clamp(23px,2.7vw,40px);letter-spacing:-.04em;line-height:1.3}.case-disclosure{font-size:12px;line-height:1.8;color:#62645b;margin-top:24px}.case-meta{display:flex;gap:26px;align-items:center;border-top:1px solid #cacbc0;padding:22px 0;font-size:11px}.case-meta a{margin-left:auto;min-height:44px;display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid}.case-cover{position:relative;margin:0;background:#d5d9c9}.case-cover>img{width:100%;height:clamp(440px,52vw,760px);object-fit:cover;object-position:center 54%}.case-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#20271880,transparent 75%);pointer-events:none}.case-cover figcaption{position:absolute;z-index:1;inset:0;padding:6vw;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.case-cover figcaption>span{font:clamp(70px,10vw,150px)/1 Georgia,serif;letter-spacing:-.08em}.case-cover figcaption>span>span{font-size:.3em;vertical-align:top;letter-spacing:0;margin-left:8px}.case-cover figcaption>p{font-size:clamp(22px,3.3vw,48px);line-height:1.25;letter-spacing:-.04em}
.case-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:100px}.case-page h2{font-size:clamp(38px,4.4vw,65px);line-height:1.12;font-weight:500;letter-spacing:-.055em;margin-top:25px}.case-page h2 em{font-family:Georgia,serif;font-weight:400}.case-prose{padding-top:37px}.case-prose>p{font-size:16px;line-height:1.9;color:#5e6056;margin-bottom:22px}.case-note{border-top:1px solid #c7cabe;margin-top:30px;padding-top:24px}.case-note strong{font-size:13px;font-weight:600}.case-note p{font-size:12px;line-height:1.8;color:#65675d;margin-top:10px}.case-design{padding-block:80px;background:#e6e8dd}.case-section-heading{display:grid;grid-template-columns:1.1fr 1fr;column-gap:80px;align-items:end}.case-section-heading>.eyebrow{grid-column:1/-1}.case-section-heading>p{font-size:15px;line-height:1.8;color:#5e6352;max-width:430px}.design-board{display:grid;grid-template-columns:1.1fr 1fr;margin-top:60px;border:1px solid #b9bfab}.type-specimen{padding:40px;display:flex;flex-direction:column;gap:35px;background:#f4f2e9;color:#4d573d}.board-label{font-size:10px;letter-spacing:.1em}.type-specimen>strong{font:clamp(80px,10vw,145px)/1 Georgia,serif;letter-spacing:-.08em}.type-specimen>strong>span{font-size:.3em;letter-spacing:0;vertical-align:top}.type-specimen>p{font-size:20px;letter-spacing:-.04em}.type-specimen em{font-family:Georgia,serif}.type-specimen>span:last-child{font-size:12px;line-height:1.8}.palette{display:grid;grid-template-rows:repeat(3,1fr)}.palette>div{background:var(--swatch);padding:25px 30px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.07em;border-bottom:1px solid #20211f15}.experience-steps{padding-top:22px}.experience-steps article{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #c7cabe}.experience-steps article>span{font-size:11px;padding-top:6px;color:#727765}.experience-steps h3{font-size:23px;font-weight:500;letter-spacing:-.05em}.experience-steps p{font-size:14px;color:#616457;line-height:1.8;margin-top:12px}.experience-steps>.text-link{margin-top:20px}.case-preview{padding-block:0 40px}.preview-bar{background:#e1e3d9;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;font-size:10px;border:1px solid #c6cabb}.preview-bar a{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.desktop-capture{width:100%;height:auto;border:1px solid #c6cabb;border-top:0}.case-mobile{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:60px 100px}.mobile-stage{position:relative;background:#dce0d2;padding:55px 35px 90px;display:flex;justify-content:center}.phone-frame{max-width:265px;border:7px solid #30352a;border-radius:30px;background:#f4f2e9;overflow:hidden;box-shadow:18px 25px 45px #2f3b2918}.phone-frame img{width:100%;height:auto}.mobile-stage-label{position:absolute;bottom:26px;left:30px;font-size:9px;letter-spacing:.1em;line-height:1.7;color:#4d573d}.case-mobile>div>p{font-size:15px;line-height:1.8;color:#616457;margin-top:28px;max-width:430px}.case-mobile ul{padding-left:18px;margin-block:25px 30px;max-width:440px}.case-mobile li{font-size:13px;line-height:1.8;margin-bottom:10px;padding-left:7px;color:#616457}.case-transfer{border-top:1px solid #c7cabe}.case-next{background:#efeee8;padding-block:70px}.case-next h2{font-size:clamp(55px,8vw,115px);letter-spacing:-.065em}.case-next .wrap>div{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:30px}.case-next p{font-size:15px;line-height:1.8}.case-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px;font-size:12px}.case-footer>a:not(.brand){min-height:44px;display:flex;align-items:center}.case-page [id]{scroll-margin-top:110px}
@media(min-width:761px) and (max-width:1050px){.feature-copy{padding:30px}.feature-art,.feature-art>img{min-height:330px}.editorial-intro{gap:35px}.case-section,.case-mobile,.case-section-heading{gap:40px}.case-meta{gap:16px;font-size:10px}.case-title-row{gap:30px}.type-specimen{padding:28px}.palette>div{padding:22px 18px}.editorial .nav nav{gap:22px}.editorial .nav .pill{font-size:12px;padding-inline:16px}}
@media(max-width:760px){
.editorial .nav{height:72px}.editorial .nav .brand{font-size:21px}.editorial .nav .mobile-menu-toggle{border-radius:3px}.editorial .editorial-hero{padding-top:22px;padding-bottom:48px}.editorial-meta{font-size:8px;line-height:1.6;gap:18px}.editorial-meta>span:last-child{text-align:right;max-width:130px}.editorial-heading{position:relative;padding:36px 0 28px}.editorial-heading h1{font-size:clamp(58px,12.8vw,98px);letter-spacing:-.075em;line-height:1.02}.editorial-asterisk{font-size:40px;position:absolute;right:0;bottom:28px;padding:0}.editorial-intro{display:block;padding:25px 0 35px}.editorial-intro>p{font-size:22px;line-height:1.4}.editorial-description{font-size:14px;line-height:1.75;margin-top:22px;margin-bottom:22px;max-width:440px}.editorial-intro .pill{font-size:13px}.editorial-price{margin-top:14px;font-size:11px;min-height:34px}.feature-art{grid-template-columns:1fr;min-height:0}.feature-copy{padding:25px 25px 28px;position:relative;min-height:210px}.feature-copy>strong{font-size:103px;margin-top:12px}.feature-copy>p{font-size:11px;position:absolute;bottom:31px;right:23px;max-width:130px}.feature-copy>span{font-size:8px}.feature-art>img{min-height:0;height:270px;object-position:center}.feature-disc{width:75px;height:75px;right:15px;bottom:15px;font-size:11px}.feature-caption{flex-wrap:wrap;gap:10px 18px;font-size:9px;padding:17px 0}.feature-caption>span:nth-child(2){order:3;width:100%;font-size:10px}.feature-caption>span:last-child{margin-left:auto}.editorial .work-a{padding-block:45px 55px}.editorial .section-head h2{font-size:clamp(36px,8.8vw,58px);line-height:1.1}.editorial .section-head p{max-width:390px}.editorial .work-grid{grid-template-columns:1fr;gap:35px}.editorial .work-tile:nth-child(even){padding-top:0}.editorial .tile-inner{height:clamp(270px,77vw,430px)}.editorial .tile-caption h3{font-size:25px}.editorial .deckit-feature{margin-top:45px}.editorial .approach-a{padding-block:50px}.editorial .approach-a h2{font-size:clamp(37px,9vw,58px)}.author-line{gap:16px;flex-wrap:wrap;padding:26px 0;margin-bottom:25px}.author-monogram{font-size:26px;padding:13px 14px}.author-line strong{font-size:16px}.author-line>div>span{font-size:11px}.author-line>p{margin-left:0;width:100%;font-size:12px}.editorial .steps{gap:25px}.editorial .home-offers{padding-block:50px}.editorial .contact-a h2{font-size:clamp(42px,10.4vw,72px)}
.case-hero{padding-top:18px}.case-title-row{grid-template-columns:1fr;gap:28px;padding-block:30px 28px}.case-title-row h1{font-size:115px;margin-top:20px}.case-lead{font-size:27px}.case-disclosure{font-size:11px;margin-top:18px}.case-meta{flex-wrap:wrap;gap:10px 20px;padding:18px 0 22px;font-size:10px}.case-meta>a{margin-left:0;width:100%;justify-content:space-between;margin-top:10px;font-size:12px}.case-cover>img{height:460px;object-position:63% center}.case-cover figcaption{padding:28px}.case-cover figcaption>span{font-size:90px}.case-cover figcaption>p{font-size:28px}.case-cover::after{background:linear-gradient(0deg,#20271880,transparent 65%)}.case-section{grid-template-columns:1fr;gap:25px;padding-block:55px}.case-page h2{font-size:clamp(36px,9vw,55px);letter-spacing:-.05em;margin-top:20px}.case-prose{padding-top:0}.case-prose>p{font-size:15px;line-height:1.8}.case-note{margin-top:25px}.case-design{padding-block:50px}.case-section-heading{display:block}.case-section-heading>p{font-size:14px;margin-top:25px;line-height:1.8}.design-board{grid-template-columns:1fr;margin-top:30px}.type-specimen{padding:30px 25px;gap:27px}.type-specimen>strong{font-size:108px}.type-specimen>p{font-size:19px}.palette{grid-template-rows:repeat(3,85px)}.palette>div{padding:24px}.experience-steps{padding-top:0}.experience-steps h3{font-size:22px}.experience-steps article{gap:20px}.preview-bar{padding:12px 16px;font-size:8px;gap:10px}.preview-bar a{font-size:10px}.case-preview{padding-bottom:0}.case-mobile{grid-template-columns:1fr;gap:38px;padding-block:45px 55px}.mobile-stage{padding:35px 25px 75px}.phone-frame{max-width:235px}.case-mobile>div>p{font-size:15px;margin-top:23px}.case-mobile ul{margin-block:20px 25px}.case-next{padding-block:50px}.case-next h2{font-size:clamp(53px,12vw,84px)}.case-next .wrap>div{display:block}.case-next .pill{margin-top:25px;font-size:13px}.case-footer{flex-wrap:wrap;padding-block:28px;gap:20px}.case-footer>.brand{width:100%}.case-footer>span{font-size:11px}.case-footer>a:last-child{font-size:11px;margin-left:auto}.editorial .pill{max-width:100%;text-align:center}.editorial .email-address{overflow-wrap:anywhere}
}
@media(max-width:360px){.editorial-heading h1{font-size:54px}.editorial-asterisk{font-size:30px}.feature-copy{padding-inline:20px;min-height:245px}.feature-copy>p{position:static;margin-top:15px}.feature-copy>strong{font-size:100px}.case-title-row h1{font-size:100px}.case-footer>a:last-child{margin-left:0}.author-line>div{max-width:180px}}
@media(prefers-reduced-motion:reduce){.editorial *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:760px){.feature-copy{min-height:270px}.feature-copy>p{position:static;margin-top:18px;max-width:none}.feature-copy>strong{font-size:100px}}
@media(max-width:360px){.editorial-heading h1{font-size:44px}.editorial-asterisk{bottom:30px}}

/* Restrained studio frame: shared alignment, functional links, neutral accents. */
.editorial .approach-a{padding-inline:0}
.editorial .studio-container{width:100%;margin-inline:auto}
.editorial .studio-container>.pill{margin-top:28px;background:transparent;color:#f7f6f2;padding-left:0;text-decoration:underline;text-underline-offset:6px}
.editorial .author-line{gap:24px}
.editorial .author-line>p{margin-left:0;max-width:390px}
.editorial .author-line{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.editorial .steps article>span{color:#c4c6bc}
.editorial .contact-a h2 span{color:#20211f}
.editorial .pill:hover{background:#44463f;color:white}
.editorial .offer-line:hover h3{color:#20211f;text-decoration:underline;text-underline-offset:6px}
.editorial .offer-line{grid-template-columns:40px 1fr auto}
.editorial .tile-caption{grid-template-columns:1fr}
.editorial .work-tile .tile-inner::after{content:none;display:none}
.editorial .work-tile:hover .tile-caption h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.editorial a:focus-visible,.editorial button:focus-visible,.editorial summary:focus-visible,.editorial input:focus-visible,.editorial textarea:focus-visible,.editorial select:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:760px){.editorial .author-line{grid-template-columns:1fr;gap:18px}.editorial .offer-line{grid-template-columns:1fr auto}.editorial .offer-line>div{grid-row:1}.editorial .studio-container>.pill{min-height:48px}.editorial .studio-heading{margin-bottom:25px}}
