/* Three local design studies. Shared controls, policies and content remain intact. */
.draft-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px;border-bottom:1px solid var(--line);font-size:15px}
.draft-bar a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.design-draft .preview-notice{font-size:14px;padding-top:14px}
.design-draft .hero .eyebrow{font-size:12px;letter-spacing:1.8px}
.design-draft .hero h1{overflow-wrap:normal}

/* 01 / Parchment editorial: a broad text column beside an inset photograph. */
.draft-editorial{background:var(--parchment);color:var(--black);--line:rgba(13,18,16,.3)}
.draft-editorial .site-header{background:var(--parchment);color:var(--black);border-bottom:1px solid var(--black)}
.draft-editorial .site-header .tagline,.draft-editorial .brand-accent{color:var(--black)}
.draft-editorial :focus-visible{outline-color:var(--oxblood)}
.draft-editorial .site-header nav,.draft-editorial .menu-toggle span{background:var(--parchment);color:var(--black)}
.draft-editorial .hero{grid-template-columns:1.4fr 1fr;gap:60px;padding-top:70px}
.draft-editorial .hero h1{font-size:clamp(64px,6.8vw,104px);letter-spacing:-4px;margin-block:30px}
.draft-editorial .hero-copy{padding-bottom:65px}
.draft-editorial .hero-description{max-width:440px}
.draft-editorial .hero .button{background:var(--oxblood);color:var(--parchment);border-color:var(--oxblood)}
.draft-editorial .hero .button:hover{background:var(--black)}
.draft-editorial .hero-art{margin:0;align-self:center;padding:20px;border:1px solid var(--black)}
.draft-editorial .hero-art:before{display:none}
.draft-editorial .image-frame{height:370px;aspect-ratio:auto;border:0}
.draft-editorial .hero-art figcaption,.draft-editorial .hero-foot a span{background:var(--parchment);color:var(--black)}
.draft-editorial .art-side-note{display:none}
.draft-editorial .hero-foot{padding-block:25px;border-top:2px solid var(--black)}
.draft-editorial .approach{background:var(--parchment);border-bottom:1px solid var(--black)}
.draft-editorial .approach-grid{grid-template-columns:1fr 2fr}
.draft-editorial .approach h2{font-size:clamp(40px,4.2vw,66px)}
.draft-editorial .expertise{background:var(--black);color:var(--parchment);--line:rgba(217,203,163,.25)}
.draft-editorial .expertise :focus-visible,.draft-editorial dialog :focus-visible,.draft-editorial .contact-section :focus-visible{outline-color:var(--parchment)}
.draft-editorial .section-heading{border-bottom:1px solid currentColor;padding-bottom:32px}
.draft-editorial .starting{background:var(--parchment)}
.draft-editorial .process{border-top:1px solid var(--black)}
.draft-editorial .process-grid{grid-template-columns:1fr 1fr;gap:42px 80px}
.draft-editorial .process-grid article{display:grid;grid-template-columns:90px 1fr;gap:0 24px;border-color:var(--black)}
.draft-editorial .process-grid .step-number{grid-row:1/3;font-size:14px}
.draft-editorial .process-grid h3{margin-top:0}
.draft-editorial .process-grid p{grid-column:2}
.draft-editorial .contact-section{color:var(--parchment)}
.draft-editorial .contact-inner{border:0;text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 50px}
.draft-editorial .contact-inner h2{grid-column:1;grid-row:2;font-size:64px}
.draft-editorial .contact-inner .button{grid-column:2;grid-row:2}
.draft-editorial .contact-caption{grid-column:1/-1}

