@font-face{font-family:Editorial;src:local('Baskerville');font-display:swap}
:root{--blue:#1658e9;--blue-dark:#1143b3;--ink:#152332;--muted:#5e6d7c;--paper:#f7f9fc;--line:#dce3ec;--serif:Editorial,'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0}img{display:block;max-width:100%;height:auto}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;font-weight:500;letter-spacing:-.045em;text-wrap:balance}p{overflow-wrap:break-word}em{font-family:var(--serif);font-weight:400}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #3886ff;outline-offset:6px}::selection{background:#bfd5ff;color:#0b2d75}[hidden]{display:none!important}.wrap{width:calc(100% - 112px);max-width:1360px;margin-inline:auto}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.6}.skip{position:fixed;top:12px;left:12px;z-index:100;padding:10px 20px;background:white;transform:translateY(-180%);border:1px solid var(--blue)}.skip:focus{transform:none}.site-header{position:sticky;top:0;z-index:20;background:rgb(247 249 252 / 94%);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:border-color .25s}.scrolled .site-header{border-color:var(--line)}.nav{height:96px;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:24px;letter-spacing:-.06em;font-weight:650;line-height:1}.brand img{border-radius:11px;flex-shrink:0}.nav nav{display:flex;gap:30px;align-items:center;margin-inline-start:auto;font-size:13px}.nav nav a{display:flex;align-items:center;gap:4px;transition:color .2s}.nav nav a:hover,.footer-links a:hover,.footer-bottom a:hover{color:var(--blue)}.nav nav svg{width:13px;height:13px}.nav-actions{display:flex;align-items:center;gap:23px}.language-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 2px;background:transparent;font-size:12px;font-weight:500}.language-open svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.25}.nav-contact{display:flex;align-items:center;gap:18px;border:1px solid #bbc6d5;border-radius:30px;padding:10px 18px;font-size:12px;transition:background .2s,color .2s}.nav-contact svg{width:15px;height:15px}.nav-contact:hover{background:var(--ink);color:white;border-color:var(--ink)}.menu-toggle{display:none;background:transparent;width:42px;height:42px;padding:10px}.menu-toggle span{display:block;width:22px;height:1px;margin:6px 0;background:currentColor;transition:transform .2s}
.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:6%;padding-block:65px 64px;min-height:720px}.hero-copy>.eyebrow{color:var(--blue);margin-bottom:31px}.hero h1{font-size:clamp(48px,5.75vw,86px);line-height:1.02;letter-spacing:-.06em}.hero h1>span,.hero h1>em{display:block}.hero h1>em{color:var(--blue);margin-top:10px;letter-spacing:-.055em}.intro{font-size:17px;line-height:1.75;color:var(--muted);max-width:440px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:40px;min-height:54px;padding:14px 23px;font-size:14px;font-weight:500;line-height:1.4;transition:background .25s,transform .25s,box-shadow .25s}.button:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 8px 24px #1658e922}.button svg{width:18px;height:18px}.hero .button{margin-top:31px}.release{margin-top:18px;font-size:12px;letter-spacing:.015em;color:var(--muted)}.hero-art{position:relative;align-self:stretch;min-height:520px;display:flex;flex-direction:column;border-radius:8px 8px 42px 8px;overflow:hidden;background:var(--blue);box-shadow:0 24px 60px -40px #123a6b80}.hero-photo{position:relative;flex:1;min-height:350px;overflow:hidden}.hero-photo img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:61% center}.hero-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#061f2b85)}.photo-label{position:absolute;z-index:1;bottom:23px;inset-inline-start:28px;color:white;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.word-caption{padding:26px 30px 29px;color:white;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:120px}.word-caption .word{display:block;font-family:var(--serif);font-size:31px;line-height:1.2;letter-spacing:.12em;white-space:nowrap}.reading{display:block;font-size:12px;letter-spacing:.06em;margin-top:7px;color:#ccdfff}.word-caption p{font-size:13px;line-height:1.6;max-width:155px}.brand-strip{display:flex;align-items:center;gap:28px;color:var(--muted);font-size:11px;letter-spacing:.04em;padding-bottom:50px}.launch-label{display:inline-flex;gap:9px;align-items:center;white-space:nowrap}.launch-label:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #1658e90c}.strip-line{height:1px;background:var(--line);flex:1}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:52px}.section-heading .eyebrow{color:var(--muted);margin-bottom:25px}.section-heading h2{font-size:clamp(36px,4.3vw,61px);max-width:730px}.section-heading>p{font-size:16px;max-width:270px;color:var(--muted)}.experience-section{padding-block:88px 115px}.experience-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.experience-tabs button{display:flex;align-items:center;gap:16px;text-align:start;padding:23px 15px;background:transparent;border-bottom:2px solid transparent;color:var(--muted);font-size:14px;transition:color .2s,background .2s}.experience-tabs button:hover{background:#edf2fb}.experience-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.tab-number{font-size:11px;opacity:.6;font-variant-numeric:tabular-nums}.experience-panels{background:#eaf0f8;border-radius:0 0 12px 12px;padding:60px 8% 48px;overflow:hidden}.experience-panels section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;min-height:580px}.experience-copy .eyebrow{color:var(--blue);margin-bottom:23px}.experience-copy h3{font-size:clamp(34px,3.5vw,50px);max-width:440px}.experience-copy>p:not(.eyebrow){margin-top:23px;color:var(--muted);font-size:16px;max-width:410px}.specimen{margin-top:48px;border-inline-start:1px solid #b9cbe5;padding-inline-start:23px;display:flex;flex-direction:column;gap:9px}.specimen span:first-child{font-family:var(--serif);font-size:38px;color:#365c93;letter-spacing:.15em;direction:ltr}.specimen span:last-child{font-size:12px;letter-spacing:.09em;color:var(--muted)}.device-list{display:flex;gap:10px;margin-top:40px;flex-wrap:wrap}.device-list span{font-size:11px;color:#5c7292;border:1px solid #cad7e8;border-radius:30px;padding:4px 13px}.app-shot{justify-self:center;width:min(100%,280px);position:relative}.shot-surface{border-radius:39px;overflow:hidden;box-shadow:0 0 0 5px #12253d,0 0 0 6px #718099,0 35px 70px -25px #1d437578}.shot-surface img{width:100%;height:auto}.app-shot figcaption{text-align:center;font-size:10px;color:var(--muted);margin-top:23px;line-height:1.4}.learning-section{padding-block:104px 108px;background:#fff;border-block:1px solid #e5ebf3}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.learning-grid article{position:relative;padding:27px 34px 0 0;border-top:1px solid var(--line)}.learning-grid article+article{border-inline-start:1px solid var(--line);padding-inline:34px}.learning-grid article:last-child{padding-inline-end:0}.feature-glyph{display:flex;align-items:center;justify-content:center;width:90px;height:90px;margin-bottom:37px;font-family:var(--serif);font-size:45px;font-weight:400;color:var(--blue);background:#f0f5ff;border-radius:50%}.learning-grid article:nth-child(2) .feature-glyph{background:#eaf6f1;color:#327063}.learning-grid article:nth-child(3) .feature-glyph{background:#fff4e8;color:#91692c}.index{font-size:11px;color:var(--muted);margin-bottom:18px;letter-spacing:.05em}.learning-grid h3{font-size:29px;letter-spacing:-.035em;max-width:300px}.learning-grid article>p:last-child{color:var(--muted);font-size:15px;line-height:1.8;margin-top:20px;max-width:340px}.ai-section{padding-block:105px 0}.ai-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:11%;align-items:center;background:#101f35;color:#f5f8ff;border-radius:12px;padding:74px 7%;position:relative;overflow:hidden}.ai-panel:before{content:'';position:absolute;width:530px;height:530px;right:-150px;top:-140px;border:1px solid #ffffff0c;border-radius:50%;box-shadow:0 0 0 65px #ffffff02,0 0 0 130px #ffffff02;pointer-events:none}.ai-panel>div{position:relative}.ai-panel .eyebrow{color:#95baff;margin-bottom:27px}.ai-panel h2{font-size:clamp(38px,4.2vw,60px);max-width:550px}.ai-panel p:not(.eyebrow){font-size:16px;color:#b5c5dc;margin-top:25px;line-height:1.8}.ai-panel p.ai-note{font-size:11px;line-height:1.6;max-width:380px;color:#91a8c8;border-top:1px solid #314258;padding-top:20px;margin-top:33px}.companion{display:flex;flex-direction:column;align-items:center;text-align:center}.companion img{max-width:280px;width:100%;filter:drop-shadow(0 15px 15px #0003)}.companion p[lang]{font-family:var(--serif);font-size:24px;color:white;margin-top:15px;letter-spacing:.12em}.companion>span{font-size:11px;color:#91a8c8;margin-top:10px}.account-section{padding-block:116px 120px;display:grid;grid-template-columns:1fr 1fr;gap:12%}.account-section .eyebrow{margin-bottom:26px;color:var(--muted)}.account-section h2{font-size:clamp(38px,4.3vw,62px)}.account-section h2 em{color:var(--blue);display:inline-block;margin-top:9px}.account-section>div:last-child{padding-top:43px}.account-section p:not(.eyebrow){font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:17px}.text-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid currentColor;padding-block:8px;font-size:13px;line-height:1.5}.text-link svg{width:17px;height:17px;transition:transform .2s}.text-link:hover svg{transform:translate(2px,-2px)}.account-section .text-link{color:var(--blue);margin-top:9px}.closing-section{background:var(--blue);color:white;padding-block:94px 48px;position:relative;overflow:hidden}.closing-section:after{content:'あ';position:absolute;inset-inline-end:4%;bottom:-150px;font-family:var(--serif);font-size:490px;line-height:1;color:#ffffff06;pointer-events:none}.closing-section .wrap{position:relative;z-index:1}.closing-section .eyebrow{color:#c6dbff;margin-bottom:28px}.closing-section h2{font-size:clamp(44px,5.5vw,79px);max-width:1000px;letter-spacing:-.05em}.closing-actions{display:flex;align-items:center;gap:36px;margin-top:38px}.button.white{background:white;color:var(--blue);border-color:white}.button.white:hover{background:#e7efff}.closing-note{font-size:11px;color:#c6dbff;margin-top:78px;letter-spacing:.025em}.site-footer{padding-block:64px 25px;background:#f7f9fc}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;padding-bottom:45px}.footer-top p{font-size:12px;color:var(--muted);margin-top:18px}.footer-links{display:flex;gap:27px;align-items:center;flex-wrap:wrap;font-size:12px}.footer-bottom{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:23px;font-size:11px;color:var(--muted)}.footer-bottom a:last-child{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.footer-bottom svg{width:13px;height:13px}
dialog{padding:35px;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 24px 90px #0a1b3440}dialog::backdrop{background:#05142c75;backdrop-filter:blur(12px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.dialog-top h2{font-size:34px;letter-spacing:-.035em}.dialog-close{flex-shrink:0;width:40px;height:40px;border:1px solid #c3cfdf;border-radius:50%;font-weight:300;line-height:1;background:transparent;font-size:28px}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.language-grid button{position:relative;background:transparent;border:1px solid var(--line);border-radius:9px;padding:16px 29px 16px 16px;text-align:start;font-size:15px;line-height:1.4;min-width:0}.language-grid button:hover{border-color:#8eaad6;background:#ecf2fc}.language-grid small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.language-grid [aria-pressed=true]{border-color:#6c98df;background:#e7effd;color:var(--blue)}.language-check{display:none;position:absolute;inset-inline-end:12px;top:16px}.language-grid [aria-pressed=true] .language-check{display:block}.document-wrap{padding-block:65px 110px}.legal{max-width:820px;margin-inline:auto}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:36px}.breadcrumbs a:hover{color:var(--blue)}.legal h1{font-size:clamp(40px,5vw,66px);max-width:950px;margin-bottom:23px}.legal h2{font-size:25px;line-height:1.3;margin-block:45px 16px;letter-spacing:-.025em}.legal p,.legal li{font-size:16px;color:#526173;line-height:1.9}.legal p+p{margin-top:20px}.legal a:not(.breadcrumbs a){color:var(--blue);text-decoration:underline;text-underline-offset:4px}.legal .updated{font-size:12px;letter-spacing:.02em;margin-bottom:32px}.legal .policy-note{font-size:18px;padding-bottom:32px;border-bottom:1px solid var(--line)}.legal ul{padding-inline-start:22px}.legal li{margin-block:9px}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 55px}.support-grid section{border-top:1px solid var(--line);padding-top:28px}.support-grid h2{margin-top:0}.not-found{min-height:60vh;padding-block:100px}.not-found h1{font-size:clamp(48px,7vw,80px);margin-block:24px 35px}html[data-script=cjk] h1,html[data-script=cjk] h2,html[data-script=cjk] h3{letter-spacing:-.025em;line-height:1.25}html[data-script=cjk] .hero h1{font-size:clamp(43px,5vw,72px)}html[data-script=cjk] .hero h1 em{font-family:var(--serif),'Songti SC','Yu Mincho',serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.3}html[lang=ar] em{font-family:inherit;font-style:normal}html[dir=rtl] .learning-grid article{padding-inline:0 34px}html[dir=rtl] .learning-grid article+article{padding-inline:34px}html[dir=rtl] .learning-grid article:last-child{padding-inline-end:0}html[dir=rtl] .word-caption .word{direction:ltr}html[lang=de] .hero h1,html[lang=ru] .hero h1{font-size:clamp(44px,5.1vw,74px)}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:enter .85s both}.hero-art{animation:enter 1.1s .12s both}.experience-panels section:not([hidden]){animation:panel-in .35s ease-out}@keyframes enter{from{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-in{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}}
@media(min-width:1700px){.hero{min-height:780px;padding-block:85px}.hero-art{min-height:600px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.nav{gap:25px;height:85px}.nav nav{gap:20px}.nav-actions{gap:17px}.nav-contact{display:none}.hero{gap:5%;min-height:640px;padding-top:45px}.hero-art{min-height:480px}.hero-photo{min-height:300px}.word-caption{padding:22px;display:block}.word-caption p{max-width:none;margin-top:13px;font-size:12px}.hero h1{font-size:clamp(47px,6.1vw,65px)}.section-heading{gap:35px}.section-heading>p{max-width:230px}.experience-panels{padding-inline:6%}.experience-panels section{gap:10%}.app-shot{width:min(100%,260px)}.experience-copy h3{font-size:38px}.learning-grid article{padding-inline-end:25px}.learning-grid article+article{padding-inline:25px}.learning-grid h3{font-size:26px}.ai-panel{gap:6%;padding-inline:6%}.footer-links{gap:19px}.account-section{gap:8%}}
@media(max-width:760px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 40px)}.nav{height:76px;gap:20px}.brand{font-size:23px}.brand img{width:37px;height:37px}.nav-actions{margin-inline-start:auto;gap:13px}.nav nav{display:none;position:absolute;top:76px;inset-inline:0;background:var(--paper);margin:0;padding:14px 24px 26px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0d26440c}.nav nav a{padding:14px 0;font-size:17px}.menu-toggle{display:block}.menu-open .nav nav{display:block}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{grid-template-columns:1fr;gap:39px;padding-block:42px 32px;min-height:0}.hero-copy{max-width:620px}.hero-copy>.eyebrow{font-size:10px;margin-bottom:25px}.hero h1{font-size:clamp(46px,9.4vw,68px);letter-spacing:-.055em}.hero h1>em{margin-top:5px}.intro{font-size:15px;line-height:1.8;margin-top:25px;max-width:530px}.hero .button{margin-top:26px}.hero-art{min-height:430px;max-height:570px;border-radius:7px 7px 30px 7px}.hero-photo{min-height:320px}.hero-photo img{object-position:60% center}.word-caption{display:flex;padding:22px 24px;min-height:110px;gap:18px}.word-caption p{margin:0;max-width:160px}.word-caption .word{font-size:28px}.photo-label{font-size:10px;inset-inline-start:24px;bottom:20px}.brand-strip{gap:16px;padding-bottom:25px;font-size:9px}.brand-strip>span:last-child{font-size:9px;letter-spacing:0}.experience-section{padding-block:61px 70px}.section-heading{display:block;margin-bottom:31px}.section-heading .eyebrow{font-size:10px;margin-bottom:19px}.section-heading h2{font-size:clamp(34px,7.5vw,48px);max-width:570px}.section-heading>p{margin-top:19px;max-width:450px;font-size:14px}.experience-tabs button{padding:18px 8px;font-size:12px;gap:9px}.experience-tabs .tab-number{font-size:9px}.experience-panels{padding:38px 28px 33px}.experience-panels section{grid-template-columns:1fr;gap:38px;min-height:0}.experience-copy h3{font-size:35px;max-width:500px}.experience-copy>.eyebrow{font-size:10px;margin-bottom:17px}.experience-copy>p:not(.eyebrow){font-size:14px;margin-top:17px;max-width:550px}.specimen{display:none}.device-list{margin-top:24px}.app-shot{width:min(100%,260px)}.learning-section{padding-block:67px 65px}.learning-grid{grid-template-columns:1fr}.learning-grid article,.learning-grid article+article,.learning-grid article:last-child,html[dir=rtl] .learning-grid article,html[dir=rtl] .learning-grid article+article{padding:27px 0 30px;border-inline:0}.learning-grid article:last-child{padding-bottom:0}.feature-glyph{float:inline-end;width:64px;height:64px;font-size:34px;margin-inline-start:22px;margin-bottom:10px}.learning-grid h3{font-size:28px;max-width:450px}.learning-grid article>p:last-child{font-size:14px;max-width:570px;margin-top:17px}.index{margin-bottom:14px}.ai-section{padding-top:66px}.ai-panel{grid-template-columns:1fr;padding:39px 29px 37px;gap:28px}.ai-panel h2{font-size:39px;max-width:580px}.ai-panel .eyebrow{font-size:10px;margin-bottom:21px}.ai-panel p:not(.eyebrow){font-size:14px;margin-top:19px}.ai-panel p.ai-note{font-size:11px;max-width:560px}.companion img{max-width:195px}.companion p[lang]{font-size:21px;margin-top:5px}.account-section{padding-block:69px 73px;grid-template-columns:1fr;gap:26px}.account-section h2{font-size:42px}.account-section .eyebrow{font-size:10px;margin-bottom:20px}.account-section>div:last-child{padding-top:0}.account-section p:not(.eyebrow){font-size:14px;line-height:1.85}.closing-section{padding-block:68px 32px}.closing-section h2{font-size:clamp(38px,8.6vw,60px)}.closing-section .eyebrow{font-size:10px}.closing-actions{margin-top:29px;gap:24px}.closing-note{margin-top:56px;font-size:10px}.site-footer{padding-block:44px 24px}.footer-top{display:block;padding-bottom:30px}.footer-links{margin-top:25px;gap:12px 23px;font-size:11px}.footer-bottom{gap:14px;font-size:10px;flex-wrap:wrap}.footer-bottom a:last-child{margin-inline-start:0}.footer-top p{font-size:11px}.document-wrap{padding-block:42px 70px}.legal h1{font-size:41px;line-height:1.12}.legal h2{font-size:24px;margin-top:35px}.legal p,.legal li{font-size:14px}.legal .policy-note{font-size:16px}.support-grid{grid-template-columns:1fr;gap:30px}.breadcrumbs{margin-bottom:27px}dialog{padding:25px 21px;border-radius:18px;max-height:calc(100dvh - 32px)}.dialog-top{gap:15px;margin-bottom:24px}.dialog-top h2{font-size:29px}.language-grid{grid-template-columns:repeat(2,1fr);gap:8px}.language-grid button{font-size:15px;padding:14px 28px 14px 14px}.language-grid small{font-size:10px}.dialog-close{width:36px;height:36px;font-size:25px}html[data-script=cjk] .hero h1{font-size:clamp(41px,8.8vw,64px)}html[lang=de] .hero h1,html[lang=ru] .hero h1{font-size:clamp(39px,8.3vw,61px)}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:44px}.hero-art{min-height:390px}.hero-photo{min-height:280px}.word-caption{padding:20px;gap:14px}.word-caption .word{font-size:25px}.word-caption p{font-size:11px}.brand-strip{gap:9px}.brand-strip>span:last-child{font-size:8px}.experience-tabs .tab-number{display:none}.experience-panels{padding-inline:23px}.closing-actions{align-items:flex-start;flex-direction:column;gap:14px}.ai-panel{padding-inline:24px}.dialog-top h2{font-size:25px}.language-grid button{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Real product imagery sits within the photographic language scene. */
.hero-photo .hero-device{position:absolute;z-index:2;width:clamp(155px,14.8vw,224px);inset-inline-end:11%;bottom:-35px;transform:rotate(8deg);border:5px solid #182638;border-radius:30px;overflow:hidden;box-shadow:0 20px 55px #021a3680,0 0 0 1px #ffffff70}
.hero-photo .hero-device img{position:static;width:100%;height:auto;object-fit:contain}
.hero-photo>.photo-label{max-width:125px;line-height:1.7;text-shadow:0 1px 15px #001a31}
.experience-panels{transition:background .4s}
.experience-panels[data-active=today]{background:#eaf3ef}
.experience-panels[data-active=library]{background:#f2eff8}
@media(max-width:760px){.hero-photo .hero-device{width:176px;bottom:-54px;inset-inline-end:13%}.hero-photo>.photo-label{max-width:100px}}
@media(max-width:370px){.hero-photo .hero-device{width:157px;inset-inline-end:8%}.hero-photo>.photo-label{max-width:80px;font-size:9px}}