header{gap:22px}nav{gap:22px;font-size:13px}.brand b{font-size:23px;letter-spacing:3px}.design-hero{position:relative;background:#e9e8de;min-height:680px;display:grid;grid-template-columns:46% 54%;padding-bottom:45px}.design-hero-copy{padding:85px 0 70px 15%;position:relative;z-index:2}.design-hero h1{font-size:clamp(40px,4.1vw,68px);line-height:1.35;font-weight:400;letter-spacing:-2px;margin-top:30px}.design-hero h1 span{display:block;font-family:"Songti SC",serif;font-style:italic}.design-hero h1 span:after{display:none}.design-hero-copy>p:not(.eyebrow){font-size:13px;color:#637060;margin:30px 0}.design-hero figure{margin:0;position:relative;overflow:hidden}.design-hero figure img{width:100%;height:100%;object-fit:cover;object-position:57% center}.design-hero figcaption{position:absolute;bottom:15px;right:20px;background:#f5f4eebf;padding:6px 10px;font-size:9px}.design-margin{position:absolute;bottom:20px;left:7%;font-size:9px;letter-spacing:3px}.design-manifesto{padding:100px 12%;background:var(--green);color:#eff1e7}.design-manifesto h2{font-size:clamp(30px,3.3vw,48px);line-height:1.6;font-weight:400;margin-top:35px}.design-manifesto em{font-style:normal;color:#b7cba2;display:block}.design-manifesto>p{max-width:580px;color:#bfccb7;font-size:14px;margin:30px 0 0 auto}.design-studio{padding:95px 7%}.scene-tabs{display:flex;border-bottom:1px solid #cbd3c2;gap:45px;margin-bottom:35px}.scene-tabs button{font-size:13px;padding:20px 0;border:0;border-bottom:2px solid transparent;background:none}.scene-tabs button[aria-selected=true]{border-color:var(--green);font-weight:600}.scene-panel{display:grid;grid-template-columns:55% 45%;background:#f4f3eb}.studio-visual{position:relative;min-height:560px;overflow:hidden;background:radial-gradient(ellipse at center,#f9f7ee,#e4e5d8);perspective:1000px;--box:#214b3d;--box-side:#15372c;--on-box:#f4edd9;--accent:#b6c59a}.visual-label{position:absolute;top:26px;left:30px;font-size:9px;letter-spacing:2px;color:#697b60}.visual-note{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;font-size:9px;color:#6c7b63}.concept-box{position:absolute;width:195px;height:300px;left:50%;top:49%;transform:translate(-55%,-50%) rotate(-9deg);transform-style:preserve-3d;transition:width .6s,height .6s,transform .8s}.concept-face{position:absolute;inset:0;background:var(--box);color:var(--on-box);padding:25px;display:flex;flex-direction:column;z-index:3;box-shadow:inset 0 0 0 1px #ffffff17;transition:background .5s}.concept-brand{font-size:9px;letter-spacing:1.5px;line-height:1.5}.concept-face b{font-size:23px;line-height:1.05;font-family:Georgia,serif;font-weight:400;position:relative;z-index:2;margin-top:auto}.concept-foot{font-size:5px;letter-spacing:1px;margin-top:18px}.concept-symbol{position:absolute;width:115px;height:115px;border:1px solid var(--accent);border-radius:50%;top:70px;right:-10px;box-shadow:0 0 0 9px var(--box),0 0 0 10px var(--accent),0 0 0 19px var(--box),0 0 0 20px var(--accent);opacity:.8}.concept-side{position:absolute;left:100%;top:17px;width:43px;height:100%;background:var(--box-side);transform:skewY(38deg);transform-origin:left top;transition:background .5s}.concept-lid{position:absolute;bottom:100%;left:0;width:100%;height:34px;background:var(--accent);transform:skewX(52deg);transform-origin:bottom left;z-index:4;transition:transform .8s,height .8s;background-image:linear-gradient(0deg,#0002,transparent)}.concept-box.is-open .concept-lid{height:100px;transform:skewX(16deg) rotateX(-35deg);box-shadow:0 -3px 15px #193e3310}.concept-shadow{position:absolute;left:25%;right:15%;bottom:75px;height:50px;background:#42553725;filter:blur(20px);transform:rotate(-10deg)}.studio-visual[data-kind=shipping] .concept-box{width:260px;height:145px;transform:translate(-55%,-35%) rotate(-7deg)}.studio-visual[data-kind=shipping] .concept-face b{font-size:20px}.studio-visual[data-kind=shipping] .concept-symbol{width:60px;height:60px;top:50px;right:18px}.studio-visual[data-kind=shipping] .concept-brand{font-size:7px}.studio-visual[data-kind=shipping] .concept-foot{display:none}.studio-visual[data-kind=gifting] .concept-box{width:235px;height:235px;transform:translate(-55%,-40%) rotate(-5deg)}.studio-visual[data-kind=gifting] .concept-symbol{width:100px;height:100px;top:58px;right:28px}.scene-copy{padding:55px 40px;align-self:center}.scene-copy h3{font-size:28px;line-height:1.4;font-weight:500}.scene-copy>p{font-size:13px;color:#66785e;margin:20px 0}.scene-copy ul{list-style:none;margin:25px 0;padding:0;font-size:12px;line-height:1.8;color:#617657}.scene-copy li{padding:8px 0;border-top:1px solid #d9dfd0}.scene-copy li:before{content:'＋';margin-right:8px}.palette-label{font-size:10px;color:#7a8870;margin-bottom:12px}.palettes{display:flex;gap:16px}.palettes button{font-size:10px;display:flex;gap:6px;align-items:center;padding:5px 0;background:none;border:0;border-bottom:1px solid transparent}.palettes button[aria-pressed=true]{border-color:var(--green)}.palettes i{width:16px;height:16px;display:block;border-radius:50%}.scene-copy .textlink{font-size:11px;gap:16px;margin-right:20px}.design-dimensions{background:#dce4d3;padding:90px 7%}.dimension-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.dimension-heading>p{font-size:13px;color:#6c7e61}.dimension-list{margin-top:50px}.dimension-list article{display:grid;grid-template-columns:60px 1.1fr 2fr 1.2fr;align-items:center;gap:25px;padding:28px 0;border-top:1px solid #aeba9f}.dimension-list article>span{font:24px Georgia;color:#7a8c69}.dimension-list h3{font-size:22px;font-weight:400}.dimension-list p{font-size:13px;color:#546c49}.dimension-list small{font-size:10px;color:#687e5b}.design-process{padding:100px 7%;display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.design-process>div>p:not(.eyebrow){font-size:13px;color:#75816c;margin:25px 0}.process-list article{display:flex;gap:25px;padding:25px 0;border-top:1px solid var(--line)}.process-list article>span{font:22px Georgia;color:#a2ac93}.process-list h3{font-size:19px;font-weight:500}.process-list p{font-size:12px;color:#738268;margin-top:12px}.brief-section{padding:90px 7%;background:var(--green);color:#f2f3e9;display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.brief-intro h2{font-size:35px}.brief-intro>p:not(.eyebrow){font-size:13px;color:#b7c9b1;margin:25px 0}.brief-tip{padding-top:25px;border-top:1px solid #ffffff30;margin-top:50px}.brief-tip b{font-size:13px;font-weight:500}.brief-tip p{font-size:12px;color:#bacab1;margin-top:10px}.brief-section form{margin:0;align-content:start}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brief-section label{font-size:11px;color:#d9e4d1}.brief-section input,.brief-section select,.brief-section textarea{background:#ffffff0b;border-color:#78916c80;color:#f3f4ed;font-size:12px}.brief-section input::placeholder,.brief-section textarea::placeholder{color:#aabc9e}.brief-section option{color:#193e33;background:#fff}.brief-section .button{background:#edf0e2;color:var(--green);border-color:#edf0e2}.brief-note{font-size:10px;color:#aabd9e;line-height:1.6}.brief-section .outline{background:transparent;color:#eaf0df}.brief-section #brief-result{padding-top:25px;border-top:1px solid #ffffff40;margin-top:15px}#brief-result h3{font-weight:400;font-size:21px;margin-bottom:20px}.brief-actions{display:flex;gap:12px;margin-top:15px}.brief-actions .button{font-size:11px;padding:12px 15px;min-height:44px}#brief-status{font-size:11px;margin-top:12px}.design-reading{padding:85px 7%}.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.reading-grid>a{border-top:1px solid #afbaa3;padding:24px 0 0}.reading-grid>a>span{font-size:10px;letter-spacing:1px;color:#7d8c70}.reading-grid h3{font-size:24px;line-height:1.5;font-weight:400;margin:25px 0 15px}.reading-grid p{font-size:12px;color:#7c896f}.reading-grid b{font-size:11px;display:block;margin-top:30px;font-weight:500}.article-heading{display:block;position:relative;top:auto;height:auto;max-width:none;padding:60px 14% 55px;background:var(--cream);box-shadow:none;border:0;z-index:auto}.article-heading .eyebrow{margin:35px 0 20px;color:#7a896c;font-size:9px}.article-heading h1{max-width:850px;font-size:clamp(34px,4vw,57px);line-height:1.45;font-weight:400;letter-spacing:-1.5px}.article-heading>p:not(.eyebrow){font-size:15px;margin-top:25px;color:#728067}.article-meta{font-size:10px;margin-top:30px;display:flex;gap:30px;color:#7d8d70}.article-layout{display:grid;grid-template-columns:240px minmax(0,700px);gap:7%;padding:70px 10% 90px;justify-content:center}.article-layout aside{align-self:start;position:sticky;top:120px}.article-layout aside>a{display:block;font-size:11px;padding:12px 0;line-height:1.8;color:#7f8d72;border-top:1px solid #e0e4d9}.article-layout aside .article-brief-link{color:var(--green);margin-top:30px}.article-body>p.article-intro{font-size:17px;line-height:2;color:#506b43}.article-body blockquote{font-family:"Songti SC",serif;font-size:27px;line-height:1.7;border-left:2px solid #82916e;margin:40px 0;padding:0 0 0 25px}.article-body>section{margin:45px 0}.article-number{font:16px Georgia;color:#87986f}.article-body h2{font-size:25px;font-weight:500;margin:12px 0 20px;letter-spacing:0}.article-body section p{font-size:15px;line-height:2.15;color:#536848}.article-idea{background:#eff1e8;padding:30px;margin:45px 0}.article-idea p{font-size:14px;color:#617253}.article-idea .eyebrow{font-size:9px;margin-bottom:16px}.article-checklist{padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-checklist ul{list-style:none;padding:0}.article-checklist li{font-size:13px;line-height:1.8;margin:14px 0;padding-left:24px;position:relative}.article-checklist li:before{content:'□';position:absolute;left:0;color:#92a07d}.article-references{font-size:11px;color:#7b8870;margin:35px 0}.article-references summary{cursor:pointer}.article-references a{display:block;margin:12px 0;text-decoration:underline;font-size:10px}.article-references>p{font-size:10px;margin-top:20px}.article-related{padding:60px 10%;background:#f1f3eb}.article-related>div{display:grid;grid-template-columns:1fr 1fr;gap:50px}.article-related a{font-size:10px;color:#778569}.article-related strong{font-weight:400;display:block;font-size:22px;color:#193e33;margin:15px 0;line-height:1.6}.article-related a>span{font-size:11px}.gentle-reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .9s}.gentle-reveal.entered{opacity:1;transform:none}.design-home{padding:90px 7%;display:grid;grid-template-columns:1fr 1.15fr;gap:7%;background:#eeeae0;align-items:center}.design-home>div>p:not(.eyebrow){font-size:14px;color:#66765c;margin:25px 0}.design-home figure{margin:0;position:relative}.design-home img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover}.design-home figcaption{position:absolute;bottom:12px;right:12px;font-size:9px;background:#ffffffe0;padding:5px 8px}.design-home .button{margin-top:5px}.design-home-tags{display:flex;flex-wrap:wrap;gap:9px;font-size:10px;margin-bottom:25px}.design-home-tags span{border:1px solid #bec6b2;padding:8px 12px}.design-home .textlink{display:flex;width:max-content;font-size:11px}.insight-label{display:block;font-size:9px;color:#75846b;margin-top:12px}
@media(max-width:1100px){header{gap:15px}nav{gap:16px;font-size:12px}.brand b{font-size:21px}.design-hero{min-height:590px}.design-hero-copy{padding-left:13%;padding-top:65px}.design-hero h1{font-size:40px}.scene-copy{padding:35px 25px}.studio-visual{min-height:530px}.dimension-list article{grid-template-columns:40px 1fr 2fr}.dimension-list small{grid-column:3}.article-layout{grid-template-columns:180px minmax(0,1fr);padding-left:6%;padding-right:6%;gap:5%}.brief-section{gap:6%}.brief-intro h2{font-size:29px}}
@media(max-width:700px){.design-hero{display:block;padding-bottom:38px}.design-hero-copy{padding:45px 6% 40px}.design-hero h1{font-size:39px;line-height:1.45;letter-spacing:-1px;margin-top:20px}.design-hero-copy>p:not(.eyebrow){font-size:12px;margin:23px 0}.design-hero figure{height:330px}.design-margin{font-size:7px;bottom:15px;left:6%;letter-spacing:2px}.design-manifesto{padding:60px 6%}.design-manifesto h2{font-size:27px;line-height:1.8}.design-manifesto>p{font-size:12px;margin-top:25px}.design-studio{padding:55px 6%}.scene-tabs{gap:25px;margin-bottom:25px}.scene-tabs button{font-size:11px;white-space:nowrap}.scene-panel{grid-template-columns:1fr}.studio-visual{min-height:415px}.concept-box{scale:.85;top:47%}.concept-shadow{bottom:40px}.visual-label{font-size:8px;left:20px;top:20px}.visual-note{font-size:8px;bottom:15px}.scene-copy{padding:30px 25px}.scene-copy h3{font-size:24px}.scene-copy>p{font-size:12px}.scene-copy .textlink{font-size:10px}.design-dimensions{padding:55px 6%}.dimension-heading{display:block}.dimension-heading>p{margin-top:20px;font-size:12px}.dimension-list{margin-top:30px}.dimension-list article{grid-template-columns:30px 1fr;gap:15px;padding:25px 0}.dimension-list p,.dimension-list small{grid-column:2}.dimension-list h3{font-size:21px}.dimension-list p{font-size:12px}.dimension-list small{font-size:9px}.design-process{padding:55px 6%;grid-template-columns:1fr;gap:35px}.process-list h3{font-size:18px}.brief-section{padding:55px 6%;grid-template-columns:1fr;gap:40px}.brief-intro h2{font-size:29px}.brief-tip{margin-top:25px;padding-top:20px}.brief-fields{gap:18px 12px}.brief-section .button{font-size:12px}.brief-actions{flex-wrap:wrap}.design-reading{padding:55px 6%}.reading-grid{grid-template-columns:1fr;gap:35px}.reading-grid h3{font-size:25px}.reading-grid b{margin-top:20px}.article-heading{padding:35px 6% 40px}.article-heading h1{font-size:34px;letter-spacing:-1px}.article-heading>p:not(.eyebrow){font-size:13px}.article-meta{font-size:9px;gap:20px}.article-layout{display:block;padding:30px 6% 55px}.article-layout aside{position:static;margin-bottom:35px}.article-layout aside .eyebrow{margin-bottom:15px}.article-layout aside>a{font-size:10px;padding:9px 0}.article-layout aside .article-brief-link{display:none}.article-body>p.article-intro{font-size:15px}.article-body blockquote{font-size:23px;margin:30px 0;padding-left:20px}.article-body h2{font-size:22px}.article-body section p{font-size:14px}.article-idea{padding:25px;margin:35px 0}.article-idea p{font-size:13px}.article-related{padding:40px 6%}.article-related>div{grid-template-columns:1fr;gap:30px}.article-related strong{font-size:21px}.design-home{padding:55px 6%;grid-template-columns:1fr;gap:35px}.design-home>div>p:not(.eyebrow){font-size:13px}.design-home img{aspect-ratio:1.2}}
@media(prefers-reduced-motion:reduce){.concept-box,.concept-lid,.concept-face,.concept-side{transition:none}.gentle-reveal{opacity:1;transform:none;transition:none}}