*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}@view-transition{navigation:auto}::view-transition-group(shadygrandma-project){z-index:100;animation-duration:.9s;animation-timing-function:cubic-bezier(.45,0,.2,1);overflow:hidden}::view-transition-image-pair(shadygrandma-project){isolation:auto}::view-transition-old(shadygrandma-project),::view-transition-new(shadygrandma-project){mix-blend-mode:normal;object-fit:cover;width:100%;height:100%;animation-duration:.9s;animation-timing-function:cubic-bezier(.45,0,.2,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.55s;animation-timing-function:ease}body{color:#111;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}.project-page main{transform-origin:top;animation:.85s cubic-bezier(.22,.75,.25,1) both open-project}img,video{display:block}.project-nav{z-index:3;color:#fff;text-align:center;text-transform:uppercase;grid-template-columns:1fr clamp(54px,7vw,78px) 1fr;align-items:center;gap:clamp(60px,13vw,190px);width:min(760px,76vw);font-size:clamp(12px,1.2vw,18px);font-weight:600;display:grid;position:absolute;top:clamp(24px,6vh,68px);left:50%;transform:translate(-50%)}.project-nav span{justify-self:center;padding-bottom:5px}.project-nav__active{border-bottom:2px solid}.project-nav__sun{cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:relative}.project-nav__sun:before{content:"";position:absolute;inset:-12px}.project-nav__sun img{pointer-events:none;transform-origin:50%;width:100%;height:auto;transition:transform .75s cubic-bezier(.22,.75,.25,1)}.project-nav__sun:hover img,.project-nav__sun:focus-visible img{transform:rotate(180deg)scale(.9)}.hero__caption{z-index:2;color:#fff;text-transform:uppercase;text-shadow:0 2px 15px #00000073;transition:opacity .3s,visibility .3s;display:grid;position:absolute;bottom:clamp(24px,5vh,58px);left:clamp(20px,4vw,58px)}.hero__caption strong{font-size:clamp(18px,2.1vw,34px);line-height:1.05}.hero__caption span{margin-top:5px;font-size:clamp(16px,1.75vw,27px);font-weight:700}.hero__controls{--control-size:clamp(36px, 3.5vw, 46px);z-index:3;align-items:center;gap:18px;transition:opacity .3s,visibility .3s;display:flex;position:absolute;bottom:clamp(24px,5vh,58px);right:clamp(20px,4vw,58px)}.hero.is-ui-hidden .hero__caption,.hero.is-ui-hidden .hero__controls{visibility:hidden;pointer-events:none;opacity:0}.hero__controls button{color:#fff;cursor:pointer;background:0 0;border:0;padding:0}.hero__controls [data-playback]{width:var(--control-size);height:var(--control-size);transition:opacity .25s,transform .25s}.hero__controls [data-playback]:hover{opacity:.75;transform:scale(1.06)}.icon{fill:currentColor;width:100%;height:100%}.icon--play{display:none}[data-playback].is-paused .icon--play{display:block}[data-playback].is-paused .icon--pause{display:none}.sound-control{width:var(--control-size);height:var(--control-size);transition:opacity .25s,transform .25s}.sound-control:hover{opacity:.75;transform:scale(1.06)}.sound-icon{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.sound-icon path+path{fill:none}.sound-icon--off,.sound-control.is-muted .sound-icon--on{display:none}.sound-control.is-muted .sound-icon--off{display:block}.fullscreen-control{width:var(--control-size);height:var(--control-size);transition:opacity .25s,transform .25s}.fullscreen-control:hover{opacity:.75;transform:scale(1.06)}.fullscreen-control svg{fill:none;stroke:currentColor;stroke-width:2px;width:100%;height:100%}.hero{view-transition-name:shadygrandma-project;background:#111;width:100%;height:min(100svh,75vw);min-height:520px;position:relative;overflow:hidden}.hero video{object-fit:cover;width:100%;height:100%}.intro{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:clamp(40px,8vw,140px);min-height:62svh;padding:clamp(56px,8vw,130px) clamp(24px,5vw,90px);display:grid}.intro__copy{max-width:780px;font-size:clamp(12px,1.05vw,17px);font-weight:600;line-height:1.35}.intro__copy p{margin:0 0 1.45em}.intro__artwork-frame{width:100%;transition:transform .85s cubic-bezier(.22,.75,.25,1);overflow:hidden}.intro__artwork{object-fit:contain;width:100%;max-height:520px;transition:transform .85s cubic-bezier(.22,.75,.25,1)}.full-image,.model-flip,.model-flip__base{width:100%;height:auto}.model-flip{perspective:1400px;margin:0;position:relative;overflow:hidden}.model-flip__base{z-index:1;position:relative}.model-flip__back{z-index:2;object-fit:cover;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .65s cubic-bezier(.22,.75,.25,1);position:absolute;inset:0}.model-flip__hotspot{z-index:3;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.model-flip--female .model-flip__hotspot{width:12%;height:48%;top:49%;left:43.5%}.model-flip--male .model-flip__hotspot{width:12%;height:61%;top:37%;left:44.5%}.model-flip__hotspot:focus-visible~.model-flip__back{opacity:1}.triptych{aspect-ratio:3/2;background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid;overflow:hidden}.carousel{background:#eee;height:100%;position:relative;overflow:hidden}.carousel__slides,.carousel__image{width:100%;height:100%;position:absolute;inset:0}.carousel__image{object-fit:cover;opacity:0;transition:opacity .7s,transform 1s;transform:scale(1.015)}.carousel__image.is-active{z-index:1;opacity:1;transform:scale(1)}.shirt{perspective:1400px;background:#fff;height:100%}.shirt__inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.shirt__face{object-fit:contain;backface-visibility:hidden;width:100%;height:100%;transition:opacity .65s,transform .85s cubic-bezier(.22,.75,.25,1);position:absolute;inset:0}.shirt__face--front{opacity:1;transform:rotateY(0)}.shirt__face--back{opacity:0;transform:rotateY(180deg)}@media (hover:hover) and (pointer:fine){.intro__artwork-frame:hover,.intro__artwork-frame:hover .intro__artwork{transform:scale(1.025)}.model-flip__hotspot:hover~.model-flip__back{opacity:1}.shirt:hover .shirt__face--front{opacity:0;transform:rotateY(-180deg)}.shirt:hover .shirt__face--back{opacity:1;transform:rotateY(0)}}.lookbook-panel{background:#fff;height:100%;overflow:hidden}.lookbook-panel__video{object-fit:cover;width:100%;height:100%}@keyframes open-project{0%{opacity:0;transform:translateY(28px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.project-nav{grid-template-columns:1fr 44px 1fr;gap:24px;width:82vw;font-size:10px;top:18px}.hero__caption{padding-right:140px;bottom:22px;left:18px;right:18px}.hero__caption strong{font-size:15px}.hero__caption span{font-size:13px}.hero__controls{--control-size:34px;gap:8px;bottom:20px;right:18px}.hero__controls [data-playback]{width:var(--control-size);height:var(--control-size)}.hero{height:72svh;min-height:0}.intro{grid-template-columns:1fr;gap:28px;min-height:0;padding:48px 20px}.intro__copy{font-size:11px}.intro__artwork-frame{justify-self:center;width:min(76vw,430px)}.triptych{aspect-ratio:auto;grid-template-columns:1fr;overflow:visible}.carousel{aspect-ratio:2/3;height:auto}.shirt{aspect-ratio:1;order:2;height:auto}.lookbook-panel{aspect-ratio:9/16;order:3;height:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.carousel__image,.intro__artwork-frame,.intro__artwork,.model-flip__back,.shirt__face,.project-page main,.project-nav__sun img{transition-duration:1ms;animation-duration:1ms}}