/* Final presentation: real projects, clear hierarchy, quiet interactions. */
.site-header{background:#f7f6eff2;backdrop-filter:blur(16px)}
.hero{padding-top:66px;padding-bottom:44px}.hero h1{letter-spacing:-.055em}.hero-art{position:relative}
.button{box-shadow:0 5px 14px #183b3210}.button.primary:hover{box-shadow:0 9px 23px #183b3220}
.proof-strip{border-block:1px solid #d2dccc}.proof-inner{min-height:106px}
.case-section{background:#1d4237;color:#f7f7ec;position:relative;overflow:hidden}
.case-section .eyebrow{color:#c6d9ac}.case-section h2 em{color:#c2d7a3}.case-section .section-heading>p{color:#d7e3d6}
.featured-project{grid-template-columns:1.4fr 1fr;gap:58px;align-items:center;margin-bottom:58px}
.project-visual{border-radius:13px;overflow:hidden;box-shadow:0 25px 65px #0d271b4a;background:#f7f6ef}
.project-visual>a{display:block;aspect-ratio:1.44;overflow:hidden;background:#fafaf7}
.project-visual>a img{width:100%;height:auto;object-fit:cover;object-position:top}
.browser-bar{background:#f1f0e7;color:#4b6254;border:0}.image-caption{background:#f1f0e7;color:#52624f;padding:11px 16px;font-size:11px}
.featured-copy h3{font-size:31px;line-height:1.25;letter-spacing:-.03em}.case-logo{background:#faf9ef;border-radius:8px;padding:8px;width:136px;height:auto}
.project-facts dt{color:#f3f5e7}.project-facts dd{color:#cbd9cb}.featured-copy .text-link{color:#e6efcf}
.kita-collection{border-top:1px solid #56745d;padding-top:42px}.collection-intro{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:28px}
.collection-intro h3{font:400 29px/1.3 var(--serif);letter-spacing:-.03em}.collection-intro>p{max-width:440px;color:#cfddcd;font-size:15px;line-height:1.8}
.collection-intro .eyebrow{font-size:10px;margin-bottom:12px}.kita-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.kita-card{min-width:0;display:block;background:#fcfbf5;color:#254334;border:1px solid #ffffff36;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #061f2024;transition:border-color .25s}
.kita-screen{aspect-ratio:1.44;overflow:hidden;background:#eee}.kita-screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.kita-card-label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 16px 18px}.kita-card-label small{display:block;font-size:9px;letter-spacing:.14em;color:#61745b;margin-bottom:5px}.kita-card-label strong{font:400 20px/1.2 var(--serif)}.kita-card-label>span:last-child{border:1px solid #ced8c4;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}
.capture-note{font-size:12px;color:#c1d0be;margin-top:20px}.case-details{border-color:#56745d;margin-top:45px}.case-details article,.case-details article:nth-child(2n){border-color:#56745d}.case-details p,.case-details article p{color:#c7d7c8}.case-index{color:#c6d9ac}.case-details-intro p{color:#c7d7c8}
.showcase-section{background:#e8eddf;color:var(--ink);border-bottom:1px solid #c7d4bd}.showcase-heading .eyebrow{color:#5b704e}.showcase-heading h2 em{color:#64794c}.showcase-heading>p:last-child{color:#52654f}.device-controls{background:#fffef965;border-color:#bdcbb1}.device-controls button{color:#385638}.device-controls button[aria-pressed=true]{background:#244c3e;color:#fffef5}.device-frame{border-color:#f9faf2;background:#fff;box-shadow:0 24px 50px #334b3426}.device-light{background:radial-gradient(ellipse,#c1d3a577,transparent 70%)}
.real-device-screen{height:calc(100% - 25px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#b3c3a7 transparent}.real-device-screen img{display:block;width:100%;height:auto}.device-caption{color:#405b3e}.demo-disclaimer{color:#5c7052}
.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.portfolio-card{border-radius:14px;overflow:hidden;background:#fcfbf6;box-shadow:0 10px 28px #2d422807}
.portfolio-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.45fr 1fr;align-items:stretch}.portfolio-card:first-child .portfolio-copy{display:flex;flex-direction:column;justify-content:center;padding:38px}.portfolio-card:first-child .portfolio-copy h3{font-size:36px}.portfolio-card:first-child .portfolio-screen{height:100%;min-height:340px;border-bottom:0;border-right:1px solid #d6ddce}
.portfolio-screen{display:block;background:#f0f1e9;border-bottom:1px solid #d6ddce;overflow:hidden}.screen-chrome{height:32px;background:#f5f5ed;border-bottom:1px solid #e0e5d6;display:flex;align-items:center;gap:4px;padding:0 13px;line-height:1;font-size:10px;color:#62745b}.screen-chrome i{width:5px;height:5px;border-radius:50%;background:#bdc7b2}.screen-chrome>span{margin-inline:auto}.screen-chrome>b{font-size:14px;font-weight:400}.portfolio-screen>img{width:100%;height:auto;aspect-ratio:1.75;object-fit:cover;object-position:top}.portfolio-card:first-child .portfolio-screen>img{height:calc(100% - 32px);aspect-ratio:auto;object-fit:cover;object-position:top left}
.portfolio-copy{padding:30px 32px}.portfolio-copy .tag{font-size:10px;letter-spacing:.08em}.portfolio-copy h3{font-size:30px}.portfolio-capture-note{font-size:12px;color:#607157;margin-top:22px}.portfolio-copy .project-transfer{border-top:1px solid #d9dfcf;padding-top:16px;margin-top:18px}.portfolio-card .text-link{margin-top:18px;align-self:flex-start}
.contact-direct{padding-bottom:25px;border-bottom:1px solid #d4decc;margin-bottom:25px}.contact-direct .eyebrow{margin-bottom:12px}.contact-phone{font:400 32px/1.3 var(--serif);display:flex;gap:18px;align-items:center}.contact-phone span{font:22px var(--sans)}.contact-email{display:inline-block;font-size:15px;border-bottom:1px solid #adc09a;margin:8px 0 14px;overflow-wrap:anywhere}.contact-direct>p:last-child{font-size:14px;line-height:1.7;color:#52664c}.contact-form-panel .form-hint a{text-decoration:underline;text-underline-offset:3px}.contact-form-panel{box-shadow:0 25px 55px #0d2e2430}#inquiry-result .button-row{gap:12px;align-items:flex-start;flex-direction:column}#inquiry-result .button{width:100%;justify-content:space-between;font-size:14px}
.legal-links{display:flex;align-items:center;gap:25px;margin-left:auto}.legal-links>a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{gap:20px}.footer-bottom .legal-button{margin-left:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a37832;outline-offset:5px}.kita-card:focus-visible{outline-color:#e5cf8f}
@media(hover:hover) and (pointer:fine){.kita-card:hover{border-color:#b5cc93}.portfolio-screen:hover .screen-chrome{background:#e8edde}}
@media(max-width:1100px){.featured-project{gap:35px}.kita-grid{gap:12px}.kita-card-label{padding:13px 12px}.kita-card-label strong{font-size:18px}.collection-intro>p{max-width:370px}.portfolio-card:first-child .portfolio-copy{padding:28px}.portfolio-card:first-child .portfolio-copy h3{font-size:30px}}
@media(max-width:930px){.hero{padding-top:45px}.featured-project{grid-template-columns:1.1fr 1fr;gap:27px;align-items:start}.featured-copy h3{font-size:25px}.collection-intro{display:block}.collection-intro>p{max-width:650px;margin-top:16px}.kita-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.kita-card-label strong{font-size:23px}.portfolio-card:first-child{display:block}.portfolio-card:first-child .portfolio-screen{min-height:0;border-right:0}.portfolio-card:first-child .portfolio-screen>img{height:auto;aspect-ratio:1.75}.portfolio-copy{padding:27px}.portfolio-card:first-child .portfolio-copy{padding:27px}.contact-phone{font-size:29px}.legal-links{margin-left:0}}
@media(max-width:650px){.hero{padding-top:35px;padding-bottom:28px}.featured-project{grid-template-columns:1fr;gap:30px;margin-bottom:36px}.featured-copy h3{font-size:29px}.kita-collection{padding-top:30px}.kita-grid{gap:12px}.kita-card-label{padding:12px 10px;gap:5px}.kita-card-label small{font-size:8px;letter-spacing:.08em}.kita-card-label strong{font-size:18px}.kita-card-label>span:last-child{width:23px;height:23px;font-size:12px}.collection-intro h3{font-size:27px}.collection-intro>p{font-size:15px}.capture-note{font-size:11px}.case-details{margin-top:30px}.portfolio-grid{grid-template-columns:1fr;gap:25px}.portfolio-card:first-child{grid-column:auto}.portfolio-copy,.portfolio-card:first-child .portfolio-copy{padding:25px}.portfolio-card:first-child .portfolio-copy h3{font-size:30px}.contact-phone{font-size:31px}.contact-email{font-size:14px}.legal-links{flex-wrap:wrap;gap:12px 20px}.footer-bottom{align-items:flex-start}.portfolio-capture-note{font-size:11px}}
@media(max-width:480px){.kita-card-label>span:last-child{display:none}.kita-card-label strong{font-size:17px}.legal-page .legal-header-inner{flex-direction:column;align-items:flex-start;gap:12px}}
@media(max-width:360px){.kita-card-label strong{font-size:15px}.contact-phone{font-size:27px}.contact-email{font-size:13px}.portfolio-copy{padding:23px}}
@media(prefers-reduced-motion:reduce){.kita-card,.kita-screen img,.portfolio-screen img{transition:none!important;transform:none!important}}
@media print{.case-section{background:white;color:#243f34}.case-section p,.case-section .eyebrow,.case-section h2 em,.project-facts dt,.project-facts dd{color:#243f34}.kita-grid{grid-template-columns:repeat(4,1fr)}.kita-card{box-shadow:none}.featured-project{break-inside:avoid}.portfolio-card:first-child{display:block}}

/* Clear first contact, including visitors who use webmail. */
.contact-email-row{display:flex;align-items:baseline;gap:4px 16px;flex-wrap:wrap;min-width:0}
.contact-email-row .contact-email{min-width:0;max-width:100%}
.copy-link{background:transparent;border:0;padding:8px 0;color:inherit;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}
.copy-link:disabled{opacity:.6;cursor:wait}
.copy-feedback{font-size:13px;line-height:1.6;margin-top:10px;overflow-wrap:anywhere}
.copy-feedback:empty{display:none}
.contact-next{border-left:2px solid #a8bd8a;padding-left:22px;margin-top:28px;max-width:480px}
.contact-next h3{font:600 18px/1.4 var(--sans);margin:0 0 10px}
.contact-next p{font-size:15px;line-height:1.8;margin:0}
.contact-next p+p{margin-top:12px}
#inquiry-result #copy-inquiry{justify-content:space-between}
@media(max-width:650px){.contact-next{padding-left:18px}.contact-email-row{gap:0 14px}.contact-email-row .contact-email{margin-bottom:0}}