/*
Theme Name: Chloe Reed
Author: Chloe Reed · Ashman company
Description: A responsive dimensional portfolio for mobile development, file management and WordPress, including a privacy policy draft.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chloe-reed
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--paper:#f5f3f7;--ink:#252327;--blue:#aa3d32;--muted:#727075;--line:#dad6de;--mint:#d8cbe4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{color:inherit}img{max-width:100%}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;font-size:43px;font-weight:700;letter-spacing:-5px;align-items:center;line-height:1}.brand span{font-size:29px;color:var(--blue);margin-left:10px;letter-spacing:0}.header nav{display:flex;gap:40px;align-items:center;font-size:13px}.nav-contact{border:1px solid #bcb8c0;border-radius:30px;padding:14px 21px}.nav-contact span{margin-left:24px}.skip{position:absolute;top:-90px;background:var(--blue);color:white;padding:15px;z-index:10}.skip:focus{top:5px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:688px;align-items:center;gap:10px;padding-block:56px 62px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#736482;box-shadow:0 0 0 4px #e6e2eb}.hero h1{font-weight:500;font-size:clamp(48px,5.1vw,73px);letter-spacing:-4px;line-height:1.08;margin:28px 0 23px}.hero h1 em,h2 em,.policy h1 em{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-2.5px}.blue{color:var(--blue)}.intro{font-size:15px;line-height:1.8;color:#6c686f}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button{padding:17px 23px;border-radius:40px;display:inline-flex;align-items:center;gap:26px;font-size:13px}.blue-button{background:var(--blue);color:white;box-shadow:0 8px 20px #e75b3820;transition:transform .2s,box-shadow .2s}.blue-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #e75b3835}.text-link{font-size:12px;border-bottom:1px solid #b6b1bb;padding-bottom:4px}.hero-note{font-size:10px;color:var(--muted);display:flex;gap:9px;margin-top:41px;align-items:center}.hero-note span{font-size:20px;color:#726a79}.hero-art{height:555px;position:relative;perspective:1200px}.orbit{position:absolute;width:455px;height:455px;border:1px solid #dcd7e2;border-radius:50%;top:42px;left:12px}.orbit-two{transform:rotateX(63deg) rotateZ(-29deg);border-style:dashed;width:530px;left:-26px;top:80px}.art-label{position:absolute;font-size:8px;letter-spacing:1.6px;color:#8b8591}.top-label{top:11px;right:8px}.bottom-label{bottom:17px;left:20px}.phone{position:absolute;left:24%;top:20px;width:254px;height:506px;background:linear-gradient(130deg,#d1cdd5,#fcfafe 18%,#c4c1c8 80%);border:2px solid #948f9a;border-radius:44px;padding:9px;transform:rotate(-11deg) rotateY(-13deg) rotateX(8deg);box-shadow:13px 15px 0 #9d96a4,17px 20px 0 #7c7286,32px 39px 45px #564c6132;animation:phone-float 7s ease-in-out infinite}.phone-screen{background:#fbf9fd;height:100%;border-radius:33px;padding:14px 16px;overflow:hidden;position:relative}.phone-top{font-size:9px;display:flex;justify-content:space-between}.island{height:15px;width:66px;background:#272429;position:absolute;top:11px;left:calc(50% - 33px);border-radius:12px}.app-greeting{font-size:9px;color:#847f89;margin:27px 0 5px}.app-heading{font-size:23px;font-weight:600;letter-spacing:-1px;display:flex;justify-content:space-between;align-items:center}.mini-avatar{background:#dcd2e6;width:27px;height:27px;border-radius:50%;font-size:10px;display:grid;place-items:center}.storage-card{display:flex;align-items:center;justify-content:space-between;background:#dcd1e6;border-radius:17px;padding:16px 12px;margin-top:17px}.storage-card small{font-size:8px}.storage-card strong{display:block;font-size:27px;font-weight:500;letter-spacing:-1px;margin-top:10px}.storage-card strong span{font-size:12px}.storage-card p{font-size:8px;margin:4px 0;color:#7c7286}.storage-ring{width:68px;height:68px;border-radius:50%;background:conic-gradient(#735e8a 33%,#bbafc7 0);display:grid;place-items:center}.storage-ring>span{display:grid;place-content:center;border-radius:50%;height:52px;width:52px;background:#dcd1e6;font-size:18px;position:relative;text-align:center}.storage-ring small{position:absolute;right:10px;bottom:13px;font-size:8px}.app-section-title{font-size:10px;font-weight:600;display:flex;justify-content:space-between;margin:20px 0 11px}.app-section-title>span{font-size:7px;color:#8e8894}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.category-grid>div{display:grid;background:#f0edf2;border-radius:12px;padding:9px}.cat-icon{height:22px;width:25px;border-radius:7px;display:grid;place-items:center;margin-bottom:5px;font-size:16px}.yellow{background:#c39cea;color:#6e32aa}.pink{background:#f1e1d5;color:#a88d7a}.lavender{background:#efdcd8;color:#ae8893}.green{background:#dbd1e4;color:#9080a1}.category-grid b{font-size:8px;font-weight:500}.category-grid small{font-size:6px;color:#8e8894;margin-top:3px}.recent-file{display:flex;align-items:center;font-size:8px;gap:9px}.recent-file>span{background:#e6dbd3;padding:7px;border-radius:6px}.recent-file small{display:block;font-size:6px;color:#908a96;margin-top:3px}.recent-file b{margin-left:auto}.phone-nav{position:absolute;bottom:0;left:0;right:0;background:#fbf9fde8;border-top:1px solid #e2dde8;display:flex;justify-content:space-around;padding:9px 0 13px;font-size:18px}.phone-nav span:first-child{color:#7c6990}.phone-nav small{display:block;font-size:6px;text-align:center}.sphere{position:absolute;width:97px;height:97px;left:17px;top:77px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f6b4a3,#cc6247 47%,#873521 80%);box-shadow:10px 18px 18px #893d2a29;animation:float 8s ease-in-out infinite}.floating-cube{width:48px;height:48px;position:absolute;top:65px;right:10px;background:linear-gradient(135deg,#eed8de,#deb6c2);transform:rotate(25deg) skew(-6deg);border-radius:9px;box-shadow:7px 7px 0 #caa0ad,13px 20px 20px #ab70821b}.folder-3d{width:157px;height:113px;position:absolute;left:-7px;bottom:57px;background:linear-gradient(145deg,#ccbedb,#9b86b1);border-radius:13px 13px 22px 22px;transform:rotate(-14deg) rotateY(-20deg);box-shadow:6px 8px 0 #7a658f,12px 20px 27px #8678933a;z-index:2}.folder-3d:before{content:'';width:70px;height:26px;background:#beaecf;position:absolute;top:-17px;left:0;border-radius:12px 16px 0 0}.folder-3d:after{content:'';position:absolute;inset:12px -3px -3px 3px;border-radius:12px 12px 18px 18px;background:linear-gradient(130deg,#dccfe8,#a08db4);border-top:1px solid #eee8f4}.floating-tag{position:absolute;bottom:72px;right:-5px;background:var(--paper);border:1px solid #d8d2de;border-radius:13px;padding:15px 18px 15px 41px;box-shadow:0 10px 18px #5b50670c;font-size:10px;line-height:1.5;transform:rotate(8deg);z-index:3}.floating-tag>span{position:absolute;left:14px;top:22px;font-size:20px;color:#78638d}.floating-tag b{font-weight:500}.expertise-strip{border-block:1px solid var(--line);padding-block:24px}.expertise-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.expertise-strip span{font-size:10px;letter-spacing:1.3px;color:#645f68}.expertise-strip b{font-size:21px;color:#7d6f8b;font-weight:400}.work-section{padding-block:99px 92px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:38px}.section-heading h2,.about-copy h2,.process-section h2{font-size:47px;line-height:1.18;letter-spacing:-2px;font-weight:500;margin:18px 0 0}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 4px}.work-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.filters{display:flex;gap:7px}.filters button{border:1px solid transparent;background:transparent;border-radius:30px;padding:10px 16px;font-size:11px}.filters button.active{background:#e3dee9;border-color:#d0cad7}.filters small{font-size:8px;margin-left:5px;color:#7c7385}.concept-note{font-size:8px;letter-spacing:1px;color:#89838f}.projects{display:grid;grid-template-columns:1fr 1fr;gap:42px 30px}.project-card{display:block;border:0;background:none;text-align:left;padding:0;min-width:0}.project-card[hidden]{display:none}.project-visual{height:344px;position:relative;overflow:hidden;border-radius:7px;transition:transform .3s,box-shadow .3s}.project-card:hover .project-visual{transform:translateY(-4px);box-shadow:0 14px 20px #443d4b0c}.mint-visual{background:#d9cfe2}.lilac-visual{background:#e7d8dd}.visual-index{position:absolute;top:23px;left:25px;font-size:8px;letter-spacing:1px;z-index:1;color:#5d5763}.mini-window{background:#f8f6fb;border:1px solid #9c92a73b;border-radius:14px;padding:17px 24px;box-shadow:10px 15px 0 #bfb1cd,22px 27px 35px #84759330;transform:rotate(-8deg);width:277px;height:249px;position:absolute;top:66px;left:calc(50% - 138px)}.window-dots{font-size:7px;letter-spacing:3px;color:#aea4b7}.window-heading{font-size:22px;font-weight:500;line-height:1.15;letter-spacing:-.7px;margin-top:17px}.folder-row{display:flex;gap:12px;margin-top:16px}.tiny-folder{display:block;width:52px;height:36px;background:#ac9ebb;border-radius:3px 5px 6px 6px;position:relative;box-shadow:2px 3px 0 #9585a5;transform:rotate(-5deg)}.tiny-folder:before{content:'';position:absolute;width:23px;height:6px;top:-5px;left:0;background:inherit;border-radius:4px 6px 0 0}.lilac-folder{background:#d0b2aa;box-shadow:2px 3px #ad9089;transform:rotate(7deg)}.peach-folder{background:#ddbaa1;box-shadow:2px 3px #c6a68f;transform:rotate(-1deg)}.window-list{display:grid;gap:9px;margin-top:17px;font-size:8px}.window-list b{float:right;font-weight:400}.visual-sticker{position:absolute;bottom:28px;right:22px;border:1px solid #b0a5ba;font-size:7px;padding:9px 11px;border-radius:20px;background:#e5dded;transform:rotate(9deg)}.project-info{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.project-info h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:0 0 6px}.project-info p{margin:0;font-size:11px;color:var(--muted)}.circle-arrow{width:33px;height:33px;display:grid;place-items:center;border:1px solid #d2cdd7;border-radius:50%;font-size:19px}.project-tags{display:flex;gap:7px;margin-top:14px}.project-tags span{font-size:8px;padding:5px 9px;border:1px solid #d7d2dc;border-radius:20px;color:#78717e}.browser-mock{position:absolute;width:365px;height:246px;left:calc(50% - 182px);top:78px;background:#f0eaf5;border:1px solid #ccbcc1;border-radius:9px;box-shadow:8px 10px #c7b0b7,20px 27px 30px #b0959e35;transform:rotate(7deg)}.browser-bar{display:flex;align-items:center;justify-content:space-between;font-size:6px;padding:12px;border-bottom:1px solid #d6cfdd;letter-spacing:2px}.browser-bar small{font-size:6px}.mock-body{position:relative;padding:21px}.mock-body>small{font-size:5px;letter-spacing:1px}.mock-body h4{font-size:25px;letter-spacing:-1px;line-height:1.05;font-weight:500;margin:13px 0 33px;position:relative;z-index:2}.mock-body h4 i{font-family:Georgia,serif}.mock-sculpture{position:absolute;right:25px;top:33px;width:83px;height:105px;border-radius:50px 50px 0 0;background:linear-gradient(100deg,#aea4b8,#d8cae6 36%,#786e82);transform:rotate(-12deg);box-shadow:8px 7px #8e839a}.mock-sculpture span{position:absolute;width:41px;height:75px;background:#e5deec;border-radius:30px 30px 0 0;left:21px;bottom:0}.mock-bottom{font-size:5px;display:flex;justify-content:space-between;border-top:1px solid #ccc6d2;padding-top:12px}.wide-card{grid-column:1/-1}.wide-card .project-visual{height:329px}.peach-visual{background:#ebd8ca;display:flex;align-items:center;justify-content:space-between}.daylight-copy{padding:50px 63px}.daylight-copy .visual-index{position:static}.daylight-copy h4{font-size:44px;font-weight:500;letter-spacing:-1.9px;line-height:1.1;margin:29px 0}.daylight-pill{font-size:8px;letter-spacing:.6px;border:1px solid #c0ac9d;border-radius:30px;padding:9px 13px}.daylight-phone{width:246px;height:363px;margin-right:118px;background:#f2eaf9;border:7px solid #eadef5;border-radius:29px;box-shadow:9px 9px #bda593,17px 22px 28px #9a806e30;transform:rotate(12deg) translateY(26px);padding:24px 19px}.daylight-phone>span{display:flex;justify-content:space-between;font-size:17px;font-weight:600;letter-spacing:-1px}.daylight-phone b{color:#d79a6e}.daylight-phone>small{display:block;margin-top:24px;font-size:6px;letter-spacing:1px;color:#847a8e}.daylight-phone h4{font-size:21px;letter-spacing:-.6px;font-weight:500;line-height:1.15;margin:8px 0}.sun-art{color:#d79e75;font-size:85px;text-align:center;height:105px;line-height:1.2}.task-row{padding:10px 5px;border-top:1px solid #d8cde3;font-size:9px}.task-row span{float:right;color:#80718f}.about-section{background:#eae6ee;border-block:1px solid #ded9e3;padding-block:85px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-art{position:relative;display:grid;place-items:center;height:370px}.monogram-card{width:230px;height:268px;background:#d4cbde;border:1px solid #beb5c7;border-radius:8px;transform:rotate(-9deg);box-shadow:12px 13px #b0a2bd,29px 30px 30px #887a9620;font-family:Georgia,serif;font-size:148px;letter-spacing:-24px;line-height:1.6;position:relative;padding-left:20px;color:#635672}.monogram-card span{font-size:113px;position:relative;left:-13px;top:23px;color:#7f6f8f}.monogram-card i{position:absolute;right:-36px;top:-12px;font:normal 92px Arial;color:var(--blue);text-shadow:4px 7px #a74026;letter-spacing:0}.about-art-caption{position:absolute;bottom:0;left:20px;font-size:8px;line-height:1.7;letter-spacing:1px;color:#888090}.about-copy h2{font-size:43px;margin-bottom:24px}.about-copy>p{font-size:13px;line-height:1.9;color:#6f6876;max-width:430px}.skill-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.skill-list span{font-size:9px;border:1px solid #cec7d4;border-radius:20px;padding:7px 11px}.signature{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:23px;margin-top:25px}.signature span{margin-left:12px;font:20px Arial;color:#7e7489}.process-section{padding-block:93px}.process-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.process-grid article{border-top:1px solid #cbc5d1;padding-top:21px}.process-grid article>span{font-size:9px;color:#8b8293}.process-grid h3{font-size:17px;font-weight:500;letter-spacing:-.4px;margin-top:30px}.process-grid p{font-size:12px;line-height:1.8;color:#7a7380;max-width:310px}.contact-section{border-radius:12px;background:#dbd1e4;padding:49px 57px 35px;margin-bottom:73px;position:relative}.contact-section h2{font-size:clamp(48px,5.7vw,78px);letter-spacing:-4px;font-weight:500;line-height:1.1;margin:24px 0 39px}.contact-section h2>span{position:absolute;right:65px;top:79px;font:130px Arial;color:#817093}.contact-bottom{border-top:1px solid #bcb1c6;padding-top:22px;display:flex;align-items:center;gap:22px}.contact-email{font-size:15px;display:flex;gap:25px}.copy-email{font-size:9px;display:flex;gap:16px;align-items:center;background:none;border:1px solid #afa3bb;border-radius:20px;padding:8px 12px}.contact-domain{margin-left:auto;font-size:8px;letter-spacing:1px;color:#847692}.copy-status{font-size:10px;min-height:15px;padding-top:10px;color:#61536f}footer{display:flex;align-items:center;justify-content:space-between;padding-bottom:39px;font-size:10px;color:#78727f}footer .brand{font-size:32px;color:var(--ink)}footer .brand span{font-size:22px}footer p span{padding:0 10px}footer>div{display:flex;gap:33px}.policy{padding-top:40px}.back-link{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:57px}.policy>h1{font-weight:500;font-size:65px;letter-spacing:-3px;margin:18px 0}.policy-meta{display:flex;gap:15px;font-size:11px;color:#7e7685}.policy-draft{margin-top:30px;background:#e2d9ea;border:1px solid #c7bad4;border-radius:8px;padding:21px 25px;max-width:900px;font-size:12px;line-height:1.7}.policy-draft p{margin-bottom:0;color:#696072}.policy-layout{display:grid;grid-template-columns:240px 1fr;gap:75px;padding-block:55px 100px}.policy aside{display:flex;flex-direction:column;gap:13px;position:sticky;top:25px;align-self:start;font-size:10px;color:#7a7481}.policy aside>span{font-size:9px;letter-spacing:1.5px;margin-bottom:10px;color:#342e3a}.policy aside a:hover{color:var(--blue)}.policy article{max-width:750px;font-size:14px;line-height:1.9;color:#6a6370}.policy-lead{margin-top:0;font-size:17px;color:#433d49}.policy article section{position:relative;border-top:1px solid var(--line);padding-top:25px;margin-top:33px;scroll-margin-top:30px}.policy article h2{font-size:24px;line-height:1.4;color:var(--ink);font-weight:500;letter-spacing:-.8px;margin:0 0 17px}.policy-number{font-size:9px;display:block;color:#867d90;margin-bottom:5px}.policy article a{text-decoration:underline;text-underline-offset:3px;color:#b75a43}.policy li{padding-left:4px;margin-bottom:5px}dialog{border:1px solid #d3cdd9;border-radius:20px;background:var(--paper);width:min(760px,calc(100% - 30px));max-height:88vh;padding:27px;box-shadow:0 30px 120px #2f263840}dialog::backdrop{background:#1d182275;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#7d7585}.dialog-top button{background:#e2dde8;border:0;border-radius:50%;font-size:25px;width:35px;height:35px;line-height:1}#dialog-content h2{font-size:39px;letter-spacing:-1.6px;font-weight:500;margin:20px 0 7px}#dialog-content>p{font-size:13px;line-height:1.7;color:var(--muted)}.demo-toolbar{display:flex;gap:8px;margin:24px 0 14px}.demo-toolbar input{flex:1;min-width:0;background:white;border:1px solid #d4cedb;padding:11px;border-radius:8px;font-size:12px}.demo-toolbar button{background:var(--blue);color:white;border:0;padding:10px 14px;border-radius:8px;font-size:11px}.demo-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid #ded8e3;padding:13px 8px;font-size:12px}.demo-row>span{font-size:23px;color:#907da2}.demo-row>div{flex:1;overflow:hidden;text-overflow:ellipsis}.demo-row small{display:block;color:#918999;margin-top:4px;font-size:9px}.demo-row button{border:1px solid #ccc2d5;background:transparent;border-radius:6px;padding:6px;font-size:9px}.demo-message{font-size:11px;color:#756c7f;min-height:19px;padding-top:8px}.demo-feature-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:23px 0}.demo-feature-list div{background:#e6e0eb;border-radius:10px;padding:20px 14px;font-size:12px}.demo-feature-list span{display:block;color:#80778a;font-size:10px;line-height:1.5;margin-top:9px}.demo-checkbox{display:flex;align-items:center;gap:10px;padding:17px;border:1px solid #d6d0dd;border-radius:10px;margin-top:10px;font-size:13px}.demo-checkbox input{accent-color:#76608c;width:17px;height:17px}.demo-checkbox:has(input:checked) span{text-decoration:line-through;color:#888091}.demo-empty{padding:25px;font-size:13px;text-align:center;color:#7f7787}.demo-progress{height:8px;border-radius:10px;background:#e2dde6;margin-top:23px;overflow:hidden}.demo-progress>div{height:100%;background:#8f7ba3;transition:width .3s}.demo-concept{font-size:10px;color:#898092;margin-top:22px}.demo-preview{background:#e7d9dd;border-radius:10px;padding:25px;margin-top:20px;text-align:center}.demo-preview h3{font-family:Georgia,serif;font-style:italic;font-size:31px;font-weight:400}.demo-preview p{font-size:12px;color:#79676c}.demo-preview a{display:inline-block;background:#36302e;color:white;padding:11px 18px;border-radius:25px;font-size:11px}.demo-download{font-size:11px;text-decoration:underline;color:var(--blue);display:inline-block;margin:18px 0}.new-folder-form{display:flex;gap:8px;margin-bottom:12px}.new-folder-form input{min-width:0;flex:1;padding:10px;border:1px solid #cac1d3;border-radius:6px}.new-folder-form button{border:0;border-radius:6px;background:#7f6d91;color:white;padding:10px}.new-folder-form[hidden]{display:none}body.modal-open{overflow:hidden}@keyframes phone-float{0%,100%{transform:rotate(-11deg) rotateY(-13deg) rotateX(8deg) translateY(0)}50%{transform:rotate(-9deg) rotateY(-10deg) rotateX(8deg) translateY(-12px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}
@media(min-width:1550px){.hero h1{font-size:78px}.hero{min-height:730px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:58px;letter-spacing:-3px}.hero-art{transform:scale(.88);transform-origin:center right;margin-left:-45px}.hero{min-height:650px}.hero-actions{gap:15px}.button{padding:15px 18px;gap:15px}.intro{font-size:13px}.daylight-phone{margin-right:70px}.daylight-copy{padding-left:40px}.about-grid{gap:40px}.browser-mock{transform:rotate(7deg) scale(.87)}.mini-window{transform:rotate(-8deg) scale(.92)}.contact-bottom{gap:12px}.contact-domain{font-size:7px}.contact-email{font-size:13px}.policy-layout{gap:40px;grid-template-columns:200px 1fr}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:87px}.header nav{gap:21px;font-size:11px}.brand{font-size:37px}.nav-contact{padding:11px 14px}.nav-contact span{margin-left:9px}.hero{grid-template-columns:1fr;padding-top:47px;padding-bottom:20px;gap:0}.hero h1{font-size:65px;letter-spacing:-3.5px}.hero-copy{max-width:600px}.hero-art{width:480px;margin:0 auto;transform:scale(.93);height:550px;transform-origin:center center}.intro{font-size:15px}.hero-note{margin-top:27px}.hero-actions{gap:26px}.expertise-strip .wrap{gap:13px}.expertise-strip span{font-size:8px;letter-spacing:.4px}.expertise-strip b:last-child{display:none}.work-section{padding-block:65px}.section-heading h2,.about-copy h2,.process-section h2{font-size:40px}.section-heading>p{font-size:10px}.concept-note{display:none}.project-visual{height:290px}.browser-mock{transform:rotate(7deg) scale(.73);top:57px}.mini-window{transform:rotate(-8deg) scale(.8);top:53px}.projects{gap:30px 18px}.project-info h3{font-size:17px}.project-info p{font-size:10px;max-width:220px;line-height:1.6}.project-tags{gap:5px}.project-tags span{font-size:7px;padding:4px 7px}.wide-card .project-visual{height:290px}.daylight-copy{padding-left:30px}.daylight-copy h4{font-size:36px}.daylight-phone{margin-right:35px;transform:rotate(12deg) translateY(25px) scale(.85);flex-shrink:0;margin-left:-30px}.about-grid{gap:20px;grid-template-columns:.85fr 1fr}.monogram-card{transform:rotate(-9deg) scale(.8)}.about-copy .eyebrow{font-size:8px}.about-copy h2{font-size:34px}.about-copy>p{font-size:12px}.about-section{padding-block:60px}.process-section{padding-block:65px}.process-grid{gap:25px}.process-grid h3{font-size:15px}.process-grid p{font-size:11px}.contact-section{padding:33px 30px 25px;margin-bottom:47px}.contact-section h2{font-size:59px;letter-spacing:-3px}.contact-section h2>span{font-size:95px;right:30px;top:70px}.contact-bottom{flex-wrap:wrap}.contact-domain{display:none}.policy>h1{font-size:51px}.policy-layout{display:block}.policy aside{position:static;display:none}.policy article{font-size:13px}.policy-draft{font-size:11px}.policy-meta{font-size:10px}.back-link{margin-bottom:35px}}@media(max-width:520px){.header nav{gap:17px}.header nav>a:first-child{display:none}.header nav>a:nth-child(2){font-size:11px}.hero h1{font-size:52px;letter-spacing:-2.6px;margin-top:25px}.eyebrow{font-size:8px;letter-spacing:1.1px}.hero .eyebrow{font-size:7px}.intro{font-size:13px;line-height:1.8}.desktop{display:none}.hero-actions{gap:18px}.button{font-size:11px;gap:16px}.text-link{font-size:10px}.hero-art{width:350px;height:443px;transform:none;margin-top:20px;max-width:100%}.phone{transform:rotate(-11deg) scale(.78);transform-origin:top left;left:86px;top:20px;animation:none}.sphere{width:67px;height:67px;left:8px;top:72px}.orbit{width:320px;height:320px;left:5px;top:38px}.orbit-two{width:340px;left:0;top:81px}.folder-3d{transform:rotate(-14deg) scale(.78);transform-origin:left bottom;left:5px;bottom:47px}.floating-cube{width:35px;height:35px;right:9px;top:49px}.floating-tag{font-size:8px;padding:12px 12px 12px 32px;right:0;bottom:57px}.floating-tag>span{left:10px;font-size:16px;top:17px}.art-label{font-size:6px}.top-label{right:0;top:0}.bottom-label{bottom:18px;left:11px}.expertise-strip{padding-block:19px}.expertise-strip span{font-size:6px;letter-spacing:.4px}.expertise-strip .wrap{gap:8px}.expertise-strip b{font-size:15px}.expertise-strip b:nth-child(6){display:none}.expertise-strip span:nth-child(7){display:none}.work-section{padding-top:53px}.section-heading{align-items:start;gap:15px;margin-bottom:25px}.section-heading h2,.process-section h2{font-size:34px;letter-spacing:-1.5px}.section-heading>p{display:none}.filters button{font-size:10px;padding:9px 13px}.projects{grid-template-columns:1fr;gap:29px}.wide-card{grid-column:auto}.project-visual{height:320px}.mini-window{transform:rotate(-8deg) scale(.95);top:63px}.browser-mock{transform:rotate(7deg) scale(.82);top:72px}.project-info p{font-size:11px;max-width:none}.project-info h3{font-size:19px}.project-tags span{font-size:8px}.wide-card .project-visual{height:320px}.peach-visual{align-items:flex-start}.daylight-copy{padding:26px;z-index:1;position:relative}.daylight-copy h4{font-size:28px;max-width:160px;margin-top:29px}.daylight-copy .visual-index{font-size:7px}.daylight-phone{position:absolute;right:-73px;top:51px;transform:rotate(13deg) scale(.7);margin:0}.daylight-pill{position:absolute;top:257px;left:26px;white-space:nowrap}.about-grid{grid-template-columns:1fr}.about-art{height:300px}.monogram-card{transform:rotate(-9deg) scale(.85)}.about-art-caption{bottom:7px;left:0;font-size:6px}.about-copy{padding-top:34px}.about-copy h2{font-size:36px}.about-copy>p{font-size:13px}.about-copy .eyebrow{font-size:7px}.process-grid{grid-template-columns:1fr;gap:20px}.process-grid article{display:grid;grid-template-columns:26px 1fr;column-gap:15px;padding-top:20px}.process-grid article>span{padding-top:4px}.process-grid h3{font-size:17px;margin:0 0 11px}.process-grid p{grid-column:2;font-size:12px;max-width:none;margin:0}.contact-section{padding:28px 23px 20px}.contact-section h2{font-size:42px;letter-spacing:-2.2px;margin-bottom:30px}.contact-section h2 em{letter-spacing:-1.6px}.contact-section h2>span{font-size:42px;top:65px;right:21px}.contact-email{font-size:11px;gap:12px;overflow-wrap:anywhere}.contact-bottom{align-items:start;gap:15px}.copy-email{font-size:8px;padding:7px 10px}footer{flex-wrap:wrap;gap:18px;font-size:8px;padding-bottom:25px}footer>div{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}footer p{margin-left:auto}footer .brand{font-size:29px}.policy>h1{font-size:39px;letter-spacing:-2px}.policy>h1 em{letter-spacing:-1.5px}.policy-meta{font-size:9px;gap:8px}.policy-draft{padding:17px}.policy article h2{font-size:22px}.demo-feature-list{grid-template-columns:1fr}dialog{padding:20px}.demo-row{font-size:10px;padding:12px 0;gap:7px}.demo-row button{font-size:8px;padding:5px}.demo-toolbar{gap:5px}.demo-toolbar button{font-size:9px;padding:8px}.demo-row>span{font-size:17px}#dialog-content h2{font-size:33px}.demo-preview{padding:20px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.hero-art{overflow-x:clip;overflow-y:visible}