/* Material surfaces, approved photography and minimal functional controls. */
/* Quiet text shortcuts replace the illustrated app badges. */
.workspace-dock { padding:7px 12px; gap:3px; border-radius:10px; background:linear-gradient(180deg,#fffdfaeb,#f3eee6d9); }
.workspace-dock button { display:block; min-height:44px; padding:12px 17px; min-width:0; font:500 12px/1.5 var(--font-body); border-radius:5px; color:var(--burgundy); transition:background .18s; }
.workspace-dock button:hover,.workspace-dock button.is-active { background:#692a420d; }
.workspace-dock button.is-active { box-shadow:inset 0 -2px var(--burgundy); }
.workspace-toolbar img.toolbar-mark { width:20px; height:18px; object-fit:contain; flex:none; }
/* Home controls are full-size stationery surfaces, without miniature drawings. */
.home-object { position:relative; justify-items:start; text-align:left; padding:24px; min-width:170px; min-height:105px; gap:12px; border-radius:2px; border:1px solid #dfd6ca; background:repeating-linear-gradient(17deg,#b59c7c04 0 1px,transparent 1px 4px),linear-gradient(115deg,#fffdf9,#f6f1e9); box-shadow:0 2px 3px #4723320b,2px 9px 16px #4723320c,inset 0 1px #fff; }
.home-object::after { content:''; position:absolute; height:3px; bottom:-3px; left:3px; right:2px; background:#f5eee3; border:1px solid #dfd6ca; border-top:0; z-index:-1; }
.home-object strong { font-size:14px; font-weight:600; }.home-object > span:last-child { font-size:11px; }
/* Community objects read as bound stationery and paper, not pictograms. */
.community-object { padding:16px; gap:10px; }
.community-object__surface { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; width:172px; height:116px; border:1px solid #d6cbbb; border-radius:2px; background:repeating-linear-gradient(6deg,#a3856105 0 1px,transparent 1px 3px),linear-gradient(120deg,#fffdfa,#f4ede0); box-shadow:0 1px 1px #fff inset,1px 3px 4px #3f253116,3px 12px 16px #3f253114; transform:rotate(-3deg); }
.community-object__surface .stationery-monogram { width:32px; height:27px; object-fit:contain; opacity:.8; }
.stationery-print { font:500 9px/1.5 var(--font-body); letter-spacing:.12em; color:var(--burgundy); }
.community-object--0 .community-object__surface { border-radius:3px 5px 5px 3px; border-left:9px solid #692a42; background:linear-gradient(90deg,#d4c7b5 0,#fffaf0 4%,#f5efe2 95%,#dcd1bf 96%,#f9f2e7 97%); box-shadow:inset 1px 0 #ffffff80,inset 5px 0 7px #51312912,1px 2px 1px #d4c7b5,2px 4px 1px #f8f2e8,3px 11px 15px #3f25311c; }
.community-object--1 .community-object__surface { width:160px; height:132px; padding:8px; border:0; background:none; box-shadow:none; transform:rotate(4deg); }
.community-object--1 .community-object__surface img { height:116px; width:145px; object-fit:contain; background:none; filter:drop-shadow(3px 10px 6px #44233124); }
.community-object--2 .community-object__surface { width:183px; height:105px; border-radius:1px; box-shadow:0 2px 2px #3f253112,2px 4px 0 -1px #fbf5ed,2px 5px 0 -1px #d6cbbb,4px 7px 0 -1px #f5ede1,4px 8px 0 -1px #d6cbbb,6px 15px 14px #3f253114; }
.community-object--3 .community-object__surface { width:160px; height:128px; border:1px solid #d6cbbb; border-top:1px solid #d6cbbb; background:linear-gradient(105deg,#fffdfa,#f4ede0); transform:rotate(3deg); }
.community-object--3 .community-object__surface::after { content:''; position:absolute; top:-5px; left:58px; height:17px; width:42px; border:1px solid #aa9da2; border-radius:3px; background:linear-gradient(#eee8eb,#91858c 38%,#ddd5da 48%,#746971 65%,#eae5e8); box-shadow:0 2px 3px #3f253118; }
.community-object--4 .community-object__surface { width:172px; height:116px; background:repeating-linear-gradient(2deg,#baa77c06 0 1px,transparent 1px 3px),linear-gradient(110deg,#fffcf0,#f5efd8); border-color:#ddd2b7; transform:rotate(-2deg); }
/* File previews have a paper edge and restrained curl instead of cartoon folds. */
.file-icon { border-radius:1px; background:linear-gradient(115deg,#fffefa 5%,#faf7f0 88%,#e7dfd1); box-shadow:inset 0 1px #fff,1px 2px 1px #d8cfc3,2px 5px 8px #4723321a; color:var(--burgundy); font:600 10px/1.4 var(--font-body); letter-spacing:.05em; }
.file-icon::after { top:auto; bottom:0; right:0; width:14px; height:7px; border-radius:60% 0 0 0; background:linear-gradient(155deg,#fffdf9,#dcd2c5); box-shadow:-1px -1px 2px #4723320a; }
/* Thin strokes for essential controls; accessible targets remain 44px. */
.studio-window__close { position:relative; border-radius:5px; background:none; color:var(--burgundy); }
.studio-window__close::before,.studio-window__close::after { content:''; position:absolute; top:21px; left:13px; width:18px; height:1px; background:currentColor; transform:rotate(45deg); }
.studio-window__close::after { transform:rotate(-45deg); }
.studio-window__close:hover { background:#692a4208; }
.note-check[aria-pressed=true]::after { content:''!important; width:10px; height:6px; border-left:1.5px solid white; border-bottom:1.5px solid white; position:absolute; left:17px; top:17px; transform:rotate(-45deg); }
/* Keep brand chrome details, but replace graphic bullets with simple rules. */
.deliverables li::before,.project__facts ul li::before { background:none!important; width:8px; height:1px; top:1.45em; background-color:var(--burgundy)!important; }
.sticker { filter:drop-shadow(1px 2px 1px #ffffffa0) drop-shadow(0 7px 7px #45223725); }
@media(max-width:760px) { .workspace-dock { max-width:calc(100% - 22px); padding:7px; }.workspace-dock button { padding:10px 12px; font-size:11px; min-height:44px; }.home-object { min-width:0; padding:18px 12px; min-height:95px; }.home-object strong { font-size:12px; }.home-object > span:last-child { font-size:10px; }.community-object { min-height:175px; } }
@media(prefers-reduced-motion:reduce) { .workspace-dock button { transition:none; } }
/* Let the role selector grow with its live explanation on narrow screens. */
.circle-object:has(.match-tool) { height:auto; min-height:190px; padding-block:12px; }
.folder-front { background:repeating-linear-gradient(7deg,#ffffff08 0 1px,#ad7b9103 1px 3px),linear-gradient(170deg,#eed4e0,#dbb1c5 82%,#c895ae); box-shadow:inset 0 1px #ffffffb0,inset 0 -2px 3px #88355d16,0 -1px 2px #5b2e4210; }
.workspace-folder:nth-child(even) .folder-front { background:repeating-linear-gradient(7deg,#ffffff08 0 1px,#ad957b03 1px 3px),linear-gradient(170deg,#fbf4e7,#e9dcc6 82%,#d4c0a3); }
/* The homepage exposes the actual folders, with the same working window system. */
.home-workspace { position:relative; z-index:2; margin-top:40px; padding:28px; border:1px solid #d8c9bc; border-radius:12px; background:repeating-linear-gradient(7deg,#b5997804 0 1px,transparent 1px 4px),linear-gradient(120deg,#f8f3eb,#eee2d9); box-shadow:inset 0 1px #ffffffb0,0 12px 28px #692a420b; }
.home-workspace__heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; }.home-workspace__heading .eyebrow { font-size:10px; margin-bottom:10px; }.home-workspace__heading h2 { font:500 clamp(23px,2.4vw,34px)/1.2 var(--font-display); letter-spacing:-.02em; }.home-workspace__heading h2 em { color:var(--burgundy); font-weight:400; }.home-workspace__heading a { font-size:12px; }.home-workspace__instruction { font-size:12px; margin:14px 0 20px; color:var(--ink-soft); }.home-workspace__folders { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.home-workspace__folders .workspace-folder { min-width:0; padding:14px 4px; }.home-workspace__folders .folder-shape { width:112px; height:85px; }.home-workspace__folders .workspace-folder strong { font-size:13px; }.home-workspace__folders .workspace-folder > span:last-child { font-size:10px; }
@media(max-width:760px) { .home-workspace { padding:22px 16px; margin-top:25px; }.home-workspace__folders { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 8px; }.home-workspace__heading h2 { font-size:25px; }.home-workspace__heading h2 em { display:block; }.home-workspace__folders .folder-shape { width:106px; height:82px; } }
/* Uploaded botanicals meet a working, message-inspired studio prompt. */
.inspiration-desk { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(30px,7vw,110px); padding-block:85px; }
.inspiration-desk__composition { position:relative; padding:24px 45px 30px 15px; min-width:0; }
.botanical-print { position:relative; display:flex; flex-direction:column; align-items:center; width:100%; min-height:320px; padding:35px 25px 22px; border:1px solid #dbcec0; background:repeating-linear-gradient(12deg,#a58d7004 0 1px,transparent 1px 4px),#fffcf8; box-shadow:2px 4px 0 #e9dfd3,0 18px 35px #4c25301b; transform:rotate(-5deg); transition:transform .2s; cursor:pointer; }
.botanical-print:hover { transform:rotate(-2deg) translateY(-5px); }.botanical-print .label { font-size:9px; letter-spacing:.13em; }.botanical-print > img { width:100%; max-width:350px; height:220px; object-fit:contain; margin-block:15px; filter:drop-shadow(0 10px 6px #692a4212); }.botanical-print > span:last-child { font:500 11px/1.6 var(--font-body); color:var(--burgundy); }
.botanical-print__tape { position:absolute; top:-13px; left:38%; width:95px; height:30px; background:repeating-linear-gradient(85deg,#f2c4de70 0 2px,#dca7bc60 2px 3px); transform:rotate(7deg); border-inline:1px dashed #b991a345; }
.inspiration-desk__anthurium { position:absolute; bottom:55px; right:-15px; width:clamp(90px,12vw,175px); height:220px; object-fit:contain; transform:rotate(13deg); filter:drop-shadow(7px 12px 7px #44233123); pointer-events:none; }
.creative-prompt { min-width:0; padding:clamp(26px,4vw,48px); border:1px solid #fff; border-radius:25px; background:linear-gradient(145deg,#fffcf7ed,#f6e5eccc); box-shadow:inset 0 1px 0 white,0 20px 45px #692a4214; backdrop-filter:blur(12px); }
.creative-prompt > .label { font-size:9px; color:var(--burgundy); margin-bottom:23px; }.creative-prompt h2 { font:600 clamp(30px,3.7vw,52px)/1.07 var(--font-body); letter-spacing:-.04em; margin-bottom:22px; }.creative-prompt h2 em { color:var(--burgundy); font-weight:400; }.creative-prompt > p:not(.label) { font-size:14px; line-height:1.8; }.creative-prompt__choices { display:grid; gap:9px; margin-top:25px; }.creative-prompt__choices > * { display:flex; justify-content:space-between; align-items:center; gap:14px; min-height:48px; padding:13px 15px; background:#fffaf7b0; border:1px solid #d9c4cd; border-radius:9px; font:500 12px/1.6 var(--font-body); text-align:left; color:var(--burgundy); text-decoration:none; cursor:pointer; }.creative-prompt__choices > *:hover { background:var(--blush); border-color:var(--orchid); }.creative-prompt__foot { display:block; margin-top:22px; font-size:10px; color:var(--ink-soft); }.botanical-gallery { margin:25px 0; }.botanical-gallery img { width:100%; height:330px; object-fit:contain; filter:drop-shadow(3px 12px 8px #692a4218); }.botanical-gallery figcaption { text-align:center; }
/* A complete code-built phone, with a real contact action instead of a screenshot. */
.contact-object.contact-phone { display:block; width:min(285px,100%); min-height:440px; margin:38px auto; padding:9px; border:2px solid #776c71; border-radius:43px; background:linear-gradient(100deg,#b9aeb2,#3c3338 5%,#e8e1e5 8%,#4a3d44 12%,#30252a 90%,#ad9da5 97%); box-shadow:2px 3px 0 #bcb1b7,8px 22px 28px #44233124; transform:rotate(-3deg); transition:transform .2s; }
.contact-phone:hover { transform:rotate(0); }.contact-phone__screen { position:relative; display:flex; flex-direction:column; align-items:center; gap:13px; min-height:430px; padding:52px 18px 28px; background:linear-gradient(155deg,#fffaf4,#f7e4ed); border:2px solid #30252a; border-radius:34px; overflow:hidden; }
.contact-phone__screen::before { content:''; position:absolute; top:12px; left:50%; transform:translateX(-50%); width:88px; height:23px; border-radius:30px; background:#30252a; box-shadow:inset 0 -1px 1px #ffffff30; }.contact-phone__screen::after { content:''; position:absolute; bottom:10px; width:85px; height:4px; border-radius:5px; background:#30252a; opacity:.6; }.contact-phone__label { font:500 8px/1.6 var(--font-body); letter-spacing:.15em; color:var(--burgundy); }.contact-phone__logo { width:54px; height:45px; object-fit:contain; }.contact-phone strong { font:600 25px/1.2 var(--font-body); }.contact-phone__message { border:1px solid #ead4de; border-radius:15px 15px 3px 15px; background:#fffaf8; padding:12px; font:400 12px/1.6 var(--font-body); text-align:center; }.contact-phone__flower { height:110px; width:95px; object-fit:contain; transform:rotate(10deg); filter:drop-shadow(3px 5px 3px #692a421b); }.contact-phone__action { display:grid; place-items:center; min-height:44px; width:100%; border-radius:12px; background:var(--burgundy); color:var(--paper); font:500 12px/1.5 var(--font-body); }.contact-phone__detail { font:400 10px/1.5 var(--font-body); color:var(--ink-soft); }
@media(max-width:700px) { .inspiration-desk { grid-template-columns:1fr; gap:40px; padding-block:45px; }.inspiration-desk__composition { max-width:420px; width:100%; margin:auto; padding-inline:12px 35px; }.botanical-print { min-height:270px; padding-inline:18px; }.botanical-print > img { height:185px; }.inspiration-desk__anthurium { width:115px; height:150px; right:-3px; }.creative-prompt { padding:28px 23px; border-radius:21px; }.creative-prompt h2 { font-size:35px; }.botanical-gallery img { height:250px; }.contact-object.contact-phone { transform:none; } }
@media(prefers-reduced-motion:reduce) { .botanical-print,.contact-object.contact-phone { transition:none; }.botanical-print:hover { transform:rotate(-5deg); }.contact-phone:hover { transform:rotate(-3deg); } }