/* Japanese-inspired Tendou direction, derived from the existing brand mark. */
:root{--paper:#f3efe6;--red:#d92e20;--muted:#555c64}
body{background-color:var(--paper);background-image:repeating-linear-gradient(108deg,#071e3b03 0 1px,transparent 1px 5px),repeating-linear-gradient(12deg,#071e3b02 0 1px,transparent 1px 7px)}
header{background:#f3efe6f5}.brand img{mix-blend-mode:multiply}.previewbar{background:var(--ink);letter-spacing:.14em;font-size:11px}.eyebrow{letter-spacing:.12em}.eyebrow:before{width:9px;height:9px;border-radius:50%}.navlinks .navcta{background:transparent;border-color:var(--ink);color:var(--ink)}.navlinks .navcta:hover{background:var(--ink);color:var(--paper)}
.hero{grid-template-columns:1fr 1.15fr;gap:26px;padding:54px 0 48px}.hero-art{transform:rotate(-3deg)}.hero-art img{mix-blend-mode:multiply}.hero-art figcaption{transform:rotate(3deg);margin:5px 25px 0}.hero h1{letter-spacing:-.065em;line-height:1.01}.hero h1 em{font-family:Fraunces,Georgia,serif;font-weight:500;font-style:italic;letter-spacing:-.065em}.hero .button{background:var(--ink)}.hero .button:hover{background:var(--red)}.discipline-strip{background:transparent;color:var(--ink);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:20px 0}.discipline-strip .wrap{font-size:clamp(16px,1.8vw,25px);letter-spacing:.04em}.discipline-strip b{color:var(--red);font-size:25px}
.services{gap:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.service{background:transparent!important;border:0!important;border-right:1px solid var(--line)!important;padding:30px;color:var(--ink)!important}.service:last-child{border-right:0!important}.service:nth-child(2){padding-top:56px}.service:hover{transform:translateY(-4px);box-shadow:none}.service:nth-child(2) p{color:var(--muted)}.service:nth-child(2) li{border-color:var(--line)}.service .index,.service:nth-child(2) .index{color:var(--red);font-family:Fraunces,Georgia,serif;font-size:30px}.service .index span{font-family:Inter,Arial,sans-serif}.service h3{font-size:36px}.service-name{font-size:12px;letter-spacing:.1em}
.case{background:transparent;color:var(--ink);border-top:0}.case .eyebrow,.case .casecopy p{color:var(--muted)}.case .case-accent{color:var(--red);font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:500}.casegrid{grid-template-columns:.85fr 1.15fr;gap:35px}.operations-art img{mix-blend-mode:multiply;border-radius:0}.operations-art figcaption{color:var(--muted)}.operations-steps{border-color:var(--ink)}.operations-steps>div>span{color:var(--red);font-family:Fraunces,Georgia,serif;font-size:19px}.operations-steps p{color:var(--muted)}.tag{background:transparent;color:var(--red);border:1px solid var(--red);letter-spacing:.06em}.portfolio{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.client{border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;background:#fff7;padding:25px 12px}.client:hover{background:#fff;transform:none}.person{background:transparent;border-top:1px solid var(--ink);padding:24px 0}.person:nth-child(2){margin-top:50px}.person .city{letter-spacing:.15em}.portrait{filter:saturate(.7);border-bottom:5px solid var(--red)}
.build-strip{background:var(--ink)}.build-strip h2 span{color:#ff8274}.contact{background:transparent;color:var(--ink);border-top:1px solid var(--ink);position:relative}.contact .eyebrow,.contact p{color:var(--muted)}.contact .eyebrow:before{background:var(--red)}.contact h2{margin:30px auto}.contact h2 em{color:var(--red);font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:500}.contact .button{background:var(--red)}.contact .button:hover{background:var(--ink)}.contact .button.secondary{color:var(--ink);border-color:var(--ink)}.contact .button.secondary:hover{background:var(--ink);color:var(--paper)}footer{border-top:1px solid var(--line)}
@media(max-width:1100px) and (min-width:761px){.hero{gap:10px}.hero h1{font-size:clamp(57px,6.8vw,75px)}.service{padding:24px}.service h3{font-size:30px}.service:nth-child(2){padding-top:45px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:25px;padding:38px 0 32px}.hero h1{font-size:clamp(54px,13.6vw,84px)}.hero-art{width:calc(100% - 12px);transform:rotate(-2deg)}.hero-art figcaption{transform:rotate(2deg);margin:4px 10px 0;font-size:11px}.discipline-strip .wrap{font-size:13px;letter-spacing:0;gap:10px}.discipline-strip b{font-size:20px}.service,.service:nth-child(2){padding:26px 8px;border-right:0!important;border-bottom:1px solid var(--line)!important}.service:last-child{border-bottom:0!important}.service h3{font-size:35px}.service .index{margin-bottom:20px}.casegrid{grid-template-columns:1fr;gap:25px}.client{padding:18px 7px}.person:nth-child(2){margin-top:0}.navlinks{background:var(--paper)}.section{padding:52px 0}.contact h2{font-size:clamp(48px,11.5vw,72px)}}