/* 02 / Spotlight: centered typography and a wide photographic stage. */
.draft-cinematic main{background:var(--oxblood)}
.draft-cinematic .hero{grid-template-columns:1fr;text-align:center;padding-top:55px}
.draft-cinematic .hero-copy{max-width:1040px;margin:auto;padding-bottom:50px}
.draft-cinematic .hero h1{font-size:clamp(78px,9vw,138px);line-height:1.03;letter-spacing:-5px;margin-block:28px}
.draft-cinematic .hero-description{font-size:24px;margin-bottom:26px}
.draft-cinematic .hero .little-rule{display:none}
.draft-cinematic .outlined-word:after{bottom:-8px;left:15%;right:15%}
.draft-cinematic .hero-art{margin:0;padding:0;width:100%}
.draft-cinematic .hero-art:before,.draft-cinematic .art-side-note{display:none}
.draft-cinematic .image-frame{height:460px;border:0}
.draft-cinematic .hero-art img{object-position:center 48%}
.draft-cinematic .hero-art figcaption{background:var(--oxblood);text-align:left;padding-block:20px}
.draft-cinematic .hero-foot{margin-top:8px}
.draft-cinematic .hero-foot a span{background:var(--oxblood)}
.draft-cinematic .approach-grid{grid-template-columns:1fr;gap:30px;text-align:center;max-width:980px}
.draft-cinematic .approach h2{margin:auto;font-size:clamp(42px,4.7vw,70px)}
.draft-cinematic .approach-body{margin:35px auto 0;text-align:left}
.draft-cinematic .expertise{background:var(--black)}
.draft-cinematic .section-heading{display:block;text-align:center}
.draft-cinematic .section-heading>p{max-width:none;margin:22px auto 0}
.draft-cinematic .service-explorer{grid-template-columns:1fr;gap:28px}
.draft-cinematic .service-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--brass)}
.draft-cinematic .service-tabs button{padding:25px 22px;border:0;border-right:1px solid var(--brass)}
.draft-cinematic .service-tabs button:last-child{border-right:0}
.draft-cinematic .service-tabs button>span:nth-child(2){font-size:25px}
.draft-cinematic .service-panel{max-width:900px;width:100%;margin:auto;min-height:360px;padding:38px}
.draft-cinematic .service-panel p{max-width:700px}
.draft-cinematic .starting{background:var(--oxblood);color:var(--parchment)}
.draft-cinematic .starting :focus-visible{outline-color:var(--parchment)}
.draft-cinematic .goal-options span,.draft-cinematic .goal-result{border-color:var(--parchment)}
.draft-cinematic .goal-options input:checked+span{background:var(--parchment);color:var(--black)}
.draft-cinematic .goal-options input:focus-visible+span{outline-color:var(--parchment)}
.draft-cinematic .goal-path{color:var(--parchment)}
.draft-cinematic .goal-finder .text-link{border-color:var(--parchment)}
.draft-cinematic .process{background:var(--black)}
.draft-cinematic .process-grid article{padding:30px 24px;border:1px solid var(--brass)}
.draft-cinematic .contact-inner{border:0}
.draft-cinematic .contact-inner h2{font-size:clamp(48px,6.8vw,96px)}

