/* A live silicon study, framed as the focal point of the portfolio. */
.photo-hero{position:relative;grid-template-columns:.87fr 1.25fr;gap:25px;min-height:100svh;padding:112px max(4.5vw,24px) 52px;background:radial-gradient(ellipse at 76% 36%,#17212c 0,transparent 46%),#0b0d10}
.photo-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#6c97b007 1px,transparent 1px),linear-gradient(90deg,#6c97b007 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000)}
.photo-hero-text,.silicon-stage{position:relative;z-index:1;min-width:0}.photo-hero-text{padding:20px 0}.photo-hero h1{font-size:clamp(37px,4.45vw,69px);letter-spacing:-2.5px;line-height:1.08;margin:25px 0!important}.photo-hero-text>p{font-size:14px;max-width:440px;line-height:1.85}.photo-hero-tags{gap:6px}.photo-hero-tags span{font-size:9px}.hero-upload-note{margin-top:30px}.hero-upload-note p{font-size:11px}.immersive-eyebrow{display:flex;align-items:center;gap:10px}.immersive-eyebrow:before{content:'';width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#65dbe8;box-shadow:0 0 12px #65dbe870}.hero-experience-controls{display:flex;gap:20px;margin-top:27px;align-items:center}.hero-experience-controls button{background:none;border:0;border-bottom:1px solid #455363;padding:9px 0;color:#a8b8c8;font-size:10px;cursor:pointer;min-height:40px}.hero-experience-controls button:hover{color:#fff;border-color:#dca56b}.hero-scroll-cue{display:flex;align-items:center;gap:9px;font-size:9px;color:#75899c;letter-spacing:.12em;text-transform:uppercase;margin-top:27px}.hero-scroll-cue i{height:26px;width:16px;border:1px solid #586775;border-radius:12px;position:relative}.hero-scroll-cue i:after{content:'';position:absolute;top:5px;left:6px;width:2px;height:7px;border-radius:2px;background:#dca56b;animation:scroll-tick 2.7s ease-in-out infinite}
.silicon-stage{width:100%;max-width:900px;margin:0 auto;color:#d8e3ec;align-self:center;isolation:isolate}.silicon-scene-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #52637436;padding:0 2px 14px;margin:0 5px;gap:10px;font-size:9px;letter-spacing:.14em;color:#91a4b8}.silicon-scene-heading>span:first-child{color:#dca56b}.silicon-live{display:flex;gap:7px;align-items:center;color:#a7c8cd;letter-spacing:.07em}.silicon-live i{height:4px;width:4px;background:#65dbe8;border-radius:50%;box-shadow:0 0 9px #65dbe866}.silicon-live b{font-weight:400}.is-static .silicon-live{display:none}.silicon-viewport{height:clamp(300px,33vw,500px);min-height:300px;position:relative;width:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#26717a16,transparent 55%);border-radius:10px}.silicon-viewport:after{content:'';position:absolute;left:25%;right:25%;bottom:13%;height:8%;background:#0007;filter:blur(25px);border-radius:50%;pointer-events:none;z-index:-1}#silicon-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;cursor:grab;touch-action:pan-y;outline-offset:-4px!important}#silicon-canvas.is-dragging{cursor:grabbing}.silicon-fallback{width:100%;height:100%;object-fit:contain;display:block;opacity:.9;pointer-events:none}.is-3d-ready #silicon-canvas{opacity:1;transition:opacity .5s}.is-3d-ready .silicon-fallback{opacity:0;visibility:hidden}.silicon-markers{display:none}.is-3d-ready .silicon-markers{display:contents}.silicon-marker{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;padding:0;background:transparent;border:0;cursor:pointer;border-radius:50%;color:#e9f1f5;font-size:10px}.silicon-marker:before{content:'';position:absolute;inset:9px;border:1px solid #a9bfd288;border-radius:50%;background:#122230e8;box-shadow:0 2px 15px #0008;z-index:-1;transition:inset .2s,border-color .2s}.silicon-marker:hover:before,.silicon-marker.selected:before{inset:7px;border-color:#e2ae77;background:#332a20}.silicon-marker[hidden]{display:none}.silicon-marker.selected{color:#f8ce9e}.silicon-concept{position:absolute;left:10px;bottom:9px;color:#6c859a;font-size:8px;letter-spacing:.10em;text-transform:uppercase;pointer-events:none}.silicon-hint{margin:3px 0 11px;text-align:center;color:#99afc2;font-size:10px;line-height:1.5;min-height:15px}.silicon-toolbar{display:flex;justify-content:center;gap:6px;align-items:center;flex-wrap:wrap}.silicon-toolbar button{border:1px solid #445364;background:#16222f87;color:#c6d5e3;min-height:40px;padding:9px 12px;border-radius:8px;font-size:10px;cursor:pointer;transition:background .2s,border-color .2s}.silicon-toolbar button:hover:not(:disabled){background:#253445;border-color:#92a6b9}.silicon-toolbar button[aria-pressed="true"]{border-color:#906e4d;color:#edbc88;background:#36291b80}.silicon-toolbar button:disabled{opacity:.4;cursor:default}.silicon-toolbar .silicon-icon-button{width:40px;padding:5px;font-size:19px}.silicon-layer-control{display:flex;align-items:center;gap:13px;max-width:430px;margin:15px auto 17px;font-size:9px;color:#9cb1c4}.silicon-layer-control label{white-space:nowrap}.silicon-layer-control input{flex:1;min-width:50px;height:20px;accent-color:#dca56b;cursor:pointer}.silicon-layer-control output{font-size:9px;color:#dca56b;min-width:30px;text-align:right}.silicon-part-tabs{display:flex;gap:0;border-top:1px solid #354252;border-bottom:1px solid #354252}.silicon-part-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:none;color:#839aad;font-size:10px;min-height:42px;cursor:pointer;padding:9px 5px;text-align:left}.silicon-part-tabs button span{color:#708699;font-size:8px;margin-right:8px}.silicon-part-tabs button.selected{color:#e7c299;border-bottom-color:#dca56b}.silicon-part-tabs button:hover{color:#fff}.silicon-part-info{padding:15px 0 0;display:grid;grid-template-columns:135px 1fr;gap:20px;min-height:73px}.silicon-part-info h3{font-size:11px;letter-spacing:0;line-height:1.7;color:#c3d2df;margin:0}.silicon-part-info p{font-size:11px;color:#8eabc0;line-height:1.8;margin:0;max-width:450px}.silicon-stage button:focus-visible,.hero-experience-controls button:focus-visible,#silicon-canvas:focus-visible,.silicon-layer-control input:focus-visible{outline:2px solid #65dbe8!important;outline-offset:3px!important}
@keyframes scroll-tick{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}
@media(min-width:1700px){.photo-hero{padding-left:max(calc((100vw - 1550px)/2),6vw);padding-right:max(calc((100vw - 1550px)/2),6vw);gap:70px}}
@media(max-width:1100px){.photo-hero{grid-template-columns:.9fr 1.12fr;padding-left:28px;padding-right:28px;gap:15px}.photo-hero h1{font-size:46px}.photo-hero-text>p{font-size:12px}.photo-hero-tags span{font-size:8px}.silicon-part-info{grid-template-columns:110px 1fr;gap:10px}.silicon-part-info p{font-size:10px}.silicon-toolbar button{padding:9px 10px;font-size:9px}.silicon-toolbar .silicon-icon-button{padding:5px}.silicon-scene-heading{font-size:8px}.silicon-viewport{height:360px}.profile-hero-actions{gap:17px}.photo-cta{font-size:11px;gap:15px;padding:13px 17px}}
@media(max-width:780px){.photo-hero{grid-template-columns:1fr;min-height:0;padding:120px 25px 42px;gap:36px}.photo-hero-text{max-width:650px;padding:0}.photo-hero h1{font-size:clamp(42px,7vw,58px);max-width:620px}.photo-hero-text>p{font-size:13px;max-width:540px}.photo-hero-tags span{font-size:9px}.hero-upload-note{display:none}.hero-experience-controls{margin-top:17px}.hero-scroll-cue{display:none}.silicon-stage{max-width:620px}.silicon-viewport{height:clamp(315px,70vw,450px)}.silicon-toolbar button{font-size:10px;min-height:44px}.silicon-toolbar .silicon-icon-button{width:44px}.silicon-scene-heading{font-size:9px}.silicon-part-info p{font-size:11px}.silicon-part-tabs button{min-height:44px}.silicon-hint{margin-bottom:13px}}
@media(max-width:420px){.photo-hero{padding-left:20px;padding-right:20px;gap:32px}.photo-hero h1{font-size:40px;letter-spacing:-1.8px}.photo-hero-text>p{font-size:12px}.photo-hero .section-eyebrow{font-size:8px}.silicon-viewport{height:315px}.silicon-toolbar{gap:5px}.silicon-toolbar button{padding:8px;font-size:9px}.silicon-toolbar .silicon-icon-button{width:40px;font-size:18px}.silicon-part-info{display:block;min-height:110px}.silicon-part-info h3{margin-bottom:7px}.silicon-part-tabs button{font-size:9px}.silicon-part-tabs button span{margin-right:4px}.silicon-concept{font-size:7px}.silicon-hint{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-scroll-cue i:after{animation:none}.is-3d-ready #silicon-canvas{transition:none}}
html[data-portfolio-motion="off"] .hero-scroll-cue i:after{animation:none}