/* Contemporary material + motion layer. Inspired by the research in README.md. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--shadow-soft:0 2px 3px #49382a03,0 10px 25px -12px #49382a13,0 30px 60px -35px #49382a25;--shadow-lift:0 2px 4px #49382a08,0 15px 30px -18px #49382a28,0 45px 70px -30px #49382a35}
body{background:#fbfaf8}.brand-lockup,.site-footer .brand-lockup,.studio-sidebar .brand-lockup{mix-blend-mode:normal;width:180px;height:39px;overflow:hidden}.brand-lockup img,.site-footer .brand-lockup img,.studio-sidebar .brand-lockup img{width:190px;height:auto;max-width:none;left:-5px;top:-12.3px;object-fit:contain}.studio-sidebar .brand-lockup{width:112px;height:25px}.studio-sidebar .brand-lockup img{width:118px;left:-3px;top:-7.5px}.site-footer .brand-lockup{width:135px;height:29px}.site-footer .brand-lockup img{width:142.5px;left:-3.75px;top:-9.2px}
.site-header{position:sticky;top:16px;z-index:20;height:76px;margin:16px auto 20px;width:calc(100% - 96px);max-width:1320px;padding:0 25px;border:1px solid #ffffffc2;border-radius:24px;background:#fbfaf8b8;backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);box-shadow:0 2px 3px #51433703,0 8px 25px -18px #51433718,inset 0 1px 0 #fff;transition:background .4s,box-shadow .4s,transform .4s}.site-header.is-scrolled{background:#fbfaf8e3;box-shadow:0 3px 8px #51433705,0 15px 40px -20px #51433735}.site-header nav a{position:relative;transition:color .25s}.site-header nav a:after{content:'';height:1px;position:absolute;left:0;right:0;bottom:3px;background:#887169;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}.site-header nav a:hover:after{transform:scaleX(1)}
.button,.site-header .header-cta,.button.cream{--mag-x:0px;--mag-y:0px;position:relative;border-radius:999px;isolation:isolate;overflow:hidden;transform:translate(var(--mag-x),var(--mag-y));transition:transform .45s var(--ease-out),box-shadow .35s,background .35s;border:1px solid #ffffff25;background:linear-gradient(155deg,#5c514b 0%,#3b3431 55%,#292724 100%);color:#fff;font-size:12px;padding:9px 10px 9px 23px;min-height:51px;gap:20px;box-shadow:inset 0 1px 1px #ffffff38,inset 0 -1px 1px #0003,0 2px 3px #32271c0c,0 7px 13px -7px #32271c55,0 16px 23px -17px #32271c55}
.button:before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(140px circle at var(--light-x,50%) var(--light-y,0%),#ffffff25,transparent 80%);opacity:.65;transition:opacity .3s}.button:after{content:'';position:absolute;inset:-50% auto -50% -90%;width:60%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#ffffff20,transparent);transition:left .8s var(--ease-out);pointer-events:none}.button:hover:after{left:135%}.button:hover,.site-header .header-cta:hover{background:linear-gradient(145deg,#6c5951,#403530 65%,#2c2825);transform:translate(var(--mag-x),calc(var(--mag-y) - 2px));box-shadow:inset 0 1px 1px #ffffff50,inset 0 -1px 1px #0002,0 4px 6px #32271c0a,0 12px 24px -12px #32271c60,0 25px 40px -25px #32271c55}.button:active{transform:translate(var(--mag-x),var(--mag-y)) scale(.975)}
.button>span:not(.click-ripple){display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:linear-gradient(160deg,#ffffff23,#ffffff08);border:1px solid #ffffff1c;font-size:17px;transition:transform .4s var(--ease-out),background .3s;flex:none}.button:hover>span:not(.click-ripple){transform:rotate(45deg);background:#ffffff24}.site-header .header-cta{font-size:11px;padding:7px 8px 7px 18px;min-height:42px;gap:18px;background:linear-gradient(130deg,#fff,#eae6df 55%,#fff);color:#48413a;border:1px solid #fff;box-shadow:inset 0 1px 0 white,0 2px 3px #332c2006,0 7px 15px -9px #3a2c2130}.site-header .header-cta>span{width:27px;height:27px;background:#ffffffad;border-color:#e5dfd5;font-size:15px}.site-header .header-cta:hover{color:#fff}.button.cream{background:linear-gradient(125deg,#fff,#e0dbd2 45%,#f7f5f0 68%,#dad5cc);color:#4b4137;border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,0 2px 3px #4836240a,0 12px 20px -12px #48362440;padding:9px 10px 9px 23px;min-height:51px}.button.cream:hover{background:linear-gradient(125deg,#fff,#e7ded3 40%,#fff 68%,#d9d3c9)}.button.cream>span{background:#fffc;border-color:#fff}.click-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:#ffffff38;pointer-events:none;animation:click-wave .7s ease-out forwards;z-index:3}.text-button{border-radius:999px;padding:9px 14px 9px 5px;transition:background .3s,gap .3s}.text-button:hover{background:#ffffff55;gap:14px}.play-icon{width:31px;height:31px;background:#ffffff63;border:1px solid #fff9;box-shadow:0 2px 5px #5949330c,inset 0 1px 0 white;backdrop-filter:blur(8px)}
.hero{border-radius:32px;height:715px;width:calc(100% - 40px);margin:0 20px;box-shadow:0 1px 1px #57433308,0 15px 40px -30px #57433322}.hero-landscape{border-radius:32px}.hero-landscape img{transform:scale(1.035) translate3d(0,var(--hero-shift,0px),0);transition:transform .15s linear}.hero-landscape:after{background:linear-gradient(90deg,#f5f3f0 0%,#f5f3f0f5 21%,#f5f3f0c2 37%,#f5f3f038 54%,transparent 70%)}.hero-copy{padding-top:80px}.hero .eyebrow{display:inline-flex;border:1px solid #fff9;background:#ffffff3b;padding:6px 11px;border-radius:999px;box-shadow:inset 0 1px 0 #fff8;font-size:8px;letter-spacing:1.6px;backdrop-filter:blur(12px)}.hero h1{letter-spacing:-3.8px;font-size:clamp(72px,6.9vw,100px)}.hero h1 em{background:linear-gradient(110deg,#76494f 0%,#ad817f 43%,#765056 74%,#54383e);background-size:150% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:ink-light 9s ease-in-out infinite alternate}.hero-description{font-size:17px}.hero-detail{font-size:13px}.hero-actions{gap:20px;margin-top:27px}.hero-note{margin-top:19px}.hero-editorial-caption{bottom:24px}
.hero-gallery{--tilt-x:0deg;--tilt-y:0deg;width:425px;right:6%;bottom:-37px;padding:7px;border-radius:23px;border:1px solid #ffffffd1;background:linear-gradient(135deg,#ffffffb8,#f6f4efa8);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(-3deg);transition:transform .55s var(--ease-out),box-shadow .4s;box-shadow:inset 0 1px 0 #fff,0 2px 4px #4431210c,0 12px 20px -9px #44312128,0 30px 45px -16px #44312133,0 55px 80px -35px #44312135;transform-style:preserve-3d}.hero-gallery:hover{transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(-1deg) translateY(-7px);box-shadow:inset 0 1px 0 #fff,0 4px 8px #44312110,0 20px 35px -12px #44312130,0 55px 80px -25px #44312140}.hero-gallery:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:radial-gradient(450px circle at var(--light-x,80%) var(--light-y,0%),#ffffff42,transparent 70%);opacity:.45;transition:opacity .3s}.hero-gallery:hover:after{opacity:1}.gallery-chrome-bar{border:0;background:transparent;padding:13px 15px;border-radius:17px 17px 0 0}.hero-gallery-cover{border-radius:13px;height:181px}.hero-gallery-cover img{transition:transform 1.2s var(--ease-out)}.hero-gallery:hover .hero-gallery-cover img{transform:scale(1.055)}.gallery-contact-sheet{display:flex;gap:5px;padding:7px 1px 0;height:55px;align-items:stretch}.gallery-contact-sheet>img{width:56px;border-radius:6px;object-fit:cover}.gallery-contact-sheet>img:first-child{object-position:88% 50%}.gallery-contact-sheet>img:nth-child(2){object-position:50% 65%}.gallery-contact-sheet>img:nth-child(3){object-position:80% 50%;filter:grayscale(1)}.gallery-contact-sheet>span{margin-left:auto;padding:3px 12px;text-align:right;font:italic 13px/1.4 var(--serif);color:#7d7367}.hero-gallery-bottom{padding:12px 13px 7px;font-size:8px}.hero-status{position:absolute;right:32%;bottom:300px;z-index:4;display:flex;align-items:center;gap:11px;padding:12px 16px 12px 12px;border:1px solid #fff9;border-radius:18px;background:#ffffffba;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #fff,0 5px 12px #43311d0a,0 20px 35px -18px #43311d40;transform:rotate(-4deg);animation:float-note 7s ease-in-out infinite}.hero-status>span:nth-child(2){font-size:8px;line-height:1.8;color:#8b7b6a}.hero-status strong{display:block;font-size:11px;font-weight:500;color:#51463b}.status-avatar{position:relative;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(140deg,#e2d4c4,#bba996);font-family:var(--serif);font-size:20px;color:white}.status-avatar>span{position:absolute;bottom:-2px;right:-2px;border-radius:50%;background:white;color:#78545a;font-size:10px;padding:0 3px}.status-tick{width:21px;height:21px;display:grid;place-items:center;border:1px solid #dce2d5;color:#718365;border-radius:50%;font-size:10px;margin-left:7px}.promise-strip{margin-top:98px}.promise-strip>div{transition:color .3s,transform .3s}.promise-strip>div:hover{color:#705052;transform:translateY(-3px)}
.platform-section{padding-block:93px}.section-heading h2{font-size:54px}.feature-grid{gap:20px}.feature-grid article{position:relative;isolation:isolate;overflow:hidden;padding:25px 27px 30px;border:1px solid #ece6de;border-radius:25px;background:linear-gradient(145deg,#fffefd,#f4f1eb);box-shadow:inset 0 1px 0 white,var(--shadow-soft);transition:transform .5s var(--ease-out),box-shadow .5s,border-color .5s}.feature-grid article:hover{transform:translateY(-7px);box-shadow:inset 0 1px 0 white,var(--shadow-lift);border-color:#ded3c7}.feature-grid article:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(450px circle at var(--light-x,50%) var(--light-y,0%),#fff 0%,transparent 70%);opacity:0;transition:opacity .4s}.feature-grid article:hover:after{opacity:1}.feature-number{font-size:8px;color:#988a7a}.feature-icon{display:none}.feature-grid h3{font-size:25px;line-height:1.35;margin-bottom:12px;letter-spacing:-.7px}.feature-grid p{font-size:13px;line-height:1.9}.feature-visual{position:relative;height:189px;margin:16px -7px 27px}.mini-letter{position:absolute;inset:12px 12px 7px;z-index:1;display:grid;grid-template-columns:28px 1fr 10px;gap:9px;align-content:start;padding:17px 14px;border:1px solid #fff;border-radius:13px;background:#fffefa;box-shadow:0 2px 4px #49382a04,0 10px 25px -10px #49382a25;transform:rotate(-3deg);transition:transform .6s var(--ease-out)}.feature-grid article:hover .mini-letter{transform:rotate(0) translateY(-3px)}.letter-person{width:27px;height:27px;border-radius:50%;background:#e9e0d4;display:grid;place-items:center;font:10px var(--serif);color:#7f6651}.mini-letter>span:nth-child(2){font-size:7px;letter-spacing:.8px;padding-top:1px}.mini-letter small{display:block;font-size:6px;letter-spacing:0;color:#998a79;margin-top:4px}.mini-letter>b{font-size:12px;color:#9a8b7b;font-weight:400}.mini-letter p{grid-column:1/-1;font:20px/1.3 var(--serif);color:#6c5c4d;padding-left:4px;margin-top:5px}.letter-chip{grid-column:1/-1;font-size:7px;display:flex;gap:9px;align-items:center;color:#907d68;padding-left:5px;margin-top:0}.letter-chip i{width:4px;height:4px;background:#a9b098;border-radius:50%}.mini-paper-back{position:absolute;inset:18px 9px 4px;background:#e8dfd2;border-radius:13px;transform:rotate(4deg);border:1px solid #ffffffd0}.visual-workflow{padding:16px 10px 0;display:flex;flex-direction:column;align-items:stretch}.workflow-node{display:flex;align-items:center;gap:9px;border:1px solid #fff9;border-radius:12px;background:#fffdf9;font-size:8px;padding:11px;box-shadow:0 3px 5px #49382a03,0 8px 16px -10px #49382a20}.workflow-node>span{display:grid;place-items:center;border-radius:50%;width:20px;height:20px;font-size:9px;background:#eff0e7;color:#7c886c}.workflow-node small{margin-left:auto;color:#b0a598;font-size:7px}.visual-workflow>i{height:13px;width:1px;background:linear-gradient(#b9ac9c,#dbd2c7);margin-left:22px;flex:none}.node-next{background:linear-gradient(135deg,#e8e1d6,#f9f5ed);border-color:#fff}.node-next>span{background:#f9f6ef;color:#93806b;font-size:14px;transition:transform .6s}.feature-grid article:hover .node-next>span{transform:rotate(90deg)}.visual-memories>img{position:absolute;width:44%;height:145px;object-fit:cover;border:5px solid #fff;border-bottom-width:17px;border-radius:8px;box-shadow:0 5px 10px #35271910,0 20px 30px -15px #35271940;top:10px;left:9%;transform:rotate(-10deg);transition:transform .7s var(--ease-out)}.visual-memories>img:first-child{object-position:85% 50%}.visual-memories>img:nth-child(2){left:44%;top:17px;transform:rotate(9deg);object-position:50% 65%}.visual-memories>span{position:absolute;bottom:1px;left:0;right:0;text-align:center;font:italic 13px var(--serif);color:#9a8875}.feature-grid article:hover .visual-memories>img:first-child{transform:rotate(-14deg) translate(-3px,-4px)}.feature-grid article:hover .visual-memories>img:nth-child(2){transform:rotate(12deg) translate(3px,-5px)}
.preview-section{position:relative;isolation:isolate;overflow:hidden;background:#efece6;border:0;border-radius:36px;margin:0 16px;padding-top:85px}.preview-section:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 65%,#fff9,transparent 60%),radial-gradient(ellipse at 0% 0%,#dcc6b82b,transparent 50%)}.preview-tabs{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,1fr);width:fit-content;gap:0;margin:38px auto 33px;padding:5px;background:#e4dfd6;border:1px solid #d9d2c8;border-radius:999px;box-shadow:inset 0 1px 3px #5542300b}.preview-tabs:before{content:'';position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/3);border-radius:999px;background:linear-gradient(160deg,#fff,#f9f7f2);box-shadow:0 2px 3px #55423006,0 5px 9px -5px #55423025,inset 0 1px 0 #fff;transform:translateX(calc(var(--tab-index,0)*100%));transition:transform .45s var(--ease-out);z-index:-1}.preview-tabs button,.preview-tabs button[aria-selected=true]{background:none;border:0;border-radius:999px;padding:12px 20px;box-shadow:none;transition:color .3s}.preview-tabs button[aria-selected=true]{color:#624e40}.studio-shell{border-radius:20px;border:5px solid #e3e0d9;outline:1px solid #d0cac0;box-shadow:0 0 0 1px #fff inset,0 3px 5px #4a342006,0 15px 25px -12px #4a342014,0 40px 65px -20px #4a342020}.studio-toolbar{height:40px}.metric,.task-card{border-radius:11px;box-shadow:0 1px 2px #38251703,0 5px 12px -8px #3825170d}.dash-project,.gallery-tile{border-radius:12px}.studio-nav button{border-radius:8px;transition:background .25s}.studio-nav button:hover{background:#f2ede7}.preview-footnote{margin-top:29px}.story-photo{border-radius:24px;box-shadow:0 4px 8px #49382a06,0 35px 60px -35px #49382a35}.story-photo:before{border-radius:24px;background:#f1ebe3;border-color:#eee7de;transform:rotate(3deg);inset:8px -12px -8px 12px}.story-photo>img{border-radius:24px}.story-inset{position:absolute;right:-35px;bottom:42px;width:148px;padding:6px 6px 11px;background:#ffffffe6;border:1px solid #fff;border-radius:15px;box-shadow:0 3px 8px #3327190c,0 18px 35px -15px #33271940;transform:rotate(8deg);transition:transform .6s var(--ease-out);backdrop-filter:blur(12px)}.story-inset>img{width:100%;height:173px;object-position:85% 50%;border-radius:10px;filter:none}.story-inset>span{font:italic 12px var(--serif);display:block;text-align:center;margin-top:9px;color:#8e7b67}.story-photo:hover .story-inset{transform:rotate(4deg) translateY(-5px)}.faq-list details{border-color:#e9e3da}.faq-list summary{transition:color .3s,padding .3s}.faq-list summary:hover{color:#77535a;padding-left:6px}.faq-list summary span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e6dfd4;border-radius:50%;font-size:15px;background:#ffffff75;transition:transform .3s}.faq-list details[open] p{animation:faq-in .35s var(--ease-out)}
.closing{position:relative;border-radius:32px;background:radial-gradient(ellipse at 30% 70%,#e5dcd0,transparent 60%),linear-gradient(125deg,#f2efea,#eae5dd 70%,#eee8e0);border:1px solid #ece5db;box-shadow:inset 0 1px 0 #fff9;overflow:hidden;padding-block:65px}.closing:before{display:block;content:'';position:absolute;inset:-50%;width:auto;height:auto;top:-50%;border:0;border-radius:0;background:conic-gradient(from 0deg at 35% 50%,transparent 0deg,#fff6 40deg,transparent 80deg,transparent 180deg,#fff5 220deg,transparent 260deg);filter:blur(32px);opacity:.45;animation:ambient-turn 28s linear infinite;pointer-events:none}.closing-copy,.chrome-object{z-index:1}.chrome-object{animation:chrome-breathe 8s ease-in-out infinite;filter:drop-shadow(0 15px 10px #5b463416);transition:transform .7s var(--ease-out)}.chrome-object:after{content:'';position:absolute;inset:15%;background:radial-gradient(circle at var(--light-x,30%) var(--light-y,20%),#fff7,transparent 55%);mix-blend-mode:soft-light;pointer-events:none;border-radius:50%}.site-footer{padding-block:38px}
/* Progressive motion: all content remains present without JavaScript. */
.motion-enabled .reveal{transition:opacity .9s var(--ease-out),translate .9s var(--ease-out);transition-delay:var(--reveal-delay,0ms)}.motion-enabled .reveal:not(.is-visible){opacity:0;translate:0 25px}.motion-enabled .reveal.is-visible{opacity:1;translate:0 0}.hero-copy>*{animation:hero-arrive 1.1s var(--ease-out) both}.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.22s}.hero-copy>:nth-child(5){animation-delay:.28s}.hero-copy>:nth-child(6){animation-delay:.34s}.tour-body{animation:faq-in .4s var(--ease-out)}
@keyframes hero-arrive{from{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes ink-light{to{background-position:100% 50%}}@keyframes float-note{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes click-wave{to{transform:scale(20);opacity:0}}@keyframes faq-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-turn{to{transform:rotate(360deg)}}
@media(min-width:1550px){.hero{max-width:1600px;margin-inline:auto;height:770px}.hero-copy{padding-top:100px}.hero-gallery{right:8%;width:445px}.hero-gallery-cover{height:205px}.hero-status{right:31%;bottom:320px}}
@media(max-width:1100px){.site-header{width:calc(100% - 56px);padding:0 20px}.hero{height:685px;width:calc(100% - 32px);margin-inline:16px}.hero-copy{padding-top:65px;max-width:490px}.hero h1{font-size:76px;letter-spacing:-3px}.hero-gallery{width:355px;right:5%;bottom:-38px}.hero-gallery-cover{height:161px}.hero-status{right:29%;bottom:285px;padding:10px;gap:8px}.hero-description{font-size:15px}.hero-detail{font-size:12px}.feature-grid{gap:15px}.feature-grid article{padding:22px 19px 26px}.feature-grid h3{font-size:23px}.feature-visual{margin-inline:-9px;height:180px}.mini-letter{inset:12px 10px 0;padding:14px 11px}.mini-letter p{font-size:18px}.workflow-node{padding:9px 7px;font-size:7px}.visual-memories>img{height:135px}.preview-section{margin-inline:12px}.story-inset{width:125px;right:-25px;bottom:40px}.story-inset>img{height:148px}.closing{margin-inline:16px}.hero-actions .button{font-size:11px}}
@media(max-width:800px){.site-header{width:calc(100% - 40px);height:68px;top:12px;margin-top:12px;margin-bottom:16px;padding:0 18px;border-radius:21px}.site-header .brand-lockup{width:144px;height:31px}.site-header .brand-lockup img{width:152px;left:-4px;top:-9.8px}.site-header nav{font-size:10px;gap:20px}.hero{height:658px;border-radius:25px}.hero-landscape{border-radius:25px}.hero h1{font-size:68px}.hero-gallery{width:288px;right:4%}.hero-gallery-cover{height:137px}.gallery-contact-sheet{height:44px}.gallery-contact-sheet>img{width:41px}.gallery-contact-sheet>span{font-size:10px;padding-right:6px}.hero-status{right:16%;bottom:270px;padding:9px 11px;gap:8px}.status-avatar{width:28px;height:28px;font-size:17px}.hero-status>span:nth-child(2){font-size:7px}.hero-status strong{font-size:10px}.status-tick{width:18px;height:18px;margin:0}.hero-description{font-size:14px}.hero .eyebrow{font-size:7px;letter-spacing:1.3px}.hero-actions{gap:7px;max-width:280px}.hero-actions .button{font-size:10px;gap:14px;padding:8px 9px 8px 18px;min-height:46px}.hero-actions .text-button{font-size:10px}.hero-note{font-size:8px}.hero-status{display:none}.section-heading h2{font-size:40px}.feature-grid{gap:12px}.feature-grid article{padding:19px 16px 23px}.feature-grid h3{font-size:21px}.feature-grid p{font-size:12px}.feature-visual{height:155px;margin:13px -6px 22px}.mini-letter{inset:9px 0 0;padding:11px 9px;gap:6px;grid-template-columns:22px 1fr 8px}.letter-person{width:22px;height:22px;font-size:8px}.mini-letter>span:nth-child(2){font-size:6px}.mini-letter small{font-size:5px}.mini-letter p{font-size:17px;margin-top:5px}.mini-paper-back{inset:13px -2px 0 4px}.visual-workflow{padding:8px 0 0}.workflow-node{padding:8px 6px;gap:6px;font-size:6px}.workflow-node>span{width:16px;height:16px;font-size:7px}.visual-workflow>i{height:10px;margin-left:15px}.visual-memories>img{height:119px;border-width:4px;border-bottom-width:14px;left:5%;width:49%}.visual-memories>span{font-size:11px}.story-inset{width:110px;right:-18px;bottom:38px}.story-inset>img{height:132px}.story-inset>span{font-size:10px}.preview-tabs button,.preview-tabs button[aria-selected=true]{padding:10px 16px}.closing{border-radius:27px;padding-block:40px}}
@media(max-width:600px){html{scroll-padding-top:108px}.site-header{width:calc(100% - 24px);height:63px;top:10px;margin:10px 12px 13px;padding:0 15px;border-radius:21px}.site-header .brand-lockup{width:145px;height:32px}.site-header .brand-lockup img{width:153px;left:-4px;top:-9.8px}.site-header nav{top:72px;left:0;right:0;border-radius:21px;border:1px solid #fff;background:#fbfaf8f5;backdrop-filter:blur(24px);box-shadow:var(--shadow-lift);padding:22px;gap:14px;font-size:14px}.site-header nav a:after{display:none}.menu-toggle{padding:9px;border-radius:50%;background:#eee8df65}.menu-toggle span{width:19px}.hero{width:calc(100% - 16px);margin:0 8px;min-height:937px;height:auto;border-radius:27px;box-shadow:none}.hero-landscape{border-radius:27px;inset:0 0 30px}.hero-landscape img{height:530px;object-position:78% 100%;transform:scale(1.015);transition:none}.hero-landscape:after{background:linear-gradient(180deg,#f5f3f0 0%,#f5f3f0 38%,#f5f3f0ed 46%,#f5f3f03a 58%,transparent 66%)}.hero-copy{padding:33px 19px 0;max-width:none}.hero .eyebrow{font-size:6.4px;letter-spacing:1.2px;padding:6px 9px}.hero h1{font-size:clamp(56px,16.6vw,76px);letter-spacing:-2.6px;line-height:1.06;margin:23px 0}.hero-description{font-size:14px;line-height:1.85}.hero-detail{font-size:12px;max-width:290px;line-height:1.85}.hero-actions{gap:6px;max-width:none;margin-top:22px;flex-wrap:wrap}.hero-actions .button{min-height:46px;font-size:10px;padding:7px 8px 7px 16px;gap:13px}.hero-actions .button>span{width:28px;height:28px;font-size:15px}.hero-actions .text-button{font-size:9px;padding-right:7px;gap:6px}.play-icon{width:27px;height:27px;font-size:13px}.hero-note{font-size:7.5px;line-height:1.8;margin-top:17px;max-width:270px}.hero-editorial-caption{left:20px;bottom:310px;font-size:6px;gap:16px}.hero-gallery{width:calc(100% - 64px);max-width:315px;left:21px;right:auto;bottom:-3px;border-radius:19px;padding:6px;transform:rotate(-3deg)}.hero-gallery-cover{height:145px;border-radius:11px}.hero-gallery:hover{transform:rotate(-3deg)}.gallery-contact-sheet{height:44px}.gallery-contact-sheet>img{width:41px;border-radius:5px}.gallery-contact-sheet>span{font-size:10px}.gallery-chrome-bar{padding:10px 11px;font-size:6px}.hero-gallery-bottom{font-size:7px;padding:10px 8px 6px}.gallery-cover-copy>span{font-size:25px}.hero-status{display:none}.promise-strip{margin-top:56px;padding-top:21px}.promise-strip>div{font-size:9px}.platform-section{padding:58px 0 62px}.section-heading h2{font-size:39px}.section-heading>p{font-size:14px}.feature-grid{gap:19px;margin-top:30px;grid-template-columns:1fr}.feature-grid article{padding:22px 24px 28px;display:block;border-radius:25px}.feature-number{font-size:8px}.feature-grid h3{font-size:28px;margin:0 0 12px;letter-spacing:-.8px}.feature-grid p{font-size:14px;line-height:1.9;max-width:none}.feature-visual{height:192px;margin:17px 4px 25px}.mini-letter{inset:10px 14px 2px;padding:17px 15px;gap:9px;grid-template-columns:29px 1fr 10px}.letter-person{width:29px;height:29px;font-size:10px}.mini-letter>span:nth-child(2){font-size:7px}.mini-letter small{font-size:6px}.mini-letter p{font-size:22px;line-height:1.35}.letter-chip{font-size:7px}.mini-paper-back{inset:17px 11px 1px 19px}.visual-workflow{padding:8px 10px 0}.workflow-node{padding:11px;font-size:9px;gap:10px}.workflow-node>span{width:21px;height:21px;font-size:9px}.workflow-node small{font-size:8px}.visual-workflow>i{height:12px;margin-left:22px}.visual-memories>img{width:44%;height:149px;left:8%;border-width:5px;border-bottom-width:17px}.visual-memories>img:nth-child(2){left:44%}.visual-memories>span{font-size:13px}.preview-section{margin:0 8px;border-radius:28px;padding-top:49px}.preview-heading{width:calc(100% - 36px)}.preview-heading h2{font-size:38px;line-height:1.25}.preview-tabs{margin:24px auto 25px;width:calc(100% - 26px);padding:4px}.preview-tabs:before{left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/3)}.preview-tabs button,.preview-tabs button[aria-selected=true]{font-size:8px;gap:5px;padding:10px 7px;justify-content:center}.preview-tabs svg{width:12px;height:12px}.studio-shell{width:calc(100% - 22px);border-width:3px;border-radius:16px}.studio-content{padding:17px 12px}.metric-grid{gap:5px}.metric{padding:9px 7px}.metric strong{font-size:20px}.metric small{font-size:7px}.dash-head h3{font-size:22px}.studio-layout{min-height:589px}.preview-footnote{font-size:8px;max-width:235px}.story-section{padding-block:75px;gap:47px}.story-photo{height:365px;margin-right:12px}.story-photo:before{inset:7px -9px -7px 9px}.story-inset{width:120px;right:-8px;bottom:26px}.story-inset>img{height:143px}.story-photo>span{left:20px;bottom:20px;font-size:7px;max-width:150px}.story-copy h2{font-size:40px}.faq-section{padding-bottom:61px}.closing{margin:0 8px;padding:26px 24px 43px;gap:0;border-radius:28px}.chrome-object{max-width:210px}.closing h2{font-size:47px}.button.cream{font-size:11px;padding:8px 9px 8px 20px;min-height:48px}.site-footer .brand-lockup{width:130px;height:29px}.site-footer .brand-lockup img{width:137px;left:-3.6px;top:-8.8px}.tour-controls .button{padding:11px 16px;min-height:42px}.hero-copy>*{animation-duration:.8s}.motion-enabled .reveal:not(.is-visible){translate:0 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy>*,.hero h1 em,.hero-status,.chrome-object,.closing:before{animation:none!important}.hero-copy>*{opacity:1;filter:none;transform:none}.motion-enabled .reveal{opacity:1!important;translate:none!important;transition:none!important}.hero-landscape img,.hero-gallery,.button{transition:none!important;transform:none!important}.click-ripple{display:none}}