.navbar{background-color:var(--cream);z-index:100;padding:24px 60px;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:2px;font-weight:500}.nav-links{gap:40px;display:flex}.nav-links a{color:var(--brown);letter-spacing:1px;font-size:14px;text-decoration:none;transition:opacity .3s}.nav-links a:hover{opacity:.6}
.hero{background-color:var(--cream);background-image:repeating-linear-gradient(90deg,#4522050f 0 1px,#0000 1px 40px),repeating-linear-gradient(#4522050f 0 1px,#0000 1px 40px);min-height:90vh;padding:120px 60px}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.hero-left h1{margin:20px 0;font-size:56px;line-height:1.1}.studio-label{letter-spacing:2px;opacity:.7;font-size:18px}.hero-description{max-width:500px;margin-bottom:30px;font-size:18px}.hero-button{background-color:var(--brown);color:#fff;cursor:pointer;border:none;border-radius:40px;padding:14px 28px;font-family:Inter,sans-serif;transition:all .3s}.hero-button a{color:#fff;text-decoration:none}.hero-button:hover{background-color:var(--pink);color:var(--brown)}.hero-right{justify-content:center;display:flex}.image-placeholder{background-color:var(--pink);opacity:.8;border-radius:20px;justify-content:center;align-items:center;width:320px;height:420px;font-family:Inter;display:flex}@media (max-width:900px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-left h1{font-size:40px}.hero-description{margin:0 auto 30px}}
.pillars-section{background:var(--pink);padding:120px 60px}.pillars-label{text-align:center;margin-bottom:40px}.pillars-label h1{letter-spacing:2px;color:var(--brown);margin:0;font-family:Playfair Display,serif;font-size:42px}.pillars-inner{max-width:1200px;margin:0 auto}.pillars-stack{grid-template-columns:repeat(3,1fr);align-items:start;gap:40px;display:grid}.postit{box-shadow:none;background:0 0;border:none;padding:0;transition:transform .25s;position:relative;overflow:visible}.postit-1{transform:rotate(-.3deg)}.postit-2{transform:rotate(.2deg)}.postit-3{transform:rotate(-.15deg)}.postit:hover{transform:translateY(-6px)rotate(0)}.postit-frame{aspect-ratio:3/4;width:100%;position:relative}.postit-image{object-fit:contain;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.postit-content{z-index:2;box-sizing:border-box;gap:10px;padding:150px 38px 38px;display:grid;position:absolute;inset:0}.postit-top{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.postit-title{color:var(--brown);margin:0;font-family:Playfair Display,serif;font-size:26px;line-height:1.1}.postit-badge{letter-spacing:.6px;color:var(--brown);white-space:nowrap;background:#45220514;border-radius:999px;padding:6px 10px;font-family:Inter,sans-serif;font-size:12px}.postit-subtitle{letter-spacing:.6px;color:#452205bf;margin:0;font-family:Inter,sans-serif;font-size:13px}.postit-desc{color:#452205eb;margin:0;font-family:Inter,sans-serif;font-size:15px;line-height:1.55}.postit-link{width:fit-content;color:var(--brown);border-bottom:1px solid #45220559;margin-top:6px;padding-bottom:2px;font-family:Inter,sans-serif;font-weight:600;text-decoration:none;transition:opacity .25s}.postit-link:hover{opacity:.7}.postit-2 .postit-title,.postit-2 .postit-subtitle,.postit-2 .postit-desc,.postit-2 .postit-link{color:#faf6ea}.postit-2 .postit-badge{color:#faf6ea;background:#faf6ea2e}.postit-2 .postit-link{border-bottom:1px solid #faf6ea80}@media (max-width:1000px){.pillars-section{padding:90px 20px}.pillars-label h1{font-size:34px}.pillars-stack{grid-template-columns:1fr;gap:28px}.postit-frame{max-width:420px;margin:0 auto}.postit-content{padding:54px 24px 24px}}@media (max-width:420px){.postit-title{font-size:22px}.postit-desc{font-size:14px}.postit-content{padding:52px 20px 20px}}
.projectsTabs{background:var(--cream);padding:110px 60px}.projectsTabs__header{max-width:1100px;margin:0 auto 30px}.projectsTabs__title{color:var(--brown);margin:0 0 8px;font-family:Playfair Display,serif;font-size:46px}.projectsTabs__subtitle{color:#452205bf;margin:0;font-family:Inter,sans-serif;font-size:16px}.folder{max-width:1100px;margin:0 auto;position:relative}.folder__tabs{align-items:flex-end;gap:14px;padding-left:6px;display:flex}.tab{letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:1.5px solid #452205d9;border-bottom:none;border-top-left-radius:18px;border-top-right-radius:18px;padding:14px 22px 12px;font-family:Inter,sans-serif;font-weight:700;transition:transform .18s,filter .18s;transform:translateY(2px)}.tab1{background:var(--pink)}.tab2{background:var(--brown)}.tab3{background:var(--pink)}.tab.isActive{filter:saturate(1.05);transform:translateY(0)}.folder__panel{background:#b9d4ff;border:1.5px solid #452205d9;border-radius:18px;padding:60px 56px}.panel{grid-template-columns:1.1fr .9fr;align-items:center;gap:46px;display:grid}.panel__title{color:var(--brown);margin:0 0 10px;font-family:Playfair Display,serif;font-size:44px}.panel__meta{letter-spacing:1px;text-transform:uppercase;color:#452205b8;margin-bottom:14px;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.panel__desc{color:#452205e6;max-width:60ch;margin:0 0 18px;font-family:Inter,sans-serif;font-size:16px;line-height:1.65}.panel__list{color:#452205e6;margin:0 0 22px;padding-left:18px;font-family:Inter,sans-serif;line-height:1.7}.panel__actions{flex-wrap:wrap;gap:12px;display:flex}.btn{background:var(--cream);color:var(--brown);border:1.5px solid #452205e6;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-family:Inter,sans-serif;font-weight:700;text-decoration:none;transition:transform .18s,opacity .18s;display:inline-flex}.btn:hover{opacity:.92;transform:translateY(-2px)}.panel__imageFrame{background:#faf6eae6;border:1.5px solid #4522054d;border-radius:16px;place-items:center;min-height:320px;padding:18px;display:grid;position:relative}.panel__image{object-fit:cover;border-radius:12px;width:100%;height:auto;max-height:360px}.panel__placeholder{color:#452205b3;text-align:center;padding:20px;font-family:Inter,sans-serif}.paperclip{background:0 0;border:2px solid #45220559;border-radius:14px;width:22px;height:54px;position:absolute;top:-14px;right:22px;transform:rotate(12deg)}.folder__footer{justify-content:space-between;gap:16px;padding:14px 6px 0;display:flex}.tinyLink{color:#452205bf;border-bottom:1px solid #45220540;padding-bottom:2px;font-family:Inter,sans-serif;text-decoration:none}.tinyLink:hover{color:#452205}@media (max-width:980px){.projectsTabs{padding:90px 20px}.projectsTabs__title{font-size:38px}.folder__panel{padding:44px 22px}.panel{grid-template-columns:1fr}.panel__title{font-size:36px}.folder__footer{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.tab{padding:12px 14px 10px;font-size:12px}}