.page-design{--ink:#102d39;--paper:#f8f3e9;--olive:#3e5138;color:var(--ink);background:var(--paper) url(/assets/design-philosophy-01.jpg) repeat;margin:0;font-family:Georgia,serif}.page-design .hero{isolation:isolate;text-align:center;justify-content:center;align-items:center;min-height:290px;padding:24px 20px 38px;display:flex;position:relative;overflow:hidden}.page-design .hero-photo,.page-design .connect-footer-photo{z-index:-2;background-position:50% 48%;background-size:cover;position:absolute;inset:0}.page-design .hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#f8f3e900 0%,#f8f3e9dc 36%,#f8f3e9ee 65%,#f8f3e900 100%);position:absolute;inset:0}.page-design .hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--paper) 98%);pointer-events:none;height:32px;position:absolute;bottom:-1px;left:-3%;right:-3%}.page-design .hero-inner{max-width:600px}.page-design .eyebrow{letter-spacing:5px;font:13px Arial,sans-serif}.page-design .rule{background:#586e62;width:76px;height:1px;margin:15px auto}.page-design h1{margin:12px 0 20px;font:600 clamp(46px,6vw,75px)/.92 Cormorant Garamond,Georgia,serif}.page-design h1 em{font-weight:400}.page-design .intro{max-width:540px;margin:auto;font-size:17px;line-height:1.5}.page-design .paper{max-width:1300px;margin:auto;padding:0 3% 25px;position:relative}.page-design .story{grid-template-columns:minmax(320px,.98fr) minmax(350px,1.05fr);align-items:center;gap:clamp(24px,3vw,48px);display:grid}.page-design .drawing{max-width:520px;margin:-6px auto 0;position:relative;transform:rotate(-1.2deg)}.page-design .drawing img{filter:drop-shadow(1px 4px 4px #5e46351b);width:100%;height:auto;display:block}.page-design .story-copy{padding:12px 10px 0 0}.page-design .brush{z-index:0;margin:10px 0 15px;font:500 clamp(35px,4vw,50px) Caveat,cursive;display:inline-block;position:relative}.page-design .brush:before{content:"";z-index:-1;background:#cbd5c6a3;border-radius:50% 40% 55% 30%;height:50%;position:absolute;top:30%;left:-15px;right:-22px;transform:rotate(-2deg)}.page-design .story-copy p{margin:10px 0 28px;font:clamp(17px,1.8vw,20px)/1.55 Georgia,serif}.page-design .story-copy .separator{background:#8a9787;width:70px;height:1px;margin:27px auto}.page-design .note{mix-blend-mode:multiply;width:min(270px,68%);margin:5px 0 25px auto;display:block;transform:rotate(-4deg)}.page-design .developed{text-align:center;max-width:920px;margin:4px auto 20px}.page-design .developed .brush{margin-bottom:4px}.page-design .developed p{max-width:760px;margin:4px auto;font:18px/1.55 Georgia,serif}.page-design .principles{text-align:center;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;max-width:1230px;margin:10px auto 20px;display:grid;position:relative}.page-design .principles:before{content:"";z-index:-1;border-top:1.5px dashed #82948a;position:absolute;top:70px;left:7%;right:7%}.page-design .principle{padding:0 4px}.page-design .symbol{aspect-ratio:1;object-fit:contain;width:min(100%,155px);margin:auto auto 9px;display:block}.page-design .principle h3{margin:0 0 5px;font:600 16px Georgia,serif}.page-design .principle em{min-height:38px;font:italic 15px/1.25 Georgia,serif;display:block}.page-design .principle p{margin:8px 0;font:15px/1.45 Georgia,serif}.page-design .connect-footer{isolation:isolate;justify-content:center;align-items:center;height:230px;display:flex;position:relative;overflow:hidden}.page-design .connect-footer-photo{background-position:50% 55%}.page-design .connect-footer:before{content:"";background:linear-gradient(to bottom, var(--paper), #f8f3e900 38%, #091c201a);z-index:-1;position:absolute;inset:0}.page-design .connect-footer a{color:#0000;cursor:pointer;background:0 0;border-radius:40px;width:22%;height:26%;font-size:0;display:block;position:absolute;top:31%;left:39%}@media (width<=900px){.page-design .story{grid-template-columns:1fr;gap:5px}.page-design .drawing{width:min(95%,530px)}.page-design .story-copy{text-align:center;padding:0 20px}.page-design .note{margin:0 auto 25px}.page-design .principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.page-design .principles:before{display:none}}@media (width<=530px){.page-design .principles{grid-template-columns:repeat(2,minmax(0,1fr))}.page-design .hero{min-height:350px}.page-design .intro{font-size:15px}.page-design .principle p{font-size:14px}}.page-design .note-art{isolation:isolate;box-sizing:border-box;background:0 0;justify-content:center;align-items:center;width:min(380px,94%);min-height:172px;margin:0 0 20px auto;padding:27px 42px 28px 65px;display:flex;position:relative;transform:rotate(-2deg)}.page-design .note-art:before{content:"";z-index:-1;filter:blur(9px);background:radial-gradient(at 31% 43%,#bbcbae57,#0000 59%),radial-gradient(at 79% 55%,#dacdaf47,#0000 66%),radial-gradient(at 45% 80%,#b0c6b236,#0000 65%);border-radius:45% 55% 47% 53%;position:absolute;inset:4% 1%}.page-design .note-words{text-align:center;color:#173b44;white-space:normal;z-index:1;outline-offset:5px;font:500 clamp(26px,3vw,37px)/.92 Caveat,Segoe Print,cursive;position:relative;transform:rotate(-1deg)}.page-design .note-sprig{opacity:.78;width:65px;height:132px;position:absolute;bottom:12px;left:0;transform:rotate(-12deg)}.page-design .note-heart{width:30px;height:37px;position:absolute;bottom:29px;right:13px;transform:rotate(9deg)}@media (width<=900px){.page-design .note-art{margin:4px auto 25px}}@media (width<=530px){.page-design .note-art{width:100%;min-height:145px;padding:22px 32px 20px 45px}.page-design .note-words{font-size:29px}.page-design .note-sprig{width:52px;height:110px}}