/* The author's workspace is a composed interface; the portrait remains a real photo. */
.developer-home{--paper:#f3f5f1;--ink:#202824;--muted:#66706a;--line:#dce1da;--accent:#3f7beb;background:var(--paper)}
.developer-home .site-header{background:#f3f5f1e8}
.developer-home .brand-mark{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px;letter-spacing:-.12em}
.developer-home .nav-cta{border-radius:8px;border-color:#cdd5cb}
.developer-home .button{border-radius:9px;background:#253d30;border-color:#253d30;box-shadow:0 2px 0 #12221b0d}
.developer-home .button:hover{background:#365541}
.workspace-hero{display:grid;grid-template-columns:.93fr 1.07fr;gap:24px;align-items:center;padding-top:42px;padding-bottom:40px;min-height:720px}
.workspace-intro{position:relative;z-index:2;min-width:0;padding-bottom:24px}
.workspace-intro .eyebrow{font-size:10px;letter-spacing:.11em}
.workspace-intro h1{font-size:clamp(66px,6.35vw,89px);font-weight:550;line-height:1.03;letter-spacing:-.075em;margin-top:27px}
.interface-word{color:#587960;white-space:nowrap;position:relative}
.type-cursor{display:inline-block;height:.8em;width:2px;background:#80a985;vertical-align:-.035em;margin-left:8px}
.workspace-lead{font-size:16px;line-height:1.85;letter-spacing:-.014em;margin-top:31px;color:#647068}
.workspace-actions{display:flex;align-items:center;gap:27px;margin-top:30px}
.workspace-actions .button{font-size:13px;padding:16px 20px;gap:24px;min-height:54px}
.workspace-about-link{font-size:13px;display:flex;align-items:center;gap:12px;white-space:nowrap}
.workspace-about-link:hover{color:#437651}
.workspace-caption{display:flex;align-items:center;gap:14px;margin-top:52px}
.workspace-caption>span{width:40px;height:40px;border-radius:10px;background:#e7ece2;border:1px solid #d8dfd0;display:grid;place-items:center;font-size:24px;color:#69785e;box-shadow:0 3px 0 #d8dfd0}
.workspace-caption p{font-size:11px;line-height:1.65;color:#859080}
.workspace-caption strong{font-weight:400;color:#53664f}
.developer-workspace{height:630px;position:relative;min-width:0;isolation:isolate}
.developer-workspace:before{content:"";position:absolute;inset:12px -30px 32px;background-image:radial-gradient(#77897540 .7px,transparent .7px);background-size:19px 19px;mask-image:radial-gradient(ellipse at 50% 45%,#000 20%,transparent 70%);z-index:-3}
.developer-workspace:after{content:"";position:absolute;left:18%;right:3%;bottom:47px;height:30px;background:#4051412b;border-radius:50%;filter:blur(24px);z-index:-1}
.workspace-coordinate{position:absolute;top:4px;right:0;color:#899386;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.profile-window{position:absolute;left:8px;top:83px;width:92%;height:385px;border:1px solid #c5cdc3;border-radius:16px;background:#e7ece4;box-shadow:0 4px 0 #cdd5cc,0 24px 42px -23px #3e514747;transform:rotate(-7deg);overflow:hidden;z-index:0}
.profile-window-bar{height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9d1c5;padding-inline:17px;background:#edf1e9;color:#788572;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}
.window-lights{display:flex;align-items:center;gap:6px;flex-shrink:0}
.window-lights>i{width:9px;height:9px;border-radius:50%;background:#eaa092;border:1px solid #cf8c8166}
.window-lights>i:nth-child(2){background:#e8ca89;border-color:#c8ae7666}
.window-lights>i:nth-child(3){background:#b1c39e;border-color:#8fa57c66}
.profile-window-body{display:flex;height:calc(100% - 44px)}
.profile-sidebar{width:58px;flex-shrink:0;background:#dfe7d8;border-right:1px solid #cfd9c7;display:flex;flex-direction:column;align-items:center;gap:25px;padding-top:27px;color:#7a8c6e;font-size:22px}
.profile-sidebar svg{width:22px;height:22px}
.profile-window-content{padding:28px 30px;width:100%;position:relative}
.profile-file{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#8b967d}
.profile-title{display:block;font-size:30px;line-height:1.16;letter-spacing:-.045em;color:#7f8e74;margin-top:19px}
.profile-lines{display:grid;gap:11px;margin-top:26px}
.profile-lines i{display:block;width:58%;height:5px;background:#c9d4c0;border-radius:2px}
.profile-lines i:nth-child(2){width:43%}.profile-lines i:nth-child(3){width:51%}
.profile-status{position:absolute;left:30px;bottom:23px;display:flex;align-items:center;gap:8px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a997d}
.profile-status i{width:5px;height:5px;border-radius:50%;background:#88a86c}
.developer-portrait{position:absolute;z-index:3;width:91%;height:545px;left:7%;bottom:94px;object-fit:contain;object-position:center bottom;filter:drop-shadow(9px 15px 12px #25382924);pointer-events:none}
.portrait-selection{position:absolute;z-index:2;border:1px solid #80a9e5;top:45px;left:14%;width:72%;height:475px;transform:rotate(3deg);pointer-events:none}
.portrait-selection>i{position:absolute;width:7px;height:7px;background:#f7fbff;border:1px solid #5d90d9}
.portrait-selection>i:nth-child(1){top:-4px;left:-4px}.portrait-selection>i:nth-child(2){top:-4px;right:-4px}.portrait-selection>i:nth-child(3){bottom:-4px;left:-4px}.portrait-selection>i:nth-child(4){bottom:-4px;right:-4px}
.portrait-selection>span{position:absolute;left:-1px;top:-23px;padding:5px 7px;background:#4b86d6;color:white;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.01em}
.workspace-orbit{position:absolute;display:grid;place-items:center;border:1px solid #ccd4c7;border-radius:17px;background:linear-gradient(140deg,#fdfefa,#d5dfcd);box-shadow:0 4px 0 #c2ceb9,0 10px 20px -12px #3b443b6b;color:#688356}
.orbit-one{width:72px;height:72px;left:-8px;top:258px;font-size:43px;transform:rotate(-16deg);z-index:4}
.orbit-two{width:60px;height:60px;right:30px;top:45px;font:23px ui-monospace,SFMono-Regular,Menlo,monospace;transform:rotate(12deg);z-index:1;background:linear-gradient(140deg,#ddecfa,#c9d9eb);border-color:#b8cbe2;box-shadow:0 4px 0 #b9cade,0 10px 20px -12px #3b443b6b;color:#5b7faa}
.workspace-cursor{position:absolute;z-index:6;right:1%;top:310px;transform:rotate(-9deg);pointer-events:none}
.workspace-cursor svg{width:32px;height:36px;filter:drop-shadow(0 2px 2px #294b6530)}
.workspace-cursor>span{display:block;padding:6px 13px;background:#4185ed;color:white;border-radius:5px;margin-left:21px;margin-top:-2px;font-size:12px}
.workspace-nameplate{position:absolute;z-index:5;bottom:82px;left:12%;width:77%;padding:21px 25px 23px;background:#fafcf7f5;border:1px solid #d1dacb;border-radius:15px;box-shadow:0 7px 0 #dce4d5,0 16px 27px -13px #2a3e3530;backdrop-filter:blur(14px);transform:rotate(-3deg)}
.nameplate-label{display:block;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#909c85}
.workspace-nameplate strong{display:flex;justify-content:space-between;align-items:center;font-size:38px;line-height:1.15;letter-spacing:-.065em;font-weight:500;margin-top:6px;color:#34472e}
.workspace-nameplate strong>span{font-size:27px;font-weight:400;color:#a0b18f}
.workspace-nameplate>span:last-child{display:block;font-size:11px;color:#8a9580;margin-top:6px}
.workspace-dock{position:absolute;z-index:7;bottom:14px;right:0;display:flex;align-items:flex-start;gap:17px;border:1px solid #ffffffda;background:#e5eadff0;box-shadow:0 0 0 1px #c4cebb80,0 11px 19px -12px #293a2e6b;backdrop-filter:blur(20px);border-radius:18px;padding:12px 17px 10px;transform:rotate(3deg)}
.dock-item{display:flex;flex-direction:column;align-items:center;position:relative;gap:5px;min-width:54px}
.dock-item>span:last-of-type{font-size:8px;color:#687861;line-height:1.2}
.dock-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;transition:translate .2s;box-shadow:0 3px 3px #29473112}
.dock-icon>img{width:100%;height:100%;border-radius:11px}
.dock-item:hover .dock-icon,.dock-item:focus-visible .dock-icon{translate:0 -5px}
.dock-folder{background:linear-gradient(150deg,#7abdff,#3487d5);color:#e8f4ff;border:1px solid #5495d5}
.dock-profile{background:linear-gradient(150deg,#e9eddb,#c1ccad);color:#687e54;border:1px solid #bdcbaa}
.dock-icon svg{width:29px;height:29px}
.dock-separator{height:44px;width:1px;background:#bdc9b58c;margin-top:4px;margin-inline:-7px}
.dock-running{width:3px;height:3px;border-radius:50%;background:#687e54;position:absolute;bottom:-7px}
.workspace-bottom-note{position:absolute;bottom:24px;left:12px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#a1aa9b;max-width:155px;line-height:1.8}
.workspace-spec{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-block:1px solid var(--line);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a9584}
.workspace-spec>span{display:flex;align-items:center;gap:10px}.workspace-spec i{font-style:normal;font-size:16px;color:#758a69}
.workspace-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}
.workspace-section-head h2{font-size:clamp(37px,4vw,55px);line-height:1.07;letter-spacing:-.055em;margin-top:23px}
.workspace-section-head h2>span{color:#84917b}
.workspace-section-head>p{font-size:13px;line-height:1.75;max-width:290px}
.workspace-product{border:1px solid #cdd6c9;border-radius:17px;overflow:hidden;background:#f8faf5;box-shadow:0 5px 0 #e4e9df}
.workspace-product-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:47px;padding-inline:22px;border-bottom:1px solid #d4ddcf;background:#e9eee3;color:#87957c;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}
.workspace-product-bar>.window-lights{width:130px}
.workspace-release{display:flex;align-items:center;gap:7px}.workspace-release>i{width:5px;height:5px;border-radius:50%;background:#81a36d}
.workspace-product-body{display:grid;grid-template-columns:.86fr 1.14fr;min-height:490px;overflow:hidden}
.workspace-product-copy{padding:39px 30px 39px 40px;position:relative;z-index:2}
.workspace-product-copy .app-identity{font-size:25px}.workspace-product-copy .app-identity small{color:#86927c}
.workspace-product-copy h3{font-size:40px;line-height:1.08;margin-top:28px;letter-spacing:-.045em}
.workspace-product-copy>p{font-size:14px;line-height:1.75;margin-top:19px;max-width:340px}
.workspace-feature-list{display:grid;gap:8px;margin-top:24px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8b9a80}
.workspace-product-copy>.button{margin-top:29px;font-size:12px;padding:13px 17px;min-height:47px}
.workspace-product-copy>.microcopy{display:block;font-size:10px;margin-top:13px}
.workspace-product-preview{position:relative;min-width:0;background:radial-gradient(ellipse at 40% 30%,#e3e9d7,transparent 75%),#dce4d0;display:flex;align-items:center;padding:65px 0 68px 33px;overflow:hidden}
.workspace-product-preview>img{position:relative;width:755px;max-width:none;border-radius:12px;box-shadow:0 19px 36px -10px #2b3e274d;transform:rotate(-4deg);border:1px solid #494c44;transition:transform .3s}
.workspace-product-preview:hover>img,.workspace-product-preview:focus-visible>img{transform:rotate(-2deg) translateY(-3px)}
.preview-label{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8d9f7c;letter-spacing:.03em}
.preview-label>span:last-child{font-size:22px}
.preview-shortcut{position:absolute;left:35px;bottom:23px;display:flex;align-items:center;gap:6px;color:#6e835c}
.preview-shortcut kbd{display:grid;place-items:center;font:16px -apple-system,BlinkMacSystemFont,sans-serif;width:29px;height:28px;border:1px solid #b3c49f;border-bottom-width:3px;background:#eef2e7;border-radius:5px}
.preview-shortcut>span{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;margin-left:8px}
.workspace-about{padding-block:95px;background:#e8ece4;border-block:1px solid #dce2d7}
.workspace-about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}
.about-file{background:#f7f9f3;border:1px solid #ced7c7;border-radius:13px;box-shadow:0 4px 0 #d7e0cf}
.about-file-bar{height:43px;border-bottom:1px solid #d9e1d2;display:flex;align-items:center;gap:25px;padding-inline:19px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8b9881}
.about-file-content{padding:36px}.about-file-content>.eyebrow{font-size:9px;color:#8e9b82}
.about-file-content h2{font-size:43px;line-height:1.08;margin-top:22px}.about-file-content h2 span{color:#718b5d}
.about-file-content p{font-size:14px;line-height:1.8;margin-top:24px}
.about-file-signature{display:flex;align-items:center;justify-content:space-between;margin-top:30px;color:#637b51;font-size:20px;letter-spacing:-.04em}
.about-file-signature>span:last-child{font-size:25px;color:#a6b198}
.about-file-status{border-top:1px solid #d9e1d2;display:flex;gap:8px;align-items:center;padding:12px 19px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#90a081}
.about-file-status .status-dot{width:5px;height:5px;background:#98b17f}
.workspace-principles>.eyebrow{font-size:9px;color:#8b9a80;margin-bottom:35px}
.workspace-principles article{display:flex;gap:20px;padding-block:27px;border-top:1px solid #cdd7c3}
.principle-index{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#9fac92;padding-top:8px}
.workspace-principles h3{font-size:25px;letter-spacing:-.035em;color:#43583b}
.workspace-principles p{font-size:13px;line-height:1.8;margin-top:15px;color:#819275}
.workspace-end{display:flex;gap:35px;align-items:center;justify-content:space-between;padding-block:90px}
.workspace-end-icon{font-size:96px;line-height:1;font-weight:300;color:#aab99b;align-self:flex-start}
.workspace-end>div{flex:1}.workspace-end .eyebrow{font-size:9px;color:#95a187}
.workspace-end h2{font-size:49px;line-height:1.08;letter-spacing:-.055em;margin-top:19px}
.developer-home .site-footer{background:#edf1e8}.developer-home .small-star{color:#778f60}
@media(max-width:1150px){
  .workspace-hero{grid-template-columns:.97fr 1.03fr;gap:10px;min-height:650px;padding-top:30px}
  .workspace-intro h1{font-size:68px}.workspace-lead{font-size:14px}.workspace-actions{gap:20px}
  .developer-workspace{height:555px}.profile-window{top:88px;height:333px}.profile-title{font-size:26px}.profile-window-content{padding:25px 22px}
  .developer-portrait{height:480px;bottom:89px;left:7%;width:94%}.portrait-selection{height:410px;top:48px}
  .workspace-cursor{top:275px;right:0}.workspace-nameplate{bottom:86px;padding:17px 20px}.workspace-nameplate strong{font-size:33px}
  .workspace-dock{gap:11px;padding:10px 12px;bottom:18px}.dock-icon{width:39px;height:39px}.workspace-bottom-note{font-size:7px;max-width:108px}
  .orbit-one{width:61px;height:61px;font-size:34px;top:237px;left:0}.orbit-two{right:7px;width:48px;height:48px;font-size:18px}
  .workspace-product-body{grid-template-columns:.95fr 1.05fr}.workspace-product-copy{padding:32px}.workspace-product-copy h3{font-size:35px}.workspace-product-preview>img{width:650px}
  .workspace-about-grid{gap:50px}.about-file-content{padding:30px}.about-file-content h2{font-size:37px}.workspace-end h2{font-size:42px}
}
@media(max-width:850px){
  .workspace-hero{grid-template-columns:1fr;gap:8px;padding-top:40px;padding-bottom:25px}
  .workspace-intro{padding-bottom:0;max-width:650px}.workspace-intro h1{font-size:79px}.workspace-lead{font-size:16px}.workspace-caption{margin-top:30px}
  .developer-workspace{width:590px;max-width:100%;justify-self:center;height:620px;margin-top:4px}.developer-portrait{height:550px;bottom:93px;left:7%;width:90%}
  .profile-window{top:83px;height:370px}.portrait-selection{height:475px;top:45px}.orbit-one{top:260px;left:0;width:69px;height:69px;font-size:40px}.orbit-two{right:35px}
  .workspace-cursor{top:295px}.workspace-nameplate{padding:21px 25px;bottom:89px}.workspace-nameplate strong{font-size:37px}
  .workspace-dock{bottom:19px;right:12px;gap:17px;padding:12px 17px}.dock-icon{width:43px;height:43px}.workspace-bottom-note{left:25px;font-size:8px;max-width:150px}
  .workspace-section-head{align-items:flex-start;gap:20px}.workspace-section-head h2{font-size:40px}.workspace-section-head>p{font-size:11px;max-width:195px;padding-top:37px}
  .workspace-product-body{grid-template-columns:1fr 1fr}.workspace-product-copy{padding:29px 25px}.workspace-product-copy h3{font-size:31px}.workspace-product-copy>p{font-size:12px}.workspace-product-copy .app-identity{font-size:22px}
  .workspace-product-preview{padding-left:22px}.workspace-product-preview>img{width:570px}.preview-shortcut>span{display:none}
  .workspace-about-grid{grid-template-columns:1fr;gap:45px}.workspace-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.workspace-principles>.eyebrow{grid-column:1/-1;margin-bottom:0}.workspace-principles article{display:block;padding-block:20px}.workspace-principles h3{font-size:21px;margin-top:18px}.workspace-principles p{font-size:12px}
  .workspace-end{gap:25px;flex-wrap:wrap}.workspace-end-icon{font-size:70px}.workspace-end h2{font-size:38px}.workspace-end>.button{margin-left:75px}
}
@media(max-width:600px){
  .workspace-hero{padding-top:32px;padding-bottom:24px;gap:12px}.workspace-intro .eyebrow{font-size:8px;letter-spacing:.08em}
  .workspace-intro h1{font-size:clamp(51px,14.1vw,76px);margin-top:25px;line-height:1.06;letter-spacing:-.072em}.type-cursor{margin-left:5px;width:1px}
  .workspace-lead{font-size:14px;line-height:1.85;margin-top:25px}.workspace-actions{gap:23px;margin-top:25px}.workspace-actions .button{font-size:11px;padding:14px 16px;gap:17px;min-height:50px}.workspace-about-link{font-size:11px}
  .workspace-caption{margin-top:24px;gap:12px}.workspace-caption>span{width:31px;height:31px;font-size:19px;border-radius:7px}.workspace-caption p{font-size:9px}
  .developer-workspace{height:auto;aspect-ratio:1 / 1.16;margin-top:22px;width:100%}.developer-workspace:before{inset:-10px -10px 20px}.workspace-coordinate{top:-8px;font-size:6px}
  .profile-window{left:1%;top:15%;width:94%;height:64%;border-radius:10px;box-shadow:0 3px 0 #cdd5cc,0 16px 29px -17px #3e514747}
  .profile-window-bar{height:29px;padding-inline:10px;font-size:6px}.window-lights{gap:4px}.window-lights>i{width:6px;height:6px}.profile-window-body{height:calc(100% - 29px)}
  .profile-sidebar{width:34px;gap:17px;padding-top:18px;font-size:16px}.profile-sidebar svg{width:16px;height:16px}.profile-window-content{padding:16px}.profile-file{font-size:6px}.profile-title{font-size:19px;margin-top:14px}.profile-lines{gap:7px;margin-top:17px}.profile-lines i{height:3px}.profile-status{left:16px;bottom:15px;font-size:5px;gap:5px}
  .developer-portrait{left:5%;width:94%;height:91%;bottom:17%}.portrait-selection{top:6%;left:13%;width:74%;height:75%}.portrait-selection>span{font-size:6px;top:-18px;padding:4px 6px}.portrait-selection>i{width:5px;height:5px}
  .orbit-one{left:-3px;top:40%;width:45px;height:45px;font-size:28px;border-radius:11px}.orbit-two{right:7px;top:6%;width:36px;height:36px;font-size:14px;border-radius:10px}
  .workspace-cursor{right:-4px;top:46%}.workspace-cursor svg{width:22px;height:25px}.workspace-cursor>span{font-size:8px;padding:4px 9px;margin-left:15px;border-radius:3px}
  .workspace-nameplate{left:11%;width:80%;bottom:14%;padding:14px 17px;border-radius:11px;box-shadow:0 5px 0 #dce4d5,0 12px 19px -13px #2a3e3530}.nameplate-label{font-size:5px}.workspace-nameplate strong{font-size:27px;margin-top:5px}.workspace-nameplate strong>span{font-size:20px}.workspace-nameplate>span:last-child{font-size:8px;margin-top:4px}
  .workspace-dock{right:1%;bottom:0;gap:8px;padding:9px 10px;border-radius:13px}.dock-item{min-width:43px;gap:4px}.dock-icon{width:32px;height:32px;border-radius:8px}.dock-icon>img{border-radius:8px}.dock-icon svg{width:23px;height:23px}.dock-item>span:last-of-type{font-size:6px}.dock-separator{height:33px;margin-inline:-3px}.dock-running{bottom:-6px}
  .workspace-bottom-note{left:0;bottom:11px;font-size:5px;max-width:104px}
  .workspace-spec{gap:12px;font-size:7px;padding-block:20px;line-height:1.8;align-items:flex-start}.workspace-spec>span{gap:5px;max-width:33%}.workspace-spec i{font-size:12px}.workspace-spec>span:last-child{text-align:right}
  .workspace-apps{padding-block:64px}.workspace-section-head{display:block;margin-bottom:28px}.workspace-section-head .eyebrow{font-size:8px}.workspace-section-head h2{font-size:34px;margin-top:19px;line-height:1.1}.workspace-section-head>p{font-size:12px;max-width:none;padding-top:0;margin-top:20px}
  .workspace-product{border-radius:12px}.workspace-product-bar{height:37px;padding-inline:12px;gap:8px;font-size:7px}.workspace-product-bar>.window-lights{width:auto}.workspace-release{font-size:6px;gap:4px}
  .workspace-product-body{grid-template-columns:1fr}.workspace-product-copy{padding:27px 25px}.workspace-product-copy h3{font-size:35px;margin-top:24px}.workspace-product-copy>p{font-size:13px}.workspace-product-copy .app-identity{font-size:24px}.workspace-product-copy>.button{font-size:11px;margin-top:25px}.workspace-feature-list{font-size:9px;gap:10px}.workspace-product-copy>.microcopy{font-size:8px}
  .workspace-product-preview{height:300px;padding:43px 0 40px 22px;align-items:flex-start}.workspace-product-preview>img{width:400px;border-radius:7px;transform:rotate(-4deg)}.preview-label{top:13px;left:20px;right:20px;font-size:7px}.preview-label>span:last-child{font-size:17px}.preview-shortcut{left:22px;bottom:14px}.preview-shortcut kbd{width:23px;height:23px;font-size:13px}.preview-shortcut>span{display:inline;font-size:7px}
  .workspace-about{padding-block:60px}.about-file-content{padding:26px}.about-file-content h2{font-size:32px}.about-file-content>.eyebrow{font-size:7px}.about-file-content p{font-size:13px;line-height:1.8}.about-file-bar{font-size:8px;height:36px;padding-inline:15px}.about-file-signature{font-size:18px}.about-file-status{font-size:6px;padding:12px 14px}
  .workspace-about-grid{gap:37px}.workspace-principles{display:block}.workspace-principles>.eyebrow{font-size:8px;margin-bottom:23px}.workspace-principles article{display:flex;gap:18px;padding-block:22px}.workspace-principles h3{margin-top:0;font-size:23px}.workspace-principles p{font-size:13px;margin-top:12px}.principle-index{font-size:9px}
  .workspace-end{padding-block:60px;gap:16px;align-items:flex-start}.workspace-end-icon{font-size:55px}.workspace-end .eyebrow{font-size:7px}.workspace-end h2{font-size:33px;margin-top:15px}.workspace-end>.button{margin-left:50px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.dock-icon,.workspace-product-preview>img{transition:none}}

@media(max-width:600px){.workspace-dock{gap:8px;padding:9px 10px;bottom:-12px}.dock-icon{width:39px;height:39px}.dock-item{min-width:52px}.dock-item>span:last-of-type{font-size:9px}.workspace-nameplate{bottom:15%}.workspace-bottom-note{bottom:-14px}.developer-workspace{margin-bottom:14px}}
@media(max-width:600px){
  .workspace-spec{font-size:9px}.workspace-spec>span:last-child{max-width:36%}
  .workspace-nameplate>span:last-child{font-size:10px}
  .workspace-product-bar{font-size:8px}.workspace-release{font-size:8px}
  .workspace-feature-list{font-size:10px}.workspace-product-copy>.microcopy{font-size:10px}
  .about-file-status{font-size:9px;line-height:1.7}.dock-item>span:last-of-type{font-size:10px}
}