/* 03 / Studio: framed panels, circular imagery and a vertical process. */
.draft-studio .hero{grid-template-columns:1.05fr 1fr;gap:36px;padding-top:42px}
.draft-studio .hero-copy{padding:38px;border:1px solid var(--brass);background:var(--oxblood)}
.draft-studio .hero h1{font-size:clamp(64px,6.5vw,94px);letter-spacing:-3px;margin-block:28px}
.draft-studio .hero .eyebrow{max-width:270px}
.draft-studio .hero .little-rule{display:none}
.draft-studio .hero-art{padding:25px;margin:0;align-self:center}
.draft-studio .hero-art:before{display:none}
.draft-studio .image-frame{height:auto;aspect-ratio:1;border-radius:50%;outline:1px solid var(--brass);outline-offset:14px}
.draft-studio .hero-art img{object-position:53% center}
.draft-studio .hero-art figcaption{padding-top:35px}
.draft-studio .art-side-note{display:none}
.draft-studio .hero-foot{margin-top:32px}
.draft-studio .approach{background:var(--black)}
.draft-studio .approach-grid{grid-template-columns:1fr 2fr;gap:40px}
.draft-studio .approach-grid>div{border-left:1px solid var(--brass);padding-left:40px}
.draft-studio .expertise{background:var(--parchment);color:var(--black);--line:rgba(13,18,16,.3)}
.draft-studio .expertise :focus-visible{outline-color:var(--oxblood)}
.draft-studio .service-explorer{grid-template-columns:1fr 1.2fr;gap:32px}
.draft-studio .service-tabs{border:0;display:flex;flex-direction:column;gap:15px}
.draft-studio .service-tabs button{border:1px solid var(--black);padding:24px 20px}
.draft-studio .service-tabs button[aria-selected=true],.draft-studio .service-tabs button:hover{background:var(--oxblood);color:var(--parchment)}
.draft-studio .service-panel{background:var(--black);color:var(--parchment);border:0;padding:35px}
.draft-studio .service-panel :focus-visible{outline-color:var(--parchment)}
.draft-studio .starting{background:var(--black);color:var(--parchment)}
.draft-studio .starting :focus-visible{outline-color:var(--parchment)}
.draft-studio .starting-grid{border:1px solid var(--brass);padding:42px;gap:55px}
.draft-studio .goal-options span,.draft-studio .goal-result{border-color:var(--parchment)}
.draft-studio .goal-options input:checked+span{background:var(--parchment);color:var(--black)}
.draft-studio .goal-options input:focus-visible+span{outline-color:var(--parchment)}
.draft-studio .goal-path{color:var(--parchment)}
.draft-studio .goal-finder .text-link{border-color:var(--parchment)}
.draft-studio .process .wrap{display:grid;grid-template-columns:1fr 1.35fr;gap:65px}
.draft-studio .process .section-heading{display:block;align-self:start}
.draft-studio .process .section-heading>p{margin-top:25px}
.draft-studio .process-grid{grid-template-columns:1fr;gap:28px}
.draft-studio .process-grid article{display:grid;grid-template-columns:110px 1fr;column-gap:20px}
.draft-studio .process-grid .step-number{grid-row:1/3;padding-top:5px}
.draft-studio .process-grid h3{margin-top:0}
.draft-studio .process-grid p{grid-column:2}
.draft-studio .contact-section{background:var(--black);padding-top:0}
.draft-studio .contact-inner{background:var(--oxblood);border:1px solid var(--brass);padding:55px 30px}

