/* Editorial content and service pages */
.scenario-section{padding-top:20px}.scenario-grid,.example-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.scenario-grid article{border:1px solid var(--line);padding:32px 28px;display:flex;flex-direction:column;align-items:start}.scenario-grid article:nth-child(2){background:#e8e2d9}.scenario-grid article>span,.guide-grid article>span{font-size:11px;letter-spacing:1.5px;color:#81705b}.scenario-grid h3{font-size:26px;line-height:1.6;font-weight:500;margin:26px 0 22px}.scenario-grid p{color:var(--muted);font-size:15px;margin-bottom:28px}.scenario-grid a{margin-top:auto;font-size:14px;border-bottom:1px solid #b4a183;padding-bottom:5px}.service-read{display:block;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin-top:20px;width:100%}.examples-section{background:#e9e4dc}.example-art{height:290px;position:relative;overflow:hidden}.example-grid h3{font-size:22px;font-weight:500;line-height:1.6;margin:14px 0}.example-grid p{font-size:15px;color:#626c75;margin-bottom:18px}.example-grid article>a{font-size:14px;border-bottom:1px solid #ad9980;padding-bottom:4px}.work-label{display:block;font-size:11px;color:#776c5f;margin-top:22px}.art-brand{background:#d4cabe;padding:23px}.art-brand>span{font-size:9px;letter-spacing:2px}.sample-card{position:absolute;inset:65px 32px 65px;background:var(--ink);color:#c2b397;padding:28px;transform:rotate(-6deg);box-shadow:10px 18px 28px #202e3a20}.sample-card svg{width:53px;margin-bottom:18px}.sample-card b{position:absolute;left:100px;top:25px;font:24px Georgia,serif}.sample-card small{position:absolute;left:100px;top:57px;font-size:8px;letter-spacing:1px}.sample-swatches{position:absolute;bottom:22px;right:25px;display:flex;gap:9px}.sample-swatches i{width:24px;height:24px;background:#202e3a}.sample-swatches i:nth-child(2){background:#f3f0e9}.sample-swatches i:nth-child(3){background:#b4a183}.art-web{background:#c5cec9;padding:30px 19px}.sample-browser{background:#faf8f3;box-shadow:4px 14px 26px #202e3a15;transform:rotate(2deg)}.sample-browser-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #ddd;font-size:9px}.sample-browser-nav span{font-size:6px}.sample-browser-body{position:relative;padding:20px 16px;height:158px;overflow:hidden}.sample-browser-body small{font-size:6px;letter-spacing:1px}.sample-browser-body h4{font-size:20px;font-weight:500;line-height:1.6;margin:8px 0}.sample-pill{font-size:7px;border-bottom:1px solid #889286;padding-bottom:4px}.sample-vase{position:absolute;right:20px;bottom:-4px;width:76px;height:116px;background:#9caa97;border-radius:48% 48% 25% 25%;box-shadow:inset -16px 0 24px #67745b44}.sample-vase:before{content:"";position:absolute;width:22px;height:28px;top:-12px;left:26px;background:#a8b39f;border-radius:8px 8px 0 0}.sample-browser-foot{padding:9px 13px;background:#ece9e1;font-size:6px}.art-content{background:#b7a58e}.sample-poster{position:absolute;width:52%;height:220px;padding:20px 15px;background:var(--ink);color:#e8e0d2;left:20px;top:20px;transform:rotate(-5deg);box-shadow:6px 12px 20px #202e3a20}.sample-poster small{font-size:6px;letter-spacing:1px;display:block}.sample-poster b{font-size:20px;font-weight:400;line-height:1.6;display:block;margin-top:28px}.sample-poster>span{font-size:8px;letter-spacing:1px;display:block;margin-top:25px}.poster-two{background:#f3f0e9;color:#202e3a;left:auto;right:10px;top:50px;transform:rotate(6deg)}.poster-two b{font-size:17px;margin-top:120px}.poster-rings{position:absolute;left:26px;top:60px;width:85px;height:65px;border:1px solid #aa9479;border-radius:50%}.poster-rings:after{content:"";position:absolute;left:25px;top:0;width:85px;height:65px;border:1px solid #aa9479;border-radius:50%}.story-band{padding:70px 0;background:var(--ink);color:var(--paper)}.story-band .wrap{display:grid;grid-template-columns:.75fr 1.3fr 1.2fr;gap:35px;align-items:start}.story-band .section-kicker{color:#c2b397;font-size:10px;margin-top:6px}.story-statement{font-size:25px;line-height:1.8}.story-band .wrap>div{font-size:14px;color:#c8ccd0}.story-band .wrap>div p+p{margin-top:20px}.guide-grid article{border-top:1px solid #b9ab99;padding-top:22px;display:flex;flex-direction:column;align-items:start}.guide-grid h3{font-size:24px;font-weight:500;line-height:1.7;margin:20px 0 16px}.guide-grid p{color:var(--muted);font-size:15px;margin-bottom:24px}.guide-link{margin-top:auto;font-size:14px;border-bottom:1px solid #b4a183;padding-bottom:5px}.breadcrumb{font-size:12px;color:var(--muted);display:block;margin-bottom:48px}.sub-hero{padding-top:30px;padding-bottom:75px}.sub-hero h1{font-size:clamp(40px,5vw,68px);font-weight:400}.sub-hero .section-kicker{margin-bottom:25px}.sub-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;border-top:1px solid var(--line);margin-top:54px;padding-top:32px}.sub-intro h2{font-size:24px}.sub-intro p{color:var(--muted);font-size:17px}.fit-band{background:#e7e2d9}.fit-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.large-checks{list-style:none;margin:0;padding:0}.large-checks li{padding:20px 0 20px 30px;border-bottom:1px solid #c9c1b5;position:relative;font-size:18px}.large-checks li:before{content:'↗';position:absolute;left:0;color:#88745a}.large-checks li:first-child{padding-top:0}.scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:45px}.scope-grid article{border-top:1px solid #bca98f;padding-top:22px}.scope-grid article>span{color:#8b765b;font-size:13px}.scope-grid h3{font-size:23px;font-weight:500;margin:25px 0 15px}.scope-grid p{font-size:15px;color:var(--muted)}.deliver-section{background:#ece8e1}.deliver-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.deliver-grid h2+p{font-size:15px;color:var(--muted);margin-top:20px}.deliver-grid ul{padding-left:20px;margin-top:30px}.deliver-grid li{padding:8px 0;font-size:16px}.prepare-panel{border:1px solid #c8bba9;padding:35px}.prepare-panel h3{font-size:24px;font-weight:500}.small-note{font-size:13px;color:var(--muted);border-top:1px solid #d0c8bc;padding-top:20px;margin-top:24px}.related{padding-bottom:70px}.related h3{font-size:23px;font-weight:500;margin-bottom:24px}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.related a{border-top:1px solid var(--line);padding-top:18px;font-size:15px}.related a span{font-size:11px;color:#91775b;margin-right:14px}.sub-contact{background:#ded6ca}.sub-contact h2{font-size:45px}.sub-contact h2+p{margin-top:25px}.sub-contact-links{display:flex;align-items:center;gap:35px;margin-top:25px}.article-hero{padding-top:30px;padding-bottom:70px}.article-hero h1{max-width:1000px;font-size:clamp(36px,4.6vw,62px);line-height:1.5}.article-hero h1+p{font-size:18px;color:var(--muted);margin-top:25px}.article-layout{display:grid;grid-template-columns:1fr 2.3fr;gap:85px;padding-bottom:90px}.article-layout aside{align-self:start;position:sticky;top:130px;font-size:13px;border-top:1px solid #b9ab99;padding-top:20px}.article-layout aside a{display:block;color:var(--muted);margin:17px 0}.article-layout aside a:hover{text-decoration:underline}.article-layout aside>p{font-size:15px;font-weight:600}.article-part{display:grid;grid-template-columns:45px 1fr;gap:22px;border-top:1px solid var(--line);padding:35px 0;scroll-margin-top:120px}.article-part>span{font:22px Georgia,serif;color:#968268}.article-part h2{font-size:27px;line-height:1.6;margin-bottom:22px}.article-part p{font-size:17px;line-height:2;color:#5d6770}.article-credit{font-size:12px;color:var(--muted);margin-top:25px}
@media(max-width:1100px){.header nav{gap:17px}.header nav>a{font-size:13px}.example-art{height:260px}.sample-card{inset:65px 20px 55px;padding:20px}.sample-card b{left:83px;font-size:20px}.sample-card small{left:83px;font-size:7px}.sample-vase{right:8px;width:53px;height:98px}.sample-browser-body h4{font-size:16px}.sample-poster b{font-size:17px}.poster-two b{font-size:15px}.story-band .wrap{grid-template-columns:1fr 1fr}.story-band .section-kicker{grid-column:1/-1;margin-bottom:0}.scenario-grid article{padding:26px 20px}.scenario-grid h3{font-size:23px}.scope-grid{grid-template-columns:1fr 1fr;gap:35px}.article-layout{gap:45px}}
@media(max-width:760px){.scenario-section{padding-top:0}.scenario-grid,.example-grid,.guide-grid{grid-template-columns:1fr;gap:28px}.scenario-grid article{padding:28px}.scenario-grid h3{margin:18px 0;font-size:25px}.example-grid{gap:45px}.example-art{height:320px}.sample-card{inset:70px 40px 75px;padding:28px}.sample-card b{left:106px;top:28px;font-size:25px}.sample-card small{left:107px;top:62px}.sample-browser{max-width:390px;margin:auto}.sample-browser-body{height:205px;padding:25px}.sample-browser-body h4{font-size:24px}.sample-browser-body small{font-size:8px}.sample-pill{font-size:9px}.sample-vase{width:83px;height:138px;right:32px}.sample-browser-nav{font-size:11px}.sample-browser-foot{font-size:8px}.sample-poster{width:48%;height:240px;padding:23px;left:25px}.poster-two{left:auto;right:25px;top:60px}.sample-poster b{font-size:22px}.poster-two b{font-size:19px}.story-band{padding:50px 0}.story-band .wrap{display:block}.story-band .section-kicker{margin-bottom:23px}.story-statement{font-size:25px;margin-bottom:25px}.guide-grid{gap:38px}.guide-grid h3{margin-top:17px;font-size:25px}.sub-hero{padding-top:24px;padding-bottom:48px}.breadcrumb{font-size:11px;margin-bottom:35px}.sub-hero h1{font-size:39px}.sub-intro,.fit-grid,.deliver-grid{grid-template-columns:1fr;gap:28px}.sub-intro{margin-top:35px;padding-top:26px}.sub-intro p{font-size:16px}.sub-intro h2{font-size:22px}.large-checks li{font-size:16px}.scope-grid{gap:30px 22px}.scope-grid h3{font-size:20px}.scope-grid p{font-size:14px}.prepare-panel{padding:26px}.related>div{grid-template-columns:1fr;gap:19px}.related{padding-bottom:45px}.sub-contact h2{font-size:34px}.sub-contact-links{align-items:start;flex-direction:column;gap:22px}.article-hero{padding-bottom:40px}.article-hero h1{font-size:35px}.article-hero h1+p{font-size:16px}.article-layout{display:block;padding-bottom:55px}.article-layout aside{position:static;margin-bottom:35px}.article-layout aside a{margin:12px 0}.article-part{gap:12px;grid-template-columns:32px 1fr;padding-block:26px}.article-part h2{font-size:24px}.article-part p{font-size:16px}.article-part>span{font-size:19px}}
@media(max-width:400px){.sample-browser-body h4{font-size:18px}.sample-vase{width:62px;right:15px}.sample-card{left:22px;right:22px}.sample-card b{font-size:20px;left:90px}.sample-card small{left:90px;font-size:7px}.sample-poster{padding:17px;left:17px}.poster-two{left:auto;right:15px}.sample-poster b{font-size:18px}.poster-two b{font-size:16px}.poster-rings{width:62px;left:20px}.poster-rings:after{width:62px;left:20px}}