@media (max-width:700px){.home-details-module__AD_2oG__journey .text-body{font-size:.875rem;line-height:1.65}.home-details-module__AD_2oG__journey #story .text-body{font-size:.9375rem;line-height:1.6}:is(.home-details-module__AD_2oG__journey .text-h3,.home-details-module__AD_2oG__skills .text-h3){font-size:1.125rem;line-height:1.3}.home-details-module__AD_2oG__journey .home-details-module__AD_2oG__disclosureTitle{font-size:.875rem;line-height:1.5}}
.hp-hero{isolation:isolate;background:var(--background);min-height:calc(100svh - 116px);padding:clamp(24px,4vw,64px) clamp(24px,6vw,100px) 90px;position:relative;overflow:clip}.hp-hero h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--foreground);margin:0;font-weight:800;line-height:.94}.hp-role{margin:12px 0 10px;font-size:clamp(17px,1.65vw,24px);line-height:1.4}.hp-description{color:var(--muted);max-width:48ch;font-size:clamp(15px,1.3vw,19px);line-height:1.65}.hp-contact-links{flex-wrap:wrap;gap:4px 8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.hp-contact-links a{width:44px;min-height:44px;color:var(--foreground);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.hp-contact-links a:is(:hover,:focus-visible){color:var(--accent-text)}.hp-contact-links svg{flex-shrink:0}.hp-scroll{letter-spacing:.08em;min-width:140px;min-height:48px;color:var(--muted);z-index:4;flex-direction:column;align-items:center;gap:10px;font-size:11px;text-decoration:none;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hp-scroll:hover{color:var(--accent-text)}.hp-scroll svg{transition:transform .25s}.hp-scroll:hover svg{transform:translateY(4px)}.hp-sculpture{flex-direction:column;justify-content:center;gap:22px;display:flex}.hp-sculpture-composition{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,72px);width:100%;max-width:1352px;margin-inline:auto;display:grid}.hp-sculpture h1{font-size:clamp(48px,5.9vw,88px)}.hp-sculpture h1 span,.hp-sculpture .hp-introduction{display:block}.hp-sculpture .hp-role{color:var(--accent-text);margin-top:22px;font-size:21px}.hp-sculpture-viewer{justify-self:center;width:100%;min-width:0;max-width:481px;animation:.3s cubic-bezier(.2,.8,.2,1) hp-sculpture-arrive}.hp-sculpture-stage{aspect-ratio:37/32;cursor:grab;touch-action:none;border-radius:16px;width:100%;height:auto;position:relative;scale:1.25}.hp-sculpture-stage:active{cursor:grabbing}.hp-sculpture-stage[data-interactive=false],.hp-sculpture-stage[data-interactive=false]:active{cursor:default;touch-action:auto;pointer-events:none}.hp-sculpture-stage canvas{width:100%;height:100%;display:block}.hp-particle-stage,.hp-particle-stage:active{cursor:crosshair;touch-action:pan-y}.hp-particle-placeholder{pointer-events:none;place-items:center;display:grid;position:absolute;inset:15%}.hp-particle-placeholder>span{width:100%;max-width:none;height:100%}@keyframes hp-sculpture-arrive{0%{opacity:.35;transform:scale(.96)}to{opacity:1;transform:scale(1)}}html:is([data-skin=pixel],[data-skin=fusion]) .hp-sculpture h1{font-size:clamp(24px,4.3vw,68px);line-height:1.4}.hp-identity-open{min-width:0;padding:0}.hp-sculpture{background:0 0;min-height:calc(100svh - 64px)}.hp-sculpture .hp-role{text-wrap:balance;max-width:32ch;font-weight:600}.hp-sculpture .hp-description{max-width:56ch;font-size:16px;line-height:1.75}.hp-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}@media (max-width:850px) and (min-width:701px){.hp-sculpture-composition{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}}@media (max-width:700px){.hp-hero{padding:24px 20px 48px}.hp-sculpture{justify-content:space-evenly;gap:16px;min-height:calc(100svh - 64px);padding:16px 20px}.hp-sculpture-composition{grid-template-columns:1fr;gap:50px}.hp-sculpture h1{font-size:38px;line-height:1.05}.hp-sculpture h1 span{display:inline}.hp-sculpture h1 span:first-child:after{content:" "}.hp-sculpture .hp-role{margin-block:10px 6px;font-size:18px}.hp-sculpture .hp-description{font-size:15px;line-height:1.6}.hp-actions{gap:10px;margin-top:16px}.hp-sculpture-viewer{order:-1;width:100%;max-width:220px;margin-inline:auto}.hp-sculpture-stage{aspect-ratio:auto;height:min(140px,18svh,50vw - 24px)}.hp-scroll{align-self:center;margin-top:0;position:static;transform:none}html:is([data-skin=pixel],[data-skin=fusion]) .hp-sculpture h1{font-size:20px}}@media (prefers-reduced-motion:reduce){.hp-sculpture *,.hp-sculpture :before,.hp-sculpture :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