/* Comparison page */
.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding-block:20px}
.gallery-intro{max-width:850px;padding:80px 0 60px}
.gallery-intro h1{font-size:clamp(46px,6vw,84px);letter-spacing:-2px;margin:22px 0 30px}
.gallery-intro>p:last-child{font-size:22px;max-width:680px}
.direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.direction-card{border:1px solid var(--brass);min-width:0}
.draft-preview{display:block;overflow:hidden;border-bottom:1px solid var(--brass);background:var(--oxblood)}
.draft-preview img{width:100%;height:auto;display:block;aspect-ratio:1440/1100;object-fit:cover}
.direction-copy{padding:28px}
.direction-copy h2{font-size:34px;letter-spacing:-.8px;margin:16px 0}
.direction-copy>p:not(.eyebrow){min-height:100px;font-size:19px}
.direction-copy .text-link{margin-top:24px}
.gallery-note{margin:75px 0;padding:40px 0;border-top:1px solid var(--brass);max-width:840px}
.gallery-note h2{font-size:38px;margin-bottom:22px}
.gallery-note p+p{margin-top:16px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.draft-preview img{transition:transform .4s ease}.draft-preview:hover img{transform:scale(1.025)}}
@media(max-width:1100px){
 .design-draft .hero{gap:32px}.draft-editorial .hero h1,.draft-studio .hero h1{font-size:68px}
 .draft-studio .hero-copy{padding:26px}.draft-studio .starting-grid{padding:30px;gap:32px}
 .draft-cinematic .service-tabs button{padding:22px 14px;gap:12px}.draft-cinematic .service-tabs button>span:nth-child(2){font-size:21px}
 .draft-editorial .contact-inner h2{font-size:48px}
 .direction-grid{gap:16px}.direction-copy{padding:22px}.direction-copy h2{font-size:28px}
 .direction-copy .text-link{gap:12px}
}
@media(max-width:760px){
 .draft-bar{flex-wrap:wrap;gap:0 16px;font-size:14px;padding-block:10px}.draft-bar>span{order:3;width:100%;padding-block:8px}.draft-bar>a:last-child{margin-left:auto}
 .design-draft .hero{grid-template-columns:1fr;gap:28px;padding-top:32px}
 .draft-editorial .hero h1,.draft-studio .hero h1{font-size:clamp(50px,12vw,78px);letter-spacing:-2px}
 .draft-editorial .hero-copy{padding-bottom:12px}.draft-editorial .hero-art{padding:16px}.draft-editorial .image-frame{height:auto;aspect-ratio:1.1}
 .draft-editorial .approach-grid,.draft-studio .approach-grid{grid-template-columns:1fr;gap:25px}
 .draft-editorial .process-grid{grid-template-columns:1fr;gap:32px}.draft-editorial .process-grid article{grid-template-columns:75px 1fr;gap:0 16px}
 .draft-editorial .contact-inner{display:block}.draft-editorial .contact-inner h2{font-size:44px}.draft-editorial .contact-inner>.eyebrow{margin:0}
 .draft-cinematic .hero h1{font-size:clamp(60px,14vw,96px);letter-spacing:-2px}.draft-cinematic .hero-copy{padding-bottom:15px}.draft-cinematic .hero-description{font-size:21px}
 .draft-cinematic .image-frame{height:300px}.draft-cinematic .hero-art figcaption{font-size:14px}
 .draft-cinematic .service-tabs{grid-template-columns:1fr}.draft-cinematic .service-tabs button{border-right:0;border-bottom:1px solid var(--brass);padding:22px}.draft-cinematic .service-tabs button:last-child{border-bottom:0}.draft-cinematic .service-tabs button>span:nth-child(2){font-size:25px}
 .draft-cinematic .service-panel{padding:25px}.draft-cinematic .process-grid{grid-template-columns:1fr}
 .draft-studio .hero-copy{padding:26px 22px}.draft-studio .hero-art{padding:22px}.draft-studio .hero-art figcaption{gap:12px}
 .draft-studio .approach-grid>div{padding-left:0;border-left:0}.draft-studio .service-explorer{grid-template-columns:1fr}.draft-studio .service-panel{padding:26px}
 .draft-studio .starting-grid{grid-template-columns:1fr;padding:25px 20px;gap:32px}
 .draft-studio .process .wrap{grid-template-columns:1fr;gap:10px}.draft-studio .process-grid article{grid-template-columns:75px 1fr;gap:0 18px}
 .draft-studio .contact-inner{padding:35px 22px}
 .design-draft .hero-foot{margin-top:0;gap:12px}.design-draft .section-heading h2{font-size:38px}.design-draft .approach h2{font-size:38px}
 .gallery-header{flex-wrap:wrap;gap:4px;padding-block:12px}.gallery-header .wordmark{padding-bottom:8px}.gallery-header>.text-link{font-size:17px}
 .gallery-intro{padding:45px 0 35px}.gallery-intro h1{letter-spacing:-1.5px}.gallery-intro>p:last-child{font-size:20px}
 .direction-grid{grid-template-columns:1fr;gap:28px}.direction-copy{padding:26px}.direction-copy h2{font-size:35px}.direction-copy>p:not(.eyebrow){min-height:0}.gallery-note{margin:45px 0;padding-top:30px}
}
@media(max-width:760px){.draft-cinematic .hero{grid-template-columns:minmax(0,1fr)}.draft-cinematic .hero>*{min-width:0;max-width:100%}.draft-cinematic .hero h1{font-size:clamp(52px,13vw,96px)}.draft-cinematic .hero-art figcaption>span{min-width:0}.draft-cinematic .figure-number{flex-shrink:0}}
@media(max-width:760px){.draft-cinematic .image-frame{width:100%;aspect-ratio:auto}}
/* Reduced copy, with proportionate spacing. */
.draft-editorial .hero-copy{padding-bottom:35px}
.draft-editorial .approach{padding-block:75px}
.draft-cinematic .service-panel{min-height:280px}
.draft-studio .hero-copy{padding-bottom:38px}
.draft-studio .hero .eyebrow{max-width:100%;line-height:1.8}
.direction-copy .text-link{margin-top:12px}
.gallery-intro{padding-bottom:40px}
.gallery-note{margin:45px 0;padding:24px 0}
@media(max-width:760px){.draft-editorial .hero-copy{padding-bottom:10px}.draft-editorial .approach{padding-block:55px}.draft-cinematic .service-panel{min-height:260px}.draft-studio .hero-copy{padding-bottom:28px}}