/* Foundworks product presentation: native page scrolling, physical devices, finished static states. */
.el-section{position:relative;background:#050608;padding:clamp(90px,11vw,170px) 0;overflow:hidden}
.el-eyebrow{font:12px/1.6 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#9aa7b7}
.el-title{font-size:clamp(42px,6.5vw,96px);font-weight:400;line-height:1.04;letter-spacing:-.055em;max-width:1000px;margin:24px 0}
.el-intro{max-width:580px;color:#a6adb8;font-size:clamp(17px,1.5vw,21px);line-height:1.55}
.el-head{display:flex;align-items:end;justify-content:space-between;gap:36px}
.el-head .el-title{max-width:780px}.el-head .tlink{flex:none;margin-bottom:30px}
.el-concept{border-top:1px solid #252a31}.el-concept .el-title{font-size:clamp(43px,5.6vw,82px)}
.el-concept-stage{position:relative;max-width:1180px;margin:70px auto 0;padding:0 7% 8%;perspective:1600px}
.el-laptop{position:relative;transform-style:preserve-3d;transform:rotateX(calc(8deg - var(--ep,.5)*12deg)) rotateY(calc(-7deg + var(--ep,.5)*10deg)) translateY(calc((.5 - var(--ep,.5))*50px));will-change:transform}
.el-display{position:relative;border-radius:22px 22px 8px 8px;padding:12px 12px 20px;background:linear-gradient(125deg,#999da2,#373c42 18%,#101215 48%,#60666f);box-shadow:0 0 0 1px #949da8,0 2px 0 2px #0a0b0e,0 40px 85px #000b;overflow:hidden}
.el-display:before{content:'';position:absolute;left:50%;top:12px;transform:translateX(-50%);width:12%;height:12px;background:#080a0c;border-radius:0 0 7px 7px;z-index:3}
.el-screen{aspect-ratio:1.6;background:#090a0d;border-radius:10px 10px 3px 3px;overflow:hidden;position:relative}
.el-screen img,.el-screen video{width:100%;height:100%;object-fit:cover;display:block}.el-screen video{position:absolute;inset:0}
.el-sheen{pointer-events:none;position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#fff1 47%,transparent 57%);background-size:240% 100%;background-position:calc(var(--ep,.5)*100%) 0;border-radius:inherit;z-index:4}
.el-base{height:21px;margin:0 -6%;position:relative;background:linear-gradient(#ced1d7,#777d85 22%,#b0b4ba 34%,#373d46 85%,#101215);border-radius:2px 2px 55% 55% / 2px 2px 80% 80%;box-shadow:0 25px 24px #000c;transform:translateZ(1px)}
.el-base:before{content:'';display:block;width:15%;height:6px;background:linear-gradient(#555b63,#a1a7af);margin:auto;border-radius:0 0 12px 12px}
.el-iphone{position:absolute;right:0;bottom:5%;width:22%;aspect-ratio:78/163.4;border-radius:18%/8.6%;padding:7px;background:linear-gradient(110deg,#fafbff,#606970 10%,#c8cdd4 45%,#5b646f 83%,#e7ecf1);box-shadow:2px 0 0 #13161b,5px 2px 0 #6a727d,8px 4px 0 #1b2028,0 35px 45px #000c;transform:perspective(900px) rotateY(calc(10deg - var(--ep,.5)*18deg)) rotateZ(calc(4deg - var(--ep,.5)*6deg)) translateY(calc((.5 - var(--ep,.5))*-80px));z-index:5}
.el-iphone:before{content:'';position:absolute;left:-3px;top:25%;height:13%;width:3px;background:linear-gradient(#afbac6,#38414d);border-radius:3px}.el-iphone:after{content:'';position:absolute;right:-5px;top:29%;height:12%;width:3px;background:#8b95a1;border-radius:3px}
.el-ios{position:relative;height:100%;overflow:hidden;border-radius:16.6%/8%;background:#10131a;border:3px solid #050607;color:white}
.el-ios:before{content:'';position:absolute;top:2.6%;left:32%;width:36%;height:4.5%;border-radius:100px;background:#000;z-index:8;box-shadow:inset -9px 0 3px #10141a}
.el-ios:after{content:'';position:absolute;bottom:1.5%;left:35%;width:30%;height:1%;border-radius:10px;background:#f1f1f1;z-index:8}
.el-ios>img,.el-ios>video{width:100%;height:100%;object-fit:cover;display:block}.el-ios>video{position:absolute;inset:0}
.el-concept-meta{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #2b3037;padding-top:25px}.el-concept-meta h3{font-size:28px;font-weight:400}.el-concept-meta p{color:#919aa8;font-size:14px;margin-top:9px}.el-concept-meta small{display:block;color:#858f9e;margin-top:10px;font-size:12px}
.el-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.el-play{background:transparent;color:#c3cbd6;border:1px solid #3f4751;padding:10px 14px;font:12px var(--mono);cursor:pointer}.el-play:hover{border-color:white;color:white}
.el-product-intro{border-top:1px solid #252a31;padding-top:110px}.el-product-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px}.el-product-grid .el-title{font-size:clamp(40px,4.6vw,70px)}.el-product-art{width:100%;transform:translateY(calc((.5 - var(--ep,.5))*60px));display:block}.el-product-grid .btn{margin-top:30px}
.el-note{color:#8f99a7;font:11px/1.6 var(--mono);margin-top:22px;letter-spacing:.01em}
.el-reveal{transition:opacity .8s,transform 1s cubic-bezier(.16,1,.3,1)}.el-motion .el-reveal:not(.el-visible){opacity:0;transform:translateY(35px)}
/* The existing concepts are real recordings, now presented inside Apple-inspired hardware. */
[data-page="concepts"] .sc-pin{display:block;padding-top:100px;padding-bottom:100px;border-top:1px solid #252a31}
[data-page="concepts"] .sc-copy{display:grid;grid-template-columns:1fr 1fr;gap:12px 60px;align-items:start;margin-bottom:55px}
[data-page="concepts"] .sc-copy .k{grid-column:1/-1;margin:0}[data-page="concepts"] .sc-copy .h2{font-size:clamp(32px,4.2vw,62px);grid-column:1;grid-row:2/5;max-width:620px}
[data-page="concepts"] .sc-text{margin:0;grid-column:2;grid-row:2;font-size:17px;max-width:48ch}[data-page="concepts"] .sc-actions{margin:10px 0 0;grid-column:2}[data-page="concepts"] .sc-facts,[data-page="concepts"] .sc-tier{display:none}
[data-page="concepts"] .sc-stage{width:min(1080px,100%);height:auto;aspect-ratio:1.58;margin:auto;perspective:1500px}
[data-page="concepts"] .browser{border-radius:18px 18px 5px 5px;padding:8px 8px 15px;overflow:visible;background:linear-gradient(130deg,#b3b8c1,#343941 19%,#11151b 75%,#747e8a);border:1px solid #808a96;box-shadow:3px 3px 0 #0b0e13,5px 5px 0 #45505d,0 40px 75px #000a;transform:rotateX(calc(9deg - var(--ep,.5)*11deg)) rotateY(calc(-6deg + var(--ep,.5)*9deg))!important}
[data-page="concepts"] .browser:after{content:'';position:absolute;left:-6%;right:-6%;bottom:-14px;height:15px;background:linear-gradient(#c7ccd3,#777d86 25%,#aaafb6 38%,#333a44);border-radius:2px 2px 50% 50%/2px 2px 80% 80%;box-shadow:0 15px 20px #000a}
[data-page="concepts"] .browser .bar{border-radius:11px 11px 0 0;background:#282c33;height:34px}[data-page="concepts"] .browser .bar i:nth-child(1){background:#ff6058}[data-page="concepts"] .browser .bar i:nth-child(2){background:#ffbd2e}[data-page="concepts"] .browser .bar i:nth-child(3){background:#29c940}
[data-page="concepts"] .browser .bar .url{border-radius:5px;background:#1c2026;padding:6px 20px;max-width:70%;white-space:nowrap;overflow:hidden}
[data-page="concepts"] .browser>.viewport{top:42px;left:8px;right:8px;bottom:15px;border-radius:0 0 3px 3px}
[data-page="concepts"] .phone{width:22%;min-width:0;aspect-ratio:78/163.4;border-radius:18%/8.6%;padding:7px;background:linear-gradient(110deg,#d6dde8,#4c5663 12%,#c4cbd4 48%,#424d5d 85%,#dee5ee);box-shadow:3px 1px 0 #0b1017,6px 2px 0 #6a7481,9px 3px 0 #0c1016,0 40px 65px #000d;transform:rotateY(calc(15deg - var(--ep,.5)*21deg)) rotateZ(calc(3deg - var(--ep,.5)*5deg)) translateY(calc((.5 - var(--ep,.5))*-60px))!important}
[data-page="concepts"] .phone .viewport{inset:7px;border:3px solid #06080c;border-radius:16.5%/7.9%;background:#080b10}
[data-page="concepts"] .phone:before{content:'';position:absolute;top:4%;left:34%;width:32%;height:4.2%;border-radius:30px;background:#010204;z-index:10;box-shadow:inset -7px 0 2px #121a26}
[data-page="concepts"] .phone:after{content:'';position:absolute;bottom:3%;left:36%;width:28%;height:.8%;border-radius:10px;background:#fff9;z-index:10}
[data-page="concepts"] .cap{font-size:10px;letter-spacing:.08em;bottom:-38px}
@media(max-width:760px){.el-head{display:block}.el-head .tlink{display:inline-block;margin:12px 0 0}.el-concept-stage{margin-top:45px;padding:0 8% 17% 0}.el-display{padding:5px 5px 10px;border-radius:10px 10px 3px 3px}.el-display:before{top:5px;height:5px}.el-screen{border-radius:5px}.el-base{height:10px}.el-base:before{height:3px}.el-iphone{width:28%;padding:3px;bottom:6%}.el-ios{border-width:2px}.el-concept-meta{align-items:start;flex-direction:column}.el-concept-meta h3{font-size:24px}.el-product-grid{grid-template-columns:1fr;gap:25px}.el-product-art{margin-top:20px}.el-section{padding:80px 0}.el-product-intro{padding-top:80px}[data-page="concepts"] .sc-copy{display:block;margin-bottom:35px}[data-page="concepts"] .sc-copy .h2{margin:18px 0 22px}[data-page="concepts"] .sc-actions{margin-top:25px}[data-page="concepts"] .sc-pin{padding-top:65px;padding-bottom:90px}[data-page="concepts"] .sc-stage{aspect-ratio:1.3}[data-page="concepts"] .browser{padding:4px 4px 8px;border-radius:10px 10px 3px 3px}[data-page="concepts"] .browser .bar{height:23px;gap:4px;padding:0 6px;border-radius:7px 7px 0 0}[data-page="concepts"] .browser .bar i{width:6px;height:6px}[data-page="concepts"] .browser .bar .url{font-size:7px;padding:3px 8px}[data-page="concepts"] .browser>.viewport{top:27px;left:4px;right:4px;bottom:8px}[data-page="concepts"] .phone{width:28%;padding:3px;bottom:3%}[data-page="concepts"] .phone .viewport{inset:3px;border-width:2px}[data-page="concepts"] .cap{bottom:-34px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.el-reveal{transition:none!important}.el-laptop,.el-iphone,.el-product-art,[data-page="concepts"] .browser,[data-page="concepts"] .phone{transform:none!important}}