/* Conceptual art-direction placeholders, NOT exports of the original Figma artworks. */
.scene {position:absolute;inset:0;overflow:hidden;isolation:isolate;display:block;transform:translateZ(0)}
.scene::after {content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' opacity='.36' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.12;mix-blend-mode:soft-light;z-index:8}
.scene .sc-label{position:absolute;font:500 clamp(9px,1vw,12px)/1.2 var(--font-body);letter-spacing:.13em;text-transform:uppercase;z-index:7}
.scene--molinari{background:#ed1834;color:#fff}
.mol-rules{position:absolute;width:150%;height:130%;inset:-15% -25%;opacity:.3;background:repeating-linear-gradient(147deg,transparent 0 64px,#fff 65px 66px,transparent 67px 140px);transform:skewY(-7deg)}
.mol-giant{position:absolute;top:2%;left:4%;font:500 clamp(105px,20vw,340px)/.73 var(--font-display);letter-spacing:-.05em;color:rgba(255,255,255,.1);white-space:nowrap}
.mol-phone{position:absolute;left:46%;top:9%;width:26%;height:83%;border:clamp(5px,.8vw,14px) solid #161719;border-radius:12%/6%;background:linear-gradient(120deg,#e5e5e5,#f9f9f9 45%,#bfc3c8);box-shadow:18px 22px 0 rgba(20,13,17,.3),-5px -3px 0 #81858d;transform:rotate(15deg) translate3d(0,0,0);transition:transform 240ms var(--ease-out);z-index:3}
.mol-phone::before{content:"";position:absolute;top:0;left:31%;width:38%;height:4%;border-radius:0 0 12px 12px;background:#17181a}
.mol-phone::after{content:"M/";position:absolute;inset:0;display:grid;place-items:center;font:500 clamp(55px,10vw,155px)/1 var(--font-display);color:#ed1834;opacity:.93}
.mol-rock{position:absolute;bottom:-3%;right:-8%;width:81%;height:42%;background:linear-gradient(17deg,#090909 3%,#454545 34%,#101114 68%,#343638 100%);clip-path:polygon(0 90%,8% 45%,20% 62%,27% 31%,40% 47%,54% 12%,68% 25%,80% 3%,100% 14%,100% 100%,0 100%);z-index:5;filter:contrast(1.1)}
.mol-rock::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(165deg,transparent 0 9px,rgba(255,255,255,.09) 10px 12px,transparent 14px 25px)}
.scene--molinari .sc-label{top:8%;left:5%;color:#fff}
.scene--felicita{background:radial-gradient(ellipse at 40% 40%,#b16522 0%,#65351c 53%,#281c16 100%);color:#fff}
.feli-disk{position:absolute;left:-17%;top:-75%;width:100%;aspect-ratio:1;border:1px solid rgba(255,221,177,.25);border-radius:50%;box-shadow:0 0 0 65px rgba(255,220,157,.055),0 0 0 140px rgba(255,220,157,.035)}
.feli-card{position:absolute;width:48%;height:56%;background:#ede9e0;box-shadow:1.5vw 2vw 2.6vw rgba(15,7,4,.35);border-radius:2px;display:flex;align-items:center;justify-content:center;transform:rotate(-15deg);top:19%;left:15%;transition:transform 240ms var(--ease-out)}
.feli-card--back{background:#3b2118;top:38%;left:44%;transform:rotate(19deg);z-index:1;border:1px solid #b86e36}
.feli-card--front{z-index:3}
.feli-word{font:700 clamp(44px,7vw,135px)/.7 Georgia,serif;letter-spacing:-.12em;text-transform:lowercase;text-align:center;color:#a45b27;transform:rotate(-8deg);margin-left:-.14em}
.feli-word em{font-weight:400;font-style:italic;color:#523220}
.feli-card--back .feli-word{color:#f7d4a7;font-size:clamp(30px,5vw,100px)}
.feli-card--back .feli-word em{color:#f7d4a7}
.feli-corner{position:absolute;z-index:6;top:7%;right:6%;font:500 clamp(14px,2vw,35px)/1 var(--font-display);letter-spacing:.12em;color:#e3b881}
.scene--felicita .sc-label{bottom:8%;left:5%;color:#ead1b1}
.scene--honua{background:#046751;color:#f4f1e9}
.hon-ring{position:absolute;width:75%;aspect-ratio:1;left:-20%;top:-30%;border:1px solid rgba(231,231,219,.27);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.025),0 0 0 165px rgba(255,255,255,.025)}
.hon-card{position:absolute;width:53%;height:51%;background:#f7f4ef;box-shadow:1vw 1.6vw 3vw rgba(0,0,0,.3);transform:rotate(-18deg);left:10%;top:27%;z-index:2;display:flex;align-items:center;justify-content:center;transition:transform 240ms var(--ease-out)}
.hon-card--back{background:#085844;transform:rotate(17deg);left:46%;top:20%;z-index:1;border:1px solid rgba(255,255,255,.16)}
.hon-mark{display:flex;align-items:center;flex-direction:column;color:#005841;gap:10px}
.hon-mark b{font:600 clamp(30px,5vw,82px)/.85 var(--font-identity);letter-spacing:.12em}
.hon-mark i{color:#da945e;font-size:clamp(30px,4vw,62px);font-style:normal;line-height:1}
.hon-card--back .hon-mark b{color:#f6eee2}
.hon-card--back .hon-mark i{color:#e69e67}
.scene--honua .sc-label{bottom:8%;right:6%;color:#e6e3d9}
.scene--digipharm{background:#43c0e6;color:#fff}
.dig-bgtype{position:absolute;top:-9%;left:0;font:500 clamp(110px,21vw,350px)/.75 var(--font-display);opacity:.21;color:#fff;white-space:nowrap;transform:rotate(-9deg)}
.dig-ribbon{position:absolute;width:25%;height:75%;top:12%;left:18%;background:#0caac8;box-shadow:12px 13px 0 rgba(0,0,0,.16);transform:rotate(-8deg);z-index:2;display:flex;align-items:center;justify-content:center;transition:transform 240ms var(--ease-out)}
.dig-ribbon span{font:600 clamp(22px,4vw,76px)/1 var(--font-identity);writing-mode:vertical-rl;transform:rotate(180deg)}
.dig-ribbon:nth-of-type(2){left:42%;top:6%;background:#ea3e95;transform:rotate(7deg);z-index:3}
.dig-ribbon:nth-of-type(3){left:65%;top:13%;background:#f8f6f4;transform:rotate(-6deg);z-index:2;color:#0c488c}
.dig-ribbon .sym{font:500 clamp(90px,14vw,220px)/1 var(--font-display);writing-mode:initial;transform:none;color:#fff}
.dig-ribbon:nth-of-type(3) .sym{color:#ec3c8e}
.scene--digipharm .sc-label{top:8%;left:5%;color:#12477c}
@media (hover:hover) and (pointer:fine){.project-card:hover .mol-phone{transform:rotate(11deg) translate3d(0,-3%,0)}.project-card:hover .feli-card--front{transform:rotate(-9deg) translate3d(0,-2%,0)}.project-card:hover .feli-card--back{transform:rotate(15deg) translate3d(0,2%,0)}.project-card:hover .hon-card{transform:rotate(-13deg) translate3d(0,-2%,0)}.project-card:hover .hon-card--back{transform:rotate(13deg) translate3d(0,2%,0)}.project-card:hover .dig-ribbon{transform:rotate(-5deg) translate3d(0,-2%,0)}}
@media (prefers-reduced-motion:reduce){.mol-phone,.feli-card,.hon-card,.dig-ribbon{transition:none!important}}