@font-face{font-family:Kikai;src:url('assets/KikaiChokokuJIS-Md.otf') format('opentype');font-display:swap}
:root{--paper:#f7f7f2;--ink:#202221;--blue:#91d2d9;--yellow:#eee934;--font:Kikai,'Hiragino Kaku Gothic ProN',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #256d82;outline-offset:7px}::selection{background:var(--yellow)}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.eyebrow,.english,nav,.text-link,.number,.contact-link{font-family:var(--font);font-weight:400}h2{font-size:clamp(28px,3.3vw,48px);line-height:1.5;letter-spacing:.02em}.section{width:min(1280px,88%);margin:auto}.eyebrow{font-size:13px;letter-spacing:.18em;margin-bottom:20px}.header{height:128px;width:90%;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.logo-crop{width:88px;height:100px;overflow:hidden;display:block;position:relative;mix-blend-mode:multiply}.logo-crop img{position:absolute;width:170%;height:auto;max-width:none;left:-35%;top:-15%}nav{display:flex;align-items:center;gap:34px;font-size:14px;letter-spacing:.1em}nav a{padding:12px 0;border-bottom:2px solid transparent}nav a:hover{border-color:var(--ink)}nav a:last-child{border-bottom-color:var(--yellow)}.menu-toggle{display:none}.skip{position:fixed;top:-100px;left:12px;padding:10px;background:var(--yellow);z-index:100}.skip:focus{top:12px}.hero{position:relative;min-height:680px;padding:65px 6% 100px}.hero-image{position:absolute;inset:-128px 0 36px 30%;clip-path:polygon(5% 0,100% 0,100% 95%,0 100%);background:#264956}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,32,36,.12),transparent 50%,rgba(16,32,36,.2))}.hero-image img{object-position:58% center}.hero-copy{position:relative;z-index:2;width:55%;pointer-events:none}.hero-copy .eyebrow{font-size:12px}.hero h1{font-size:clamp(38px,4.9vw,74px);line-height:1.5;letter-spacing:-.055em;margin:18px 0 28px;filter:drop-shadow(0 0 18px var(--paper))}.hero h1:before{content:'';position:absolute;width:77px;height:13px;background:var(--yellow);left:-26px;top:80px;transform:rotate(-12deg);z-index:-1}.intro{font-size:16px;line-height:2.05;display:table;background:rgba(247,247,242,.92);padding:8px 14px 8px 0}.text-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid;margin-top:25px;padding:9px 0;font-size:14px;background:var(--paper);pointer-events:auto}.text-link span{font-size:22px}.vertical{position:absolute;right:35px;top:170px;writing-mode:vertical-rl;letter-spacing:.25em;color:white;font-size:12px;z-index:1}.image-caption{position:absolute;right:35px;bottom:65px;color:white;letter-spacing:.15em;font-size:12px;z-index:1}.scroll{position:absolute;bottom:8px;font-size:11px;letter-spacing:.15em}.scroll span{margin-left:28px}.hero-index{position:absolute;right:6%;bottom:8px;font-size:12px;letter-spacing:.1em}.about{display:grid;grid-template-columns:1.35fr .7fr .85fr;align-items:center;gap:45px;padding-top:115px;padding-bottom:110px}.about h2{white-space:nowrap}.about .lead{font-family:var(--font);font-size:25px;line-height:1.6;margin:23px 0}.about-copy>p:not(.eyebrow):not(.lead){font-size:15px;margin-top:20px}.about-mark .logo-crop{width:100%;height:auto;aspect-ratio:.88}.small-note{display:block;font-size:10px;text-align:center;letter-spacing:.12em;margin-top:22px}.about-photo{height:350px;position:relative;transform:rotate(3deg)}.about-photo:before{content:'';position:absolute;inset:20px -12px -20px 15px;background:var(--blue);z-index:-1}.about-photo:after{content:'';position:absolute;width:65px;height:25px;background:var(--yellow);left:-22px;bottom:-10px;transform:rotate(-10deg)}.about-photo img{object-position:center}.about-photo figcaption{position:absolute;right:20px;top:40px;color:var(--yellow);font-family:Georgia,serif;font-style:italic;font-size:37px;line-height:1.1;transform:rotate(-8deg)}.service{background:var(--blue);clip-path:polygon(0 0,38% 2%,40% 5%,100% 2%,100% 98%,57% 100%,0 98%);padding:85px 0 75px}.service-inner{display:grid;grid-template-columns:1fr 2fr;gap:65px}.service-heading h2{font-size:30px;line-height:1.7;margin-bottom:22px}.service-heading>p:last-child{font-size:15px}.service-list{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.service-list article{display:flex;gap:20px;border-top:1px solid #508f96;padding:24px 0}.number{font-size:22px;line-height:1.2}.english{font-size:11px;letter-spacing:.06em;margin-bottom:10px}.service-list h3{font-size:19px;line-height:1.5;margin-bottom:12px}.service-list article p:last-child{font-size:14px;line-height:1.9}.works{padding-top:100px;padding-bottom:90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:40px}.works-note{font-size:13px;color:#585c59}.work-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:27px}.work-grid figure:nth-child(2){padding-top:40px}.work-grid figure:nth-child(3){padding-top:80px}.work-image{height:245px;position:relative;overflow:hidden}.work-image img{transition:transform .6s}.work-grid figure:hover img{transform:scale(1.035)}.work-image span{position:absolute;bottom:10px;left:12px;color:white;background:#202221b3;padding:2px 8px;font-size:10px;letter-spacing:.12em}.work-grid h3{font-size:20px;margin:16px 0 5px}.work-grid figcaption p{font-size:11px;letter-spacing:.025em}.company{border-top:1px solid #b8bcb5;padding-top:70px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:10%}.company h2{font-size:34px;line-height:1.65;margin-bottom:25px}.company p:not(.eyebrow){font-size:15px}.company dl{margin:20px 0 0}.company dl div{display:grid;grid-template-columns:95px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid #c2c5bd;font-size:14px}.company dt{color:#555c56}.company dd{margin:0}.contact{background:var(--yellow);clip-path:polygon(0 4%,100% 0,100% 100%,0 100%);padding:85px 0 65px}.contact-inner{width:min(1280px,88%);margin:auto}.contact h2{font-size:clamp(32px,4.8vw,65px);line-height:1.5;letter-spacing:-.03em}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:35px;gap:30px}.contact-bottom p{font-size:15px}.contact-link{width:360px;border-bottom:1px solid;display:grid;grid-template-columns:1fr auto;font-size:18px;padding:14px 0}.contact-link span{font-family:Arial,sans-serif;font-size:36px;grid-column:2;grid-row:1/3}.contact-link small{display:block;font-size:13px;letter-spacing:.1em}.contact-link:hover{opacity:.65}.mobile-break{display:none}footer.section{padding:45px 0;display:flex;gap:40px;align-items:center}footer .logo-crop{width:65px;height:75px}footer p{font-size:13px}.footer-tag{font-size:10px;margin-top:4px;letter-spacing:.09em}.back-top{font-size:11px;margin-left:auto;letter-spacing:.08em}.copyright{font-size:11px}
@media(min-width:1600px){.hero{min-height:790px;padding-top:100px}.hero-image{left:33%}}
@media(max-width:1050px){nav{gap:20px}.hero{min-height:630px}.hero-copy{width:68%}.hero-image{left:35%}.about{gap:25px;grid-template-columns:1.3fr .7fr}.about-photo{display:none}.service-inner{gap:35px;grid-template-columns:1fr 1.7fr}.service-list{column-gap:22px}.service-list article{gap:12px}.service-list h3{font-size:17px}.work-image{height:190px}.company{gap:6%}}
@media(max-width:700px){body{font-size:16px}.section{width:88%}.header{height:95px;width:88%}.header .logo-crop{width:64px;height:75px}.menu-toggle{display:flex;gap:20px;align-items:center;background:none;border:0;padding:12px 0;font-family:var(--font);font-size:14px}.menu-toggle span{font-size:23px}nav{display:none;position:absolute;top:90px;left:-7%;right:-7%;padding:25px 8% 35px;background:var(--paper);box-shadow:0 18px 20px #0001;flex-direction:column;align-items:stretch;gap:4px}nav.open{display:flex}nav a{padding:10px 0}.hero{padding:22px 6% 60px;min-height:0;display:flex;flex-direction:column}.hero-copy{width:100%;order:0;pointer-events:auto}.hero-copy .eyebrow{font-size:10px;margin-bottom:15px}.hero h1{font-size:clamp(33px,8.9vw,58px);line-height:1.45;letter-spacing:-.055em;margin:0 0 20px;filter:none}.hero h1:before{left:-15px;top:50px;height:10px;width:50px}.intro{font-size:14px;background:none;line-height:1.9}.text-link{font-size:13px;margin-top:14px}.hero-image{position:relative;inset:auto;width:107%;height:320px;margin:27px -3% 0 0;order:1;clip-path:polygon(3% 3%,100% 0,97% 96%,0 100%)}.vertical{top:30px;right:20px;font-size:10px}.image-caption{bottom:30px;right:20px;font-size:10px}.scroll{bottom:9px;font-size:9px}.hero-index{font-size:10px}.about{padding:65px 0;grid-template-columns:1fr 90px;gap:10px;align-items:start}.about-copy{grid-column:1/-1}.about-mark{grid-column:2;grid-row:1;padding-top:5px;opacity:.85}.about h2{font-size:clamp(25px,7vw,40px);margin-top:25px}.about .lead{font-size:24px;margin-top:25px}.about-copy>p:not(.eyebrow):not(.lead){font-size:14px;line-height:2}.about-mark .logo-crop{height:95px}.small-note{display:none}.eyebrow{font-size:11px;margin-bottom:14px}.service{padding:65px 0 50px;clip-path:polygon(0 0,70% 1%,74% 2%,100% 1%,100% 99%,0 100%)}.service-inner{grid-template-columns:1fr;gap:30px}.service-heading h2{font-size:28px}.service-list{grid-template-columns:1fr}.service-list article{gap:22px;padding:23px 0}.service-list h3{font-size:20px}.service-list article p:last-child{font-size:14px}.english{font-size:10px}.number{font-size:23px}.works{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:28px}.works-note{margin-top:18px;font-size:12px}.work-grid{grid-template-columns:1fr;gap:30px}.work-grid figure:nth-child(n){padding:0}.work-image{height:auto;aspect-ratio:1.55}.work-grid h3{font-size:21px}.company{padding:55px 0 65px;grid-template-columns:1fr;gap:15px}.company h2{font-size:28px}.company p:not(.eyebrow){font-size:14px}.company dl div{font-size:14px;grid-template-columns:75px 1fr;gap:15px}.contact{padding:65px 0 45px}.contact h2{font-size:clamp(28px,7.8vw,43px)}.mobile-break{display:block}.contact-bottom{display:block;margin-top:25px}.contact-bottom p{font-size:14px}.contact-link{width:100%;margin-top:25px;font-size:17px}footer.section{flex-wrap:wrap;gap:20px;padding:30px 0}footer>div{max-width:70%}.footer-tag{font-size:9px}.back-top{margin-left:0}.copyright{margin-left:auto}footer .logo-crop{width:52px;height:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:701px){.header nav{background:rgba(247,247,242,.96);padding:0 24px}.hero h1 span{background:var(--paper);box-shadow:12px 0 var(--paper),-6px 0 var(--paper)}.hero-image img{object-position:50% 48%}}

/* v3: v1 typography and the supplied editorial reference */
body{font-family:var(--font);line-height:1.8}
h1,h2,h3{font-weight:700}
.hero h1{letter-spacing:.03em;line-height:1.25;font-size:clamp(40px,4.4vw,68px)}
.hero h1 span{background:none;box-shadow:none}
.hero{min-height:570px;padding-top:48px}
.hero-copy{width:46%}
.hero-image{inset:0 0 25px 33%;clip-path:polygon(5% 5%,100% 0,100% 93%,0 100%)}
.header{height:110px}.header nav{background:none;padding:0}
.about{padding-top:65px;padding-bottom:65px;gap:35px}
.about .lead{display:none}
.about-copy>p:not(.eyebrow):not(.lead){font-size:16px}
.about-photo{height:300px}
.service{padding:60px 0 55px}
.works{padding-top:55px;padding-bottom:60px}
.work-grid figure:nth-child(n){padding-top:0}
.work-grid{gap:20px}
.work-image{height:190px}
.company{padding-top:50px;padding-bottom:60px}
.contact{padding:55px 0 45px}
.contact h2{font-size:clamp(32px,4vw,52px)}
@media(min-width:1150px){.service-inner{grid-template-columns:1fr 2.7fr;gap:30px}.service-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.service-list article{display:block;border-top:0;border-left:1px solid #508f96;padding:10px 18px}.service-list h3{font-size:17px}.service-list .english{margin-top:15px}.service-heading h2{font-size:26px}}
@media(max-width:700px){.header{height:95px}.hero{min-height:0;padding-top:22px}.hero-copy{width:100%}.hero h1{font-size:clamp(32px,8vw,52px);line-height:1.35;letter-spacing:.03em}.hero-image{inset:auto;height:290px}.about{padding-top:55px;padding-bottom:55px}.work-image{height:auto}.contact{padding-top:55px}}
/* Reference artwork is displayed directly through SVG viewports; no regeneration. */
.hero-image svg,.about-photo svg{display:block;width:100%;height:100%}
.hero-image:after{display:none}
.hero{min-height:560px;padding-top:60px;padding-bottom:75px}
.hero-copy{width:34%}
.hero h1{font-size:clamp(32px,3.7vw,58px);line-height:1.35;letter-spacing:0;filter:none}
.hero-image{left:36%;bottom:35px;top:0}
.intro{background:none;font-size:15px}
.hero .eyebrow{font-size:11px;letter-spacing:.12em}
.about-photo{transform:rotate(3deg);height:290px}
.about h2{font-size:clamp(28px,3.2vw,43px)}
.about h2{font-family:Kikai,sans-serif}
.about-copy>p:not(.eyebrow):not(.lead){line-height:1.9}
.contact{display:grid;grid-template-columns:1.15fr 1fr;background:var(--paper);padding:0;clip-path:none;border-top:0;overflow:hidden}
.contact-photo{position:relative;min-height:290px;overflow:hidden;clip-path:polygon(0 7%,100% 0,100% 100%,0 100%);background:#071011}
.contact-photo svg{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.contact-photo picture{display:block;width:100%;height:100%}
.contact-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 50%}
.contact-inner{width:auto;margin:0;padding:40px 10%}
.contact h2{font-size:30px;line-height:1.5}
.contact h2>br:first-child{display:none}
.contact-bottom{display:block;margin-top:20px}
.contact-bottom p{font-size:14px}
.contact-link{font-size:16px;width:100%;margin-top:15px}
.contact-link span{font-size:26px}
@media(max-width:1050px) and (min-width:701px){.hero-copy{width:40%}.hero-image{left:42%}.hero{min-height:530px}.hero h1{font-size:3.7vw}.hero .eyebrow{font-size:10px}.intro{font-size:14px}.contact h2{font-size:25px}}
@media(max-width:700px){.hero{padding-top:20px;min-height:0}.hero-copy{width:100%}.hero h1{font-size:clamp(32px,8vw,50px);line-height:1.35}.hero-image{inset:auto;height:270px;width:107%;margin-top:25px}.hero .eyebrow{font-size:11px}.intro{font-size:15px}.about{grid-template-columns:1fr 85px}.contact{grid-template-columns:1fr}.contact-photo{min-height:0;height:190px;clip-path:polygon(0 5%,100% 0,100% 100%,0 100%)}.contact-inner{padding:32px 6%}.contact h2{font-size:30px}.contact h2>br:first-child{display:block}}

/* Browser review, 2026-09-18: responsive layout corrections. */
.hero-image{overflow:hidden}
.hero h1 span{white-space:nowrap}
.service-list article>div,.company>div,.company dl{min-width:0}
@media(max-width:700px){
  .about{position:relative;display:block}
  .about-mark{position:absolute;right:0;top:48px;width:70px;padding:0}
  .about-mark .logo-crop{height:80px}
  .about h2{margin-top:32px;font-size:clamp(25px,7vw,40px)}
  .hero-image{width:100%;margin-right:0}
  .contact h2{font-size:clamp(26px,7.5vw,30px)}
  .company p:not(.eyebrow) br{display:none}
}

@media(min-width:701px) and (max-width:1050px){.service-inner{grid-template-columns:1fr;gap:30px}.service-list{grid-template-columns:1fr 1fr;column-gap:35px}}

/* Small yellow brush accents inspired by the supplied reference. */
.hero h1{position:relative;isolation:isolate}
.hero h1:before{display:block;content:'';position:absolute;left:-26px;top:.72em;width:77px;height:13px;background:var(--yellow);transform:rotate(-12deg);z-index:-1;pointer-events:none}
.hero:after{content:'';position:absolute;background:var(--yellow);z-index:1;pointer-events:none}
.hero:after{left:-17px;top:164px;width:73px;height:220px;clip-path:polygon(11% 1%,86% 0,98% 5%,92% 12%,100% 20%,93% 29%,99% 38%,90% 47%,100% 57%,91% 68%,97% 78%,86% 91%,91% 98%,12% 94%,3% 88%,9% 78%,0 68%,8% 56%,1% 45%,9% 34%,0 22%,8% 11%);transform:rotate(-6deg);opacity:.9}
.hero:before{content:none!important}
.service{position:relative;overflow:hidden}
.service:after{content:'';position:absolute;background:var(--yellow);z-index:1;pointer-events:none}
.service:after{right:-20px;top:28%;width:82px;height:185px;clip-path:polygon(30% 0,100% 5%,86% 13%,99% 22%,83% 32%,100% 43%,81% 53%,96% 64%,76% 76%,87% 88%,64% 100%,2% 91%,15% 80%,0 70%,17% 58%,3% 47%,21% 35%,7% 22%,25% 11%);transform:rotate(13deg);opacity:.9}
.service:before{content:none!important}
.service-inner{position:relative;z-index:2}
@media(max-width:700px){.hero:after{left:-12px;top:142px;width:44px;height:135px;opacity:.82}.service:after{right:-13px;top:34%;width:50px;height:125px;opacity:.84}}

/* Explicit brush elements replace all legacy yellow pseudo-elements. */
.hero:before,.hero:after,.service:before,.service:after{content:none!important;display:none!important}
.brush-accent{display:block;position:absolute;background:var(--yellow);pointer-events:none;z-index:3}
.brush-accent:before,.brush-accent:after{content:'';position:absolute;background:var(--yellow)}
.brush-hero{left:-18px;top:160px;width:76px;height:225px;clip-path:polygon(9% 1%,86% 0,99% 7%,91% 15%,100% 24%,92% 34%,99% 44%,89% 54%,100% 65%,90% 76%,97% 86%,82% 100%,7% 94%,13% 83%,1% 72%,9% 59%,0 47%,10% 35%,1% 22%,10% 11%);transform:rotate(-6deg);opacity:.92}
.brush-hero:before{right:-10px;top:22px;width:6px;height:158px;transform:rotate(-2deg);opacity:.55}
.brush-hero:after{right:-18px;top:55px;width:4px;height:115px;transform:rotate(3deg);opacity:.32}
.brush-service{right:-21px;top:28%;width:84px;height:188px;clip-path:polygon(28% 0,100% 5%,86% 13%,99% 23%,82% 33%,100% 44%,80% 55%,96% 66%,74% 78%,88% 89%,62% 100%,2% 91%,16% 80%,0 69%,18% 57%,3% 46%,21% 34%,7% 21%,25% 10%);transform:rotate(13deg);opacity:.92}
.brush-service:before{left:-9px;top:24px;width:6px;height:128px;transform:rotate(1deg);opacity:.58}
.brush-service:after{left:-17px;top:58px;width:4px;height:92px;transform:rotate(-3deg);opacity:.34}
@media(max-width:700px){.brush-hero{left:-12px;top:140px;width:46px;height:138px}.brush-hero:before{right:-7px;height:92px}.brush-hero:after{right:-12px;height:66px}.brush-service{right:-14px;top:34%;width:51px;height:127px}.brush-service:before{left:-6px;height:82px}.brush-service:after{left:-11px;height:58px}}

/* Use the actual unannotated reference artwork for the two yellow accents. */
.brush-accent{display:none!important}
.brush-reference{display:block;position:absolute;z-index:3;pointer-events:none;overflow:hidden}
.brush-reference image{pointer-events:none}
.brush-reference-hero{left:-40px;top:115px;width:180px;height:270px}
.brush-reference-service{right:-65px;top:auto;bottom:12px;width:230px;height:230px}
@media(max-width:700px){.hero h1:before{left:-15px;top:.72em;width:50px;height:10px}.brush-reference-hero{left:-34px;top:138px;width:112px;height:168px}.brush-reference-service{right:-48px;top:auto;bottom:18px;width:170px;height:170px}}

.brush-reference{object-fit:contain;mix-blend-mode:normal}

/* Position the brush tip below the second heading line. */
.hero h1 .brush-reference-hero{left:calc(-6vw - 55px);top:2.7em;width:180px;height:270px;z-index:-1;transform:scale(1.2);transform-origin:45% 1%}
.hero h1 span{position:relative;z-index:2;color:var(--ink)}
.hero h1 .brush-reference-hero{z-index:1}
.hero h1{z-index:1}
.hero .intro,.hero .text-link{position:relative;z-index:2;color:var(--ink)}
@media(max-width:700px){.hero h1 .brush-reference-hero{left:calc(-6vw - 52px);top:2.7em;width:112px;height:168px}}

/* Keep the five numbered sections on one typographic scale. */
@media(min-width:701px){
  .about h2,
  .service-heading h2,
  .section-heading h2,
  .company h2{font-size:40px;line-height:1.5;letter-spacing:.02em}
  .contact h2{font-size:30px;line-height:1.5;letter-spacing:-.03em}
  .contact h2>br:first-child{display:none}
  .about-copy>p:not(.eyebrow):not(.lead),
  .service-heading>p:last-child,
  .works-note,
  .company p:not(.eyebrow),
  .contact-bottom p{font-size:15px;line-height:1.9}
}

@media(max-width:700px){
  .about h2,
  .service-heading h2,
  .section-heading h2,
  .company h2,
  .contact h2{font-size:28px;line-height:1.5;letter-spacing:.02em}
  .about-copy>p:not(.eyebrow):not(.lead),
  .service-heading>p:last-child,
  .works-note,
  .company p:not(.eyebrow),
  .contact-bottom p{font-size:14px;line-height:1.9}
}

/* Transparent logo assets do not need the crop used for the old JPG sheet. */
.logo-crop img[src*="KITI-logo-transparent"]{inset:0;width:100%;height:100%;max-width:none;object-fit:contain}

/* On phones, keep the service brush in the open space beside the introduction. */
@media(max-width:700px){
  .brush-reference-service{top:200px;right:-20px;bottom:auto;width:170px;height:170px}
  body.menu-open{overflow:hidden}
  .header nav{position:fixed;inset:95px 0 0;z-index:50;min-height:calc(100dvh - 95px);padding:24px 6% 40px;background:var(--paper);box-shadow:0 18px 30px #00000012;overflow-y:auto;align-items:stretch;gap:0}
  .header nav a{padding:17px 0;border-bottom:1px solid #c2c5bd;font-size:18px;letter-spacing:.12em}
}

@media(min-width:701px){
  .works .section-heading{display:block}
  .works .works-note{margin-top:18px;text-align:left}
}

/* Phone-sized landscape view: keep both brushes visible and use the lens-lettering crop. */
@media(min-width:701px) and (max-height:700px) and (orientation:landscape){
  .hero h1 .brush-reference-hero{left:calc(-6vw - 25px);top:2.45em;opacity:.76}
  .hero h1 span{z-index:2}
  .brush-reference-service{right:-26px;top:150px;bottom:auto;width:170px;height:170px}
  .contact-photo img{object-position:70% 50%}
}