/* KHS expressive layer: original vector motifs, editorial collage and social tiles. */
.hero-intro{position:relative}.hero-intro>.eyebrow{display:inline-flex;align-items:center;gap:10px;background:var(--khs-lilac);color:var(--khs-lilac-ink);border:1px solid var(--amin-fixed-ink);padding:6px 15px;border-radius:999px;transform:rotate(2deg);box-shadow:3px 3px 0 var(--amin-fixed-ink)}.hero-intro>.eyebrow:before{content:'✳';font-size:20px;line-height:1}.identity-panel{border:2px solid var(--amin-fixed-ink);box-shadow:8px 8px 0 var(--khs-lilac);isolation:isolate}.identity-monogram{z-index:1;transform:rotate(-5deg)}.identity-monogram>span{color:var(--khs-butter)}.identity-sticker{z-index:4;border:2px solid var(--amin-fixed-ink);box-shadow:3px 4px 0 var(--amin-fixed-ink);padding:10px 16px;top:60%;inset-inline-end:22px}.hero-ornaments{position:absolute;inset:0;pointer-events:none;z-index:3}.graphic-token{display:flex;position:absolute;align-items:center;justify-content:center;border:2px solid var(--amin-fixed-ink);box-shadow:4px 4px 0 var(--amin-fixed-ink)}.graphic-token svg{width:32px;height:32px}.token-code{top:22%;right:20px;width:86px;height:70px;transform:rotate(12deg);background:var(--khs-sky);color:var(--khs-sky-ink);border-radius:16px;flex-direction:column;gap:4px}.token-code small{font:700 8px var(--khs-font-latin);letter-spacing:2px}.token-camera{left:28px;top:17%;width:66px;height:66px;background:var(--khs-mint);color:var(--khs-mint-ink);border-radius:50%;transform:rotate(-14deg)}.token-orbit{right:38px;bottom:28%;width:68px;height:68px;background:var(--khs-butter);color:var(--khs-butter-ink);border-radius:22px;transform:rotate(15deg)}.graphic-ticket{position:absolute;left:27px;bottom:26%;font:650 9px/1.8 var(--khs-font-latin);letter-spacing:1px;background:var(--khs-lime);color:var(--amin-fixed-ink);padding:12px 15px;transform:rotate(-8deg);border:2px dashed var(--amin-fixed-ink)}.role-strip{gap:14px;padding-top:30px}.role-strip p{border:1px solid var(--amin-fixed-ink);box-shadow:2px 3px 0 var(--amin-fixed-ink);color:var(--amin-fixed-ink);background:var(--khs-stone,var(--khs-surface-alt))}.role-strip p:nth-child(2){transform:rotate(-2deg)}.role-strip p:nth-child(4){transform:rotate(2deg)}.section-heading .eyebrow{display:inline-block;font-size:11px;padding:5px 12px;border:1px solid var(--khs-border);border-radius:8px;background:var(--khs-surface)}.section-heading h2:after{content:'✳';display:inline-block;margin-inline-start:16px;font:normal 40px/1 var(--khs-font-latin);color:var(--khs-ink);vertical-align:middle}.milestone-body{border:1px solid var(--khs-border);padding:28px;border-radius:28px;background:var(--khs-surface);position:relative;box-shadow:0 5px 0 var(--khs-surface-alt)}.milestone:nth-of-type(3n) .milestone-body:after{content:'↗';position:absolute;inset-inline-end:22px;top:18px;font-size:32px;color:var(--khs-muted)}.milestone-icon{width:52px;height:52px;border:1px solid var(--amin-fixed-ink);box-shadow:2px 3px 0 var(--amin-fixed-ink);transform:rotate(-5deg)}.milestone-icon svg{width:28px;height:28px}.milestone-featured .milestone-body{border:2px solid var(--amin-fixed-ink);box-shadow:6px 6px 0 var(--khs-lime)}.milestone-featured .milestone-icon{background:var(--khs-lime);color:var(--amin-fixed-ink)}.project-card{border:2px solid var(--khs-ink);box-shadow:5px 6px 0 var(--khs-surface-alt);transition:transform var(--khs-speed-normal),box-shadow var(--khs-speed-normal)}.project-card:hover{transform:translateY(-4px);box-shadow:7px 10px 0 var(--khs-lilac)}.project-collage{position:relative;isolation:isolate;min-height:280px;padding:28px;background:var(--khs-butter);color:var(--amin-fixed-ink);overflow:hidden;justify-content:flex-start}.collage-title{position:relative;z-index:3}.collage-title>span{font-size:clamp(38px,4vw,58px);font-weight:850;line-height:1.6}.collage-title>small{display:block;font:650 9px var(--khs-font-latin);letter-spacing:3px}.collage-screen{position:absolute;width:46%;height:66%;bottom:10%;left:9%;border:3px solid var(--amin-fixed-ink);background:var(--khs-mint);color:var(--khs-mint-ink);border-radius:16px;box-shadow:7px 7px 0 var(--amin-fixed-ink);transform:rotate(-8deg);overflow:hidden}.screen-toolbar{display:flex;gap:4px;align-items:center;min-height:27px;border-bottom:2px solid var(--amin-fixed-ink);padding:6px 10px;background:var(--khs-white)}.screen-toolbar>i{height:5px;width:5px;border:1px solid var(--amin-fixed-ink);border-radius:50%}.screen-toolbar>span{margin-inline-start:auto;font:700 7px var(--khs-font-latin);letter-spacing:1px}.screen-play{position:absolute;inset:27px 0 35px;display:flex;align-items:center;justify-content:center}.screen-play svg{width:52px;height:52px;padding:12px;border:2px solid var(--amin-fixed-ink);border-radius:50%;background:var(--khs-lime);color:var(--amin-fixed-ink)}.screen-waves{position:absolute;bottom:12px;left:20%;right:20%;display:flex;gap:5px;align-items:center;justify-content:center;height:26px}.screen-waves i{width:4px;height:12px;background:var(--amin-fixed-ink);border-radius:3px}.screen-waves i:nth-child(2n){height:24px}.screen-waves i:nth-child(3n){height:17px}.collage-camera,.collage-code,.collage-spark{position:absolute;display:flex;align-items:center;justify-content:center;z-index:4}.collage-camera{right:24%;bottom:12%;width:65px;height:60px;background:var(--khs-lilac);color:var(--khs-lilac-ink);border:2px solid var(--amin-fixed-ink);box-shadow:3px 3px 0 var(--amin-fixed-ink);border-radius:16px;transform:rotate(10deg)}.collage-camera svg{width:34px;height:34px}.collage-code{left:5%;top:9%;width:58px;height:58px;border-radius:50%;background:var(--khs-sky);color:var(--khs-sky-ink);border:2px solid var(--amin-fixed-ink);transform:rotate(13deg)}.collage-code svg{width:28px;height:28px}.collage-spark{right:8%;bottom:15%;color:var(--amin-fixed-ink)}.collage-spark svg{width:50px;height:50px;stroke-width:1.3;fill:var(--khs-lime)}.collage-label{position:absolute;right:25px;bottom:36%;font:750 8px var(--khs-font-latin);letter-spacing:1.5px;padding:9px 12px;border:1px solid var(--amin-fixed-ink);background:var(--khs-white);transform:rotate(-5deg);z-index:4}.collage-dots{position:absolute;width:100px;height:100px;right:8px;top:12px;border:1px dashed var(--amin-fixed-ink);border-radius:50%;opacity:.25}.project-visual{aspect-ratio:1.7}.writing-card{border-width:2px;position:relative;box-shadow:4px 5px 0 var(--khs-surface-alt)}.writing-card:before{content:'✎';display:flex;align-items:center;justify-content:center;font-size:24px;align-self:start;width:44px;height:44px;background:var(--khs-lilac);color:var(--khs-lilac-ink);border-radius:12px;border:1px solid var(--amin-fixed-ink);transform:rotate(-7deg);margin-bottom:22px}.focus-panel{position:relative;border:2px solid var(--amin-fixed-ink);box-shadow:7px 7px 0 var(--khs-lime);overflow:hidden}.focus-panel:after{content:'✳';position:absolute;inset-inline-end:15px;top:-42px;font:normal 155px var(--khs-font-latin);color:var(--khs-lime);opacity:.14;pointer-events:none}.contact-panel{border:2px dashed var(--khs-border);border-radius:40px;background:var(--khs-surface);position:relative}.contact-panel:before{content:'↙';display:flex;align-items:center;justify-content:center;font-size:38px;width:65px;height:65px;background:var(--khs-sky);color:var(--khs-sky-ink);border:2px solid var(--amin-fixed-ink);border-radius:20px;margin:0 auto 24px;transform:rotate(-10deg);box-shadow:4px 4px 0 var(--amin-fixed-ink)}.contact-links{display:flex;gap:16px;flex-wrap:wrap}.social-link{flex:1 1 220px;min-width:0;min-height:138px;display:flex;align-items:center;gap:16px;padding:24px 20px;border:2px solid var(--amin-fixed-ink);border-radius:24px;box-shadow:4px 5px 0 var(--amin-fixed-ink);text-decoration:none;background:var(--khs-lilac);color:var(--khs-lilac-ink);transition:transform var(--khs-speed-fast),box-shadow var(--khs-speed-fast)}.social-link:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:6px 8px 0 var(--amin-fixed-ink)}.social-link--telegram{background:var(--khs-sky);color:var(--khs-sky-ink)}.social-link--twitter{background:var(--khs-lime);color:var(--amin-fixed-ink)}.social-link--instagram{background:var(--khs-lilac);color:var(--khs-lilac-ink)}.social-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;border:1.5px solid currentColor;border-radius:17px;background:var(--khs-white);transform:rotate(-7deg)}.social-symbol svg{width:28px;height:28px;stroke-width:1.7}.social-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.social-copy strong{font-size:14px}.social-copy small{font:500 10px var(--khs-font-latin);overflow-wrap:anywhere}.social-arrow{margin-inline-start:auto;align-self:start}.social-arrow svg{width:18px;height:18px}.site-footer{grid-template-columns:1fr}.site-footer>.contact-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer .social-link{min-height:94px;padding:18px}.site-footer .social-symbol{width:42px;height:42px;border-radius:13px}.site-footer .social-symbol svg{width:23px;height:23px}
@media(max-width:1050px){.token-code{width:70px;height:62px;right:14px}.token-camera{left:20px;width:56px;height:56px}.graphic-ticket{left:20px;font-size:8px}.project-collage{min-height:250px}.collage-label{right:15px;font-size:7px}.collage-camera{width:52px;height:48px}.collage-title>span{font-size:42px}.social-link{flex-basis:240px}}
@media(max-width:650px){.identity-panel{margin-inline-end:6px}.token-code{top:20%;right:15px;width:64px;height:56px}.graphic-token svg{width:26px;height:26px}.token-camera{top:14%;left:18px;width:52px;height:52px}.token-orbit{width:52px;height:52px;right:25px;bottom:26%}.graphic-ticket{left:20px;bottom:25%;font-size:7px;padding:9px}.identity-sticker{top:59%;padding:7px 12px;font-size:10px}.role-strip{gap:10px}.section-heading h2:after{font-size:30px;margin-inline-start:10px}.milestone-body{padding:22px 20px}.milestone-icon{width:46px;height:46px}.milestone-icon svg{width:25px;height:25px}.milestone:nth-of-type(3n) .milestone-body:after{font-size:25px;inset-inline-end:16px}.project-card{margin-inline-end:6px}.project-visual{aspect-ratio:1.45}.project-collage{min-height:0;height:100%;padding:22px}.collage-title>span{font-size:42px}.collage-screen{height:64%;left:8%;bottom:12%}.collage-code{width:46px;height:46px;left:4%;top:8%}.collage-code svg{width:22px;height:22px}.collage-camera{right:24%;width:48px;height:46px;bottom:9%}.collage-camera svg{width:28px;height:28px}.collage-spark{right:7%;bottom:10%}.collage-spark svg{width:40px;height:40px}.collage-label{font-size:6px;right:17px;bottom:35%;padding:8px}.screen-play svg{width:42px;height:42px;padding:8px}.social-link{flex-basis:100%;min-height:108px;padding:22px;margin-inline-end:5px}.social-copy strong{font-size:16px}.social-copy small{font-size:12px}.site-footer>.contact-links{grid-template-columns:1fr}.site-footer .social-link{min-height:82px}.site-footer .social-copy strong{font-size:13px}.site-footer .social-copy small{font-size:10px}.contact-panel{padding-inline:18px}.focus-panel{margin-inline-end:6px}.writing-card{margin-inline-end:5px}.graphic-token,.social-link,.project-card,.identity-panel{will-change:auto}}
@media(prefers-reduced-motion:reduce){.social-link:hover,.project-card:hover{transform:none}}
.role-strip p:first-child{background:var(--wp--preset--color--stone);color:var(--amin-fixed-ink)}.graphic-ticket{display:none}.hero-intro>.eyebrow:before,.section-heading h2:after,.focus-panel:after{content:"✳" / ""}.milestone:nth-of-type(3n) .milestone-body:after{content:"↗" / ""}.writing-card:before{content:"✎" / ""}.contact-panel:before{content:"↙" / ""}
.project-detail-art{max-width:760px;margin:32px auto 48px;border:2px solid var(--amin-fixed-ink);border-radius:28px;overflow:hidden;box-shadow:6px 7px 0 var(--khs-lilac)}.project-detail-art .project-collage{height:380px}.project-detail-art .collage-title>span{font-size:76px}.project-detail-art .collage-camera{width:82px;height:76px}.project-detail-art .collage-camera svg{width:44px;height:44px}@media(max-width:650px){.project-detail-art{margin-inline-end:6px}.project-detail-art .project-collage{height:240px}.project-detail-art .collage-title>span{font-size:42px}.project-detail-art .collage-camera{width:48px;height:46px}.project-detail-art .collage-camera svg{width:28px;height:28px}}
.collage-title{align-self:flex-start;max-width:47%}.collage-title>small{text-align:right;line-height:1.7;margin-top:2px}